/* CSS Document */

/* overkill reset */
* { margin:0; padding:0; outline:0; line-height:1; }

/* ==================================================================== =base */
body {
	background:#34507E url(../img/bg.gif) top left repeat-x;
	text-align:center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 70%;
	color:#65645B;
	}
a { color:#1B62BF; }
a:hover {text-decoration:none;}
h1,h2,h3,h4,h5,h6 { margin-bottom:6px; }
p { margin-bottom:14px; line-height:1.4; }
ul {margin-left:20px;margin-bottom:12px;}
li {line-height:1.4;}

.padT {padding-top:12px;}
.bumpT {margin-top:12px;}
.bumpR {margin-right:8px;}
.bumpB {margin-bottom:12px;}
.bumpL {margin-left:8px;}
.floatL {float:left;}
.floatR {float:right;}
.hideMe { display:none; }
.border1 {background-color:#fff;padding:2px;border:1px solid #999189;}

.newsBox {border-bottom:1px solid #ccc;margin-bottom:10px;height:60px;}
.newsBox img {float:left;border:1px solid #000;}
.newsBox h3 {margin:0 0 0 50px;padding-top:12px;}
.newsBox p {margin-left:50px;}

.gallery img {background-color:#fff;padding:3px;border:1px solid #999189;margin:0px 5px 16px 5px;}

#bodyWrap {
	margin:0 auto;
	text-align:left;
	width:748px;
	}

/* ==================================================================== =header */
#header {
	margin-top:31px;
	height:165px;
	background:url(../img/bg-header.gif) top left no-repeat;
	}
#header h1 { text-indent:-9000px;font-size:11px; }
#header h3 { text-indent:-9000px;font-size:11px; }

/* ==================================================================== =navigation */
ul#nav {
	height:36px;
	background-color:#fff;
	list-style:none;
	padding-bottom:6px;
	margin:0;
	}
ul#nav li {
	float:left;
	display: inline;
	line-height: 1;
	}
ul#nav li a {
	display: block;
	width:186px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-weight:bold;
	font-size: 110%;
	text-decoration:none;
	border:1px solid #000;
	margin-right:-1px;
	text-align:center;
	background:#1757AF url(../img/nav-bg-all.gif) 0px 0px repeat-x;
	}
ul#nav li a:hover {background:#53A8FF url(../img/nav-bg-all.gif) 0px -68px repeat-x;}

/* set active tab based on body id */
#home #nav-home a,
#projects #nav-projects a,
#involved #nav-involved a,
#about #nav-about a {background:#2D87FF url(../img/nav-bg-all.gif) 0px -34px repeat-x;}

/* ==================================================================== =content */
#contentWrap {background:#fff url(../img/bg-content.gif) top left repeat-y;}
#contentWrap.oneCol {background:#fff url(../img/bg-content-1col.gif) top left repeat-y;}

#contentMain { 
	float:left; 
	display:inline;
	width:480px; 
	margin:14px 20px 14px 20px;
	}
#contentWrap.oneCol #contentMain {width:700px;}
#contentSide { 
	float:left; 
	display:inline;
	width:198px; 
	margin:14px 0 14px 14px;
	}
#contentSide form {margin-left:50px;}

/* ==================================================================== =footer */
#footer {
	background:url(../img/bg-footer.gif) top left repeat-x;
	padding-top:7px;
	}
#footer p {
	background-color:#718EB9;
	margin:0 10px;
	text-align:center;
	color:#C3D5EA;
	height:34px;
	line-height:34px;
	border:1px solid #1F3047;
	border-top:none;
	}
#footer a {color:#C3D5EA;}

/* ==================================================================== =P.I.E. float clearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */