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


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}	



/*Sets the body for the entire contents within the wrapper.  Overwritten by code below*/
body{
	background-color:#CCCCCC;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;/*Pick family incase one font is not installed on user computer*/
	margin: 0;/*it's a good practice to zero the margin and padding in the body to account fr differing browser defaults*/
	padding: 0;/*it's a good practice to zero the margin and padding in the body to account fr differing browser defaults*/
	text-align: center;/*This centers the container in IE 5* browsers.  The text is then set to the left align defualt in the #wrapper selector*/
}

/*Like a table, provides the structure for the contents*/
#wrapper{
width: 900px;/*Uses 20px less than full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
background-color:#212A51;
margin:10px auto;/*The auto margin in conjuction with a width center the page*/
border: 1px solid #FFF;
text-align:left;/*overrides the bug fix set in the body*/
}

/*This is the overall nav*/
#nav{
border-bottom: 1px solid #000;
margin:0;
background-color:#212A51;
font-family:"Trajan Pro";
}

/*This is the inner bar*/
#nav ul{
padding: 10px;/*Keeps elements from the edge rather than using margin*/
margin: 0;/*zeroing the margin f the last element in the #nav (or any div) will avoid margin collapse, an unexplainable space betweend divs.  If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
text-align: right; /*move the navigation buttons to the position desired on the nav bar*/
}

/* Creates the nav buttons in a line */
#nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}
/* This provide the structure for the button */
#nav ul li a{
	color: #FFF;
	background-color: #212A51;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	border-left: 1px solid #FFF;
	text-align: center;
	width: 9em;
	margin: 0; /*zeroing the margin f the last element in the #nav (or any div) will avoid margin collapse, an unexplainable space betweend divs.  If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
} 

/*Check on compatability with IE5?*/
#nav ul li a:hover, #nav ul li a:focus{
background-color: #CDCDCD;
}

/*The banner for the page*/
#banner{
	height: 200px;
	background-color:#FFF;
	margin:0;/*zeroing the margin f the last element in the #nav (or any div) will avoid margin collapse, an unexplainable space betweend divs.  If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
}

#leftcol{
float:left;
width: 260px;/*The actual width of this div in standards-compliant browswers or standars mode in IE will include the padding and border in addition to the width here.  A width must be given since the object is floated.*/
margin-top:0;
margin-left:0;
background-color: #212A51;
/*border-top: 1px solid #000;*/
}

/*Creates text setup for the left side of the page (leftcol, leftcol h1, leftcol h2*/
#leftcol p, style{
	margin: 10px;
	color: #CCC;
	text-align:left;
}

#leftcol h1{
	color: #FFF;
	padding: 0;
	margin: 0;
	font-size:large;
	font-weight: bolder;
}

#leftcol h2{

color: #003366;
padding: 0;
margin: 0;
font-size:medium;
background-color: #CCC;
}

.container{
float:right;
width:100%;
background-color: #FFF;
padding:0px;
/*border-top: 1px solid #000;*/
}

#maincontent {
	background-color: #212A51;
	margin-left:260px;
}

#maincontent p{
	margin: 20px;
	padding:0px;
}

#maincontent plist{
	margin: 20px;
	padding:5px;
	font-size:small;
	font-style: italic;
}

#maincontent h1{
	color: #003366;
	padding: 0;
	margin: 20px;
	font-size: large;
}

#maincontent h2{
	color: #003366;
	padding: 0;
	margin: 20px;
	background-color: #CCC;
	font-size:medium;
}

#maincontent h3{
	color: #003366;
	padding: 0;
	margin: 0;/*zeroing the margin f the last element in the #nav (or any div) will avoid margin collapse, an unexplainable space betweend divs.  If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
	text-align:center;
	font-size:small;
}

.leftimage{
float: left;
margin: 0 10px 20px 0;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin: 0 0 20px 15px;
border: 1px solid #000000;
width: 150px;
}

/*This creates a row just above the footer*/
#longrow{
clear:both;
/*border-top: 1px solid #000000;*/
background-color: #121212;
color: #FFF;
text-align:center;
}

#longrow p{
	font-size: 100%;
	padding: 10px;
}

/*This sets up columns to be used in the longrow structure*/
.rowleftcontainer{
	float:left;
	width: 300px;
	padding:20px 0px 20px 0px;
	margin:0px;
	height:450px;
	background-color: #666666;	/*background-image: url(images/column_bkgrnd.png); /*border-right: 1px solid #FFF;
border-left: 1px solid #FFF;*/
}

/*This sets up columns to be used in the longrow structure*/
.rowleftcontainer2{
	float:left;
	width: 300px;
	padding:20px 0px 20px 0px;
	margin:0px;
	height:450px;
	background-color: #212A51;/*	background-image: url(images/column_bkgrnd.png);
/*border-right: 1px solid #FFF;
border-left: 1px solid #FFF;*/
	font-size: medium;
}

/*This sets up columns to be used in the longrow structure*/
.rowleftcontainer3{
	float:left;
	width: 300px;
	padding:20px 0px 20px 0px;
	margin:0px;
	height:450px;
	background-color: #666666;/*	background-image: url(images/column_bkgrnd.png);/*border-right: 1px solid #FFF;
border-left: 1px solid #FFF;*/
}

#footer{
clear:both;
margin:0;
border-top: 1px solid #000000;
background-color: #000;
color: #FFFFFF;
}

#footer p{
font-size: 70%;
padding: 10px;
}

.colcontainer{
float:left;
width:25%;
background-color: #663300;
}

.clearit {
	display: block;
	clear: both;
}

.clearcol {
 clear:right;
}