body {	height: 100%;
	margin:0 auto;
	background-color: #007882;
	background-image: url('../images/bg_grad.gif');
	background-repeat: repeat-x;
	font-family: 'Oxygen', sans-serif;
	text-align: center;
	text-decoration: none; }
h1 { font-weight: bold; 
	font-family: helvetica, arial, sans-serif; }
h2 { }
hr { }
br { }
ul { list-style:none;}
li { list-style:none;
	margin-top:5px; }
a { text-decoration: none; }

/*text effects*/
.white{ color: #FFF; }


/*Main Page Elements */
#header { 	height: 25px; 
	background-color: #27555C;
	padding: 25px 5px 5px 5px;
	color: #FFF;
	border-bottom: 1px solid #007882; }
#content { min-height: 300px;
	padding: 10px 10px 10px 10px; }
#footer { height: 25px;
	width: 100%;
	padding: 3px;
	background-color:#27555C;
	position: fixed;
	bottom: 0px;
	}
.clear { clear: both; }
.hide { display: none; }

/*navs*/
.navBar{ list-style: none;
	display: block;
	float: left;
	height: 14px;
	width: 100%;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;}
.navBar ul { margin: 3px auto;
	width: 270px; }
.navBar li { display: block;
	float: left;
	text-align: center;}
.navBar a:link, .navBar a:visited { text-decoration:none;
	color: #FFF;
	display: block;
	width: 80px;
	height: 100%; }
.navBar a:hover, .navBar a:active { text-decoration: none;
	color: #FFF;}

.mainNav { width: 285px;
	height: 46px;
	margin: 5px auto;
	margin-bottom: 40px;}
.mainNav ul{ list-style: none;
	text-decoration: none; }
.mainNav li {  display: block;
	float: left;
	width: 134px;
	height: 40px;
	text-align: center;
	background-color:#27555C;
	color: #007882;
	padding: 3px;
	list-style: none; }
#rightMarg { margin-right: 5px; }
.mainNav a:link, .mainNav a:visited { color: #AACCC7;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;}
.mainNav a:hover, .mainNav a:active { text-decoration: none;}

/*lists*/
.mainList { list-style: none;
	display: block;
	width: 250px;
	margin: 20px auto; }
.mainList ul { list-style: none;
	display: block;
	width: 250px;
	color: #FFF;
	margin: 0 auto;}
.mainList li { display: block;
	text-align: left;
	width: 240px;
	background-color: #27555C;
	color: #FFF;
	padding: 5px 5px;
	margin-top: 5px;}
.projects { }
.projects ul { }
.projects li { text-align: center;
	margin: 10px;
	}
	.noMargin { margin: 0px; }
	.projects a:link, .projects a:visited { color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	height: 20px;
	padding-top: 4px; }
	.projects a:hover, .projects a:active { color: #AACCC7;
		background-color: #27555C; }

#footNav{ list-style: none;
	display: block;
	float: left;
	width: 370px;
	height: 14px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	margin: 3px auto;}
#footNav li { display: block;
	float: left;
	text-align: center;
	width: 150px;}
#footer a:link, #footer a:visited { text-decoration:none;
	text-align: center;
	color: #FFF;
	display: block;
	width: 100%;
	height: 100%;}
#footer a:hover, #footer a:active { text-decoration: none;
	color: #AACCC7;}

.backBtn { display: block;
	float: left;
	background-color: #FFF; }

.mainContent { color: #007882; }

/*img codes*/
#logo { margin: -25px auto; }

#home h3 { margin-bottom: 40px; }
#home MainNav { margin-bottom: 10px; }