/* css development by maramade productions http://www.maramade.com */

html, body {height: 100%; margin-bottom:1px;}

body {
	margin:0 auto;
	padding:0;
	font:76% Arial,Verdana,Tahoma,sans-serif;
	background-color:#FDF8E2;
	background-image:url(images/bg2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#000;
}

#wrap {
background:#ffffff;
color:#000;
margin:11px auto 0 auto;
width:800px;
border-bottom: 7px solid #330000;
}

#banner {
width:800px;
height: 133px;
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
}

#leftcol{
float:left;
width:224px;
background-color:#cd962f;
background-image: url(images/leftcolbg.jpg); 
background-repeat: repeat-y;
color:#FFFFFF;
margin:0;
}


#menubar { 
background-image: url(images/menubg.jpg); 
background-repeat: repeat-y; 
padding: 16px; 
background-color:#A32316;
color:#000000;
}

#menubar p a, #menubar p a:link, #menubar p a:visited, #menubar p a:active{
color: #FDF8E2;
background-color:#A32316;
text-decoration:none;
font-weight:bold;
margin-left:20px;
}

#menubar p a:hover{
color: #D39433;
background-color:#A32316;
}

#calls{
background-image:url(images/33.jpg);
background-repeat:no-repeat;
background-position:top;
width:224px;
height: 237px;S
color:#330000;
background-color:transparent;
}

#calls caption{
padding-top: 0px;
}

#calls table{
width:200px;
margin-left:15px;
background-color:transparent;
color:#fff;
font-weight:700;

}

#calls p{
margin-top:0;
}


#content{
margin-left:226px;
border-top: 1px solid #330000;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#content h1{
font-size: 1.6em;
padding: 0 10px;
color:#990000;
background-color:#FFFFFF;
}

#content h2{
font-size: 1.4em;
color:#000;
background-color:#FFFFFF;
font-style:italic;
margin-bottom:0;
padding: 0 10px;
}

#content p, #leftcol p, #calls p{
padding: 0 10px 0 10px;
margin-bottom:0;
}

#content  img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}


a img {
border:0;
}


#content  a, #content  a:link, #content  a:visited, #content  a:active{
color:#990000;
background-color:#FFFFFF;
text-decoration:underline;
}

#content  a:hover{
text-decoration:none;
}

#flash{
border-bottom: 7px solid #330000;
width: 569px;
height: 251px;
margin:0;
padding:0;
}


#footer {
	background-color:transparent;
	color:#666666;
	font-size:0.9em;
	margin:0 auto;
	padding:0;
	width: 800px;
	clear:both;
	
}

#footer a {
	color: #999999;
	background-color:transparent;
	text-decoration:underline;
}

#footer a:hover {
text-decoration: none;
}


.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.clearfloateddiv {
overflow:hidden;
width:100%;
}






.thumbnail
{
float: left;
width: 248px;
height:240px;
margin: 0 15px 25px 10px;
}



/* .thumbnail img { 
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
} */


#announce{
width: 200px;
float:right;
border: 1px solid #330000;
margin: 10px 10px 25px 15px;
padding:5px;
}



#navcontainer { 
margin-left: 30px; 
font-size:.9em;
color:#999999;
background-color:#FFFFFF;
}

#navcontainer a, #navcontainer a:link, #navcontainer a:visited, #navcontainer a:active{
font-size:.9em;
color:#999999;
background-color:#FFFFFF;
text-decoration:underline;
}

#navcontainer a:hover{
color:#990000;
text-decoration:none;
background-color:#FFFFFF;
}

/*Fat Erik's Breadcrumbs*/
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "> "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
	background-image: url(images/gt.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
}



/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { background-image: none; }



/*image pop*/
.thumbnailpop{
position: relative;
z-index: 0;
}

.thumbnailpop:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailpop span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailpop span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailpop:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -30px; /*position where enlarged image should offset horizontally */

}