/* CSS Document */

body {
	background-image: url(images/background.gif);
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	margin: 0px;
	padding:0px;
	color: #333333;
	text-align:center;
	min-width: 765px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


a:link, a:visited, a:active {
	color: #333333;
	text-decoration:underline;
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration:underline;
	color:#904040;
}

#mainDiv {
	background-color: #FFFFFF;
	border-left: 1px solid #CBD7E4;
	border-right: 1px solid #CBD7E4;
	border-bottom: 1px solid #CBD7E4;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 768px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}

/* IE Win 3 pixel bug */
html>body #mainDiv {
    width:765px;
}


#headerTable {
	width: 100%;
	padding: 0px;
	margin: 0px;

}




/* //////////////////////// NAVIGATION ///////////////////// */



/*---- TOP NAV ---------*/

#topNav {
 	background: url(images/navbar-21.gif);
	background-repeat: no-repeat;
  	width: 750px;
  	height: 21px;
  	color:#FFFFFF;
	margin-left: 7px;
	}

#topNavList {
	margin: 0px;
	padding: 0px;
	/* background-color: #15456F; */
	}

#topNavList ul {
	/* background: #15456F; */
  	width: 100%;
	}

#topNavList li {
	list-style: none;
	float: left;
	margin: 0px;
 	font-size: 11px;
	line-height: 21px;
	}

#topNavList a { 
	color: #fff;
	text-decoration: none;
	line-height: 21px;
	display: block;
	font-weight: normal;
	float: left;	
	width: 170px;
	font-size: 11px;
	text-align: center;
	}

	/* ---- for smaller navigation elements 100 instead of 150 ---- */
#topNavList #navAbout a, #topNavList #navContact a, #topNavList #navHome a {
	width: 100px;
}

#topNavList a:link,  #topNavList a:visited {
	color: #fff;
	text-decoration: none;
	} 	

	
/* commented backslash hack hides rule from EI5-Mac \*/
#topNavList a {float: none;}    /* end IE5-Mac hack */


#topNavList a:hover { 
	color: #fff;
	text-decoration: none;   
	background-image:url(images/mouse-over-21.gif);
	background-repeat: repeat-x;
	repeat-y: none;
	font-size: 11px;
	color: #000000;
	text-align: center;
}





/* /////////////////////////////    CONTAINERS  ///////////////////////////// */



/* COLUMNS */


.columnSeperator {   /* Seperates columns inside mainContainer */

width: 750px;
margin-left: 7px;
margin-top: 7px;
margin-bottom: 5px;

}

.leftCol {
	width: 350px;
}


.rightContainer {
background-color: #ffffff;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-left: 10px;
padding-right: 10px;

}

.quote {
	font-size: 11px;
	font-style: italic;
	color: #369;
}


.contentLeftCol {
	width: 50%;
} 

.contentRightCol {
	width: 50%;
}

.contentArea {
	padding: 10px;
}

/* CODE FOR RED CURVED BOXES */

.roundcount {
	width: 350px;
	background-color: #CC100A;
	color: #fff;
	margin-left: 5px;
	font-size: 12px;
}

.roundcount p {
	padding: 0 5px 0 5px;
	
	}

.roundtop { 
	background: url(images/corner-ur.gif) no-repeat top right; 
	height: 18px;
}

.roundbottom {
	background: url(images/corner-br.gif) no-repeat top right; 
}



img.photo {
border: 1px solid #000000;
margin: 3px 3px 3px 3px;
}

img.corner {
   width: 16px;
   height: 18px;
   border: none;
   display: block !important;
}



/* //////////////////////////  TEXT  //////////////////////////  */

.outline {
	border: 1px solid #ccc;

}

h2 { 
color: #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-variant:small-caps;
font-weight: bolder;

}

h3 { 
color:#CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-variant:small-caps; 
font-weight: bolder;
margin-top: 2px;
padding-top: 0px;

}

h4 {
	color:#336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/* font-variant:small-caps; */
	font-weight: bolder;
	border-bottom: 1px solid #ccc;
}

h5 {
	color:#336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* font-variant:small-caps; */
	font-weight: bolder;

}

.highlight {
font-size: 14px;
color: #FFFFFF;
}

.highlight ul {
list-style-image: url(images/bullet-red.gif);
}





.footer {
font-size:11px;
text-align: center;
color:#666666;
}