/* CSS Document */

/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
caption, tbody, tfoot, thead, tr, th {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;
}


ol, ul {list-style:none}

body {

	color: #111111;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}


h1 {font-size:36px; color:#ffffff; font-family: Arial, Helvetica, sans-serif;}
h2 {font-size:21px; color:#265d86; font-family: Arial, Helvetica, sans-serif;}
h3 {font-size:16px; font-weight:bold; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}



a:link, a:visited {color:#502d2a; text-decoration:none}
a:hover, a:active {color:#686868; text-decoration:none}

.smalltext {font-size:10px}

.transblue {background-color:#265d86; opacity:0.7;filter:alpha(opacity=70)}
.transwhite {background-color:#ffffff; opacity:0.7;filter:alpha(opacity=70)}

.transwhite li, #popcontent li  {list-style:url(../images/bullet.png) outside; margin-left:25px}
#popcontent h2 {padding-bottom:10px}

#head {background-color:#265d86; padding:10px 20px; margin:0 0 10px 0; height:80px}

#nav {clear:both; width:990px; padding:20px 0 0 10px;}
#nav li {float:left; padding:5px 25px; font-size:16px; font-weight:bold; height:28px}
#nav li:hover {background-color:#cdcdcd}
#nav li a {padding:5px;}
#nav li a:link, #nav li a:visited {color:#FFFFFF}
#nav li a:hover, #nav li a:active {color:#265d86;}

#content {clear:both; width:990px; margin-top:25px}

#footer-black, #footer-white {clear:both; font-size:10px; width:990px; padding:20px 5px 10px 25px;}
#footer-white {color:#ededed}
#footer-black {color:#222222}
#footer-white a:link, #footer-white a:visited {color:#265d86}
#footer-white a:hover, #footer-white a:active {color:#eeeeee}

.facepic {width:120px; float:left; position:relative; margin:3px 4px}
.facepicoverlay {position:absolute; bottom:10; left:0; width:100px; opacity:0.0; filter:alpha(opacity=0); height:124px; padding:10px}
.facepic:hover .facepicoverlay {background-color:#000000; z-index:999; bottom:0; left:0; opacity:0.7;filter:alpha(opacity=70); color:#FFFFFF; font-size:11px}
.facepicoverlay a:link, .facepicoverlay a:visited {color: #FFFFFF}
.facepicoverlay a:hover, .facepicoverlay a:active {color: #265d86}

.blogchunk {margin:3px 0 26px 0}

#footer-white li, #footer-black li {float:left; padding:4px 10px 0 0}
