@charset "utf-8";
/* CSS Document */

body{
background-color: #103045;	
background-image: url("images/bodybg.jpg");	
background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


h2{
	font-size:22px;	
	color: #295d7e;
	border-bottom: solid 1px #b9daee;
	width:100%;
	text-transform: capitalize;
	font-weight: 300;
}

h3{
	font-size:18px;	
	color: #729cb5;

	width:100%;
	text-transform: capitalize;
	font-weight: 300;
}

.sheet{
	width:1000px;
	margin-top:30px;
	background-color:#FFF;	
}

.main{
	position: relative;
	width:1000px;
	background-image: url("images/target.jpg");
	background-repeat:no-repeat;
	background-position: top center;
	background-color: #FFF;
	min-height: 800px;

	
}

a{
	color: #8fbbd8;
	text-decoration:none;	
}

a:visited
{
	color:#8fbbd8;	
}

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

.header
{
	position: relative;
	width: 1000px;
	height: 110px;
	background-image: url("images/logo.jpg");
	background-repeat: no-repeat;
	background-position: center left;	
}

.social
{
	position:relative;
	width:300px;
	margin-left:500px;
	text-align:center;
	height:110px;
}

.nav
{
	position: relative;
	width: 97%;
	background-color: #b9daee;
	height: 25px;	
	padding-bottom:2px;
	text-align:left;
	padding-top:10px;

}

.nav a
{
	
}

.nav ul
{
	
	list-style-type: none;	
margin: 0px;
display: inline;
text-align:left;
}


.nav li
{
	font-size:13px;
	text-align:left;
	padding:0px;
	display: inline;

	
	

}

.nav li a
{
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
		background-color:#759fb8;
	
		color:#FFF;
		text-decoration:none;
		
}

.nav li a:hover
{
	background-color:#96c2df;	

}



.footer
{
	position: relative;
	clear:both;
	width: 1000px;
	height:100px;
	background-color: #182737;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFF;
	
}

.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding: 0px 0em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	text-align:left;
}

.col1 {
	width:54%;			/* width of center column content (column width minus padding on either side) */
	left:22.5%;			/* 100% plus left padding of center column */

}
.col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:-53%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

}
.col3 {
	width:20%;			/* Width of right column content (column width minus padding on either side) */
	left:2%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
					
}
.side-left
{
	background-color: #FFF;
	text-indent:20px;
	position:relative;
	margin-top:10px;
	float:left;
	text-align:left;
	width:250px;
		height:100%;
}


.content
{
	background-color: #FFF;
	text-align:left;
	position:relative;
	margin-top:10px;
	width:500px;
	float:left;
	height:100%;

}

.content-container
{
		float:left;
	width:100%;			/* width of page */
	position:relative;
}


.side-right:
{
	
	background-color: #FFF;
	text-align:left;
	position:relative;
	margin-top:10px;
	width:250px;

	height:100%;
}