/*****************Body - determines general characteristics for the site, background color is for the site outside the container***/
body {
	font-family: Arial, Helvetica, sans-serif; /****sets font sytle for entire site. Change fonts in each div if you want one to be different***/
	font-size: 12px; /***sets font size throught out the site, change size in div if you want it different***/
	Background-color:#ffffff; /***color outside of page, any extra area seen on large screens*****/
	text-align:center;  /******puts the container in center of the browser screen*******/
}
/************************General**************************************/
ul, li {padding:0; margin:0;}
img{
	border:none;   /****If hyperlinked, there wont' be a blue border around it****/
	padding:5px;  /***allows for space around the image*****/
}

p {
	font-size:14px; /****usually set to either 12px or 14px ****/
	line-height:1.2 em;  /****sets how much space is between the lines in each paragraph******/
	text-align:left;
	color: #99CCFF;
}



/*********header tags can be changed to any size, color, font weight, alignment***********/
h1 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;/****space below the heading*******/
	text-align:center; /***can be right, left or center*****/
	color: #FFcc66;
}

h2{
font-size:16px;
color:#FFCC66;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
 }
 h3{ 
 font-size:14px;
color:#400040;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
}
/******************Container - sets up the entire page*****************/
#container {
	position:relative;
	background-color:#013A78;
	margin: 0 auto;
	width: 1000px;/****change this to be what ever size you want the page to be do not maximize above 1024px******/
}

/**********************************Header******************************/
#header {
position:relative; 
 width: 1000px;
 padding: 0px;
 height: 202px;
 margin: 0px 0px 0px 0px;/****sets margin for all four sides, starting at top, right, bottom, left***/
 background-image:url(../images/header.jpg);
 background-repeat:no-repeat;
 background-position:center;
 
}


#header h1{
font:Trebuchet MS;
font-size:24px;
font-weight:bold; }
/********************************Horizontal Navigation*********************/
#navigation{ /***defines the area the horizontal links are in**********/
	position:absolute;
	width: 702px;
	padding: 10px 0px 5px 10px;
	top:207px;
	left:277px;
	height:20px;
}
#horizontalmenu{
	font-weight:bold;
	list-style-type: none;
	padding-bottom: 10px;
	
}



#horizontalmenu  li{
	font-size:14px;
	float:left;
	display:block;
	margin: 0px 10px 0px 10px;
	font-weight:bold;
	text-transform: uppercase;

}/****these set the margins for each word in the list**/

#horizontalmenu  a{
	color:#CCCCCC;
	text-decoration:none;
}

#horizontalmenu a:hover{/*****rollover change size, color, underline *********/
	color:#CEAD51;
 }
/*********leftcolumn and vertical navigation.  You do not have to inculde the vertical navigation, if you decide not to use it, don't use the code for it. Must use code for leftcolumn to have a left side column. ********/
#leftcolumn {
	position:relative;
	color: #888888;
	border-right: 2px solid #d0b152;
	margin: 0px 0px 0px 0px;
	height:550px;
	width: 250px;
	float: left;
	padding-left: 18px;
}
 #images{
	display:block;
	width:240px;
	height:350px;
	margin:px 0px 10px 0px;
 }

/**********************Vertical  Navigation*********************************/
#vertmenu {  /****sets horizontal menu ******/
margin:5px 5px 5px 5px;
text-align:left;
list-style-type:none; 
font-weight:bold;
padding:0px 0px 0px 10px;
}

#vertmenu  li{
display:block;
margin: 20px 0 20px 0; /****these set the margins for each word in the list**/
font-size:16px}

#vertmenu a{/*******hyperlinked characteristics*********/
color:#C0C0C0; 
text-decoration:none;
}

#vertmenu a:hover {/*****rollover change size, color, underline *********/
color:#FF0000;
 }

/*********************Area for contert**************************************/
#content {
	position:relative;
	float: right;
	background-image: url(../images/content-backdrop.gif);
	background-position:top center;
	background-repeat:no-repeat;
	margin: 40px 10px 0px 10px;
	width: 702px;
	display: inline;
	text-align:left;
	min-height:500px;
	background-color: #115086;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

#content a{
color:#FFCC66;
text-decoration:none;
}

#content a:hover{
color:#ffffff;
}

/*********************Footer************************************************/
#footer { 
position:relative;
 width:1000px;
 clear: both;
 color: #333;


 margin: 0px 0px 0px 0px;
 padding: 10px;
}
#footer  a{
	color:#CCCCCC;
	text-decoration:none;
}

#footer a:hover{/*****rollover change size, color, underline *********/
	color:#CEAD51;
 }