/*



My First Template to Owd

COLLIN GRASLEY - 2006

	

*/



body { 

	margin:0px 0; 

	padding:0;

	background-color:#0D4177;

	background-image:url(/images/images/page_bg.gif);

	background-position:center;

	background-repeat:repeat-y;

	font-family: Arial, Helvetica, sans-serif; 

	font-size:14px;

	color: #000000; 

	line-height: 1.4em;
	
	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}





.content { 

	background: #000000;

	color: #000000;

	margin: 0 auto; 

	padding: 0; 

	width: 752px;

}



.img {

	padding: 0 12px 8px 0;

	float: left;

}



.img2 {

	padding: 0 0 3px 3px;

	float: right;

}







/* 

 Here is the start of the header Information

*/

#top {

	padding: 0;

	margin: 0;

	height: 0px;

}



#top .rightlinks { 

	float: right;

	color: #999;

	padding: 20px 25px 0 0;

}



#top a { 

color: #999; 

}





#header { 

margin: 0px; 

width: 752px; 

background: url(../images/home1.jpg) no-repeat;

height: 149px; 

}



#header2 { 

margin: 0px; 

width: 752px; 

background: url(../images/home1.jpg) no-repeat;

height: 478px; 

}





#header .info {	

padding: 25px 0 0 30px; 

}

#header h1 {

font-family: Arial, Helvetica, sans-serif ;

color:#000;

font-size: 29px; font-weight: bold;

margin: 0;

padding: 0; 

}



#header h2 {

font-family: Arial, Helvetica, sans-serif;

font-size: 16px; 

background-image: none;

color:#000;

margin: 0;

padding: 6px 0 0 2px;

}





/* */

#subheader { 

	width: 752px;

	height: 35px;

	color: #FFF;

}

#subheader .padding { 

padding: 10px 15px 10px 15px;

 

}

#subheader h2 { 

color:#0093b4; 

}

#subheader a {

color: #FECF5F; 

}



/*  Top Navigation */

#menu {

background: inherit;

width: 725px;

height: 38px;

margin: 0;

padding: 0;

}



#menu ul { 

margin:0; 

list-style:none; 

padding: 5px 0 0 20px; 

}

#menu a, #nav strong, #nav span { 

float:left; 

display:block; 

border-top: 4px solid #0093b4;

color:#999; 

padding: 5px;

font-weight:bold; 

text-decoration:none;

text-transform:uppercase;  

}

#menu a { 

float:none; 

}

#menu li { 

float:left; 

background:inherit; 

margin:2px; padding:0 0 0 0px; 

}

#menu a:hover { 

float:left; 

display:block; 

border-top: 4px solid #666666;

color:#fff; 

padding: 5px; 

text-decoration:none;

}  

#menu .padding { 

padding: 5px 0 0 10px; 

font-weight: bold; 

color: #000000;

}





/**/

.nav { 

text-align: left; 

color: #000000; 

padding: 20px 0 0 0px; 

width: 194px; 

font-size: 12px;

}

.nav li { 

margin: 5px 0 5px 0px; 

padding: 0px 0 0 0px; 

list-style: none;

font-size: 12px;

}

.nav li a { 

background-image: url(../images/bullet.png);

background-repeat: no-repeat;

background-position: 0 .5em;

color:#000000;

font-weight:bold;

text-decoration: none;  

padding: 5px 0 1px 18px; 

display: block; 

margin-bottom: 2px;

font-size: 12px;

}

.nav li a:hover { 

color: #FF8F14; 

text-decoration: none; 

display: block; 

margin-bottom: 2px;

font-size: 12px;

}





/* The meat and potatoes*/

#main { 

width: 752px; 

margin: 0 ; 

color: #000000; 

}  

#main .right_side { 

float: right;

padding:0px 4px 0px 10px; 

margin:0;

background:inherit;

width: 200px; 

}



#main .right_side .hitems { 

margin: 0; 	

padding: 0; 

}

#main .right_side .hitems ul { 

margin: 5px 0 5px 0; 

padding : 0; 

color: #000000;



}

	

#main .right_side .hitems li { 

	margin: 0 0 2px 20px;

	padding: 0 0 0 0px;

	color: #555;

	 

}



#main .left_side { 

float: left; 

width: 585px; 

background: inherit; 

padding:15px 15px 0 15px; 

margin:0; 

}

#main h3 {  

font: 14px Arial, Helvetica, sans-serif;

text-transform:uppercase; 

margin: 2px 0 10px 0px; 

padding: 0; 

color: #999; 

background: inherit; 

}



#main .box  {	

padding: 5px; 

border: 0px solid #ccc;

}



#main .right_side ul { 

margin: 5px 0 5px 0; 

padding : 0; 

list-style : none; 

border-bottom: 0px solid #eee; 

list-style-type: square;

color: #a90000;

}

	

#main .right_side li { 

margin: 0 0 2px 2px;

padding: 0 0 0 0px;

color: #555;

}



#main .right_side  .padding {

margin: 0 0 20px 2px;

padding: 0 0 0 0px;

color: #000000;

}

#main1.left_side { 

float: left; 

width: 752px; 

background: inherit; 

padding:15px 15px 0 15px; 

margin:0; 

}

#main1 h3 {  

font: 14px Arial, Helvetica, sans-serif;

text-transform:uppercase; 

margin: 2px 0 10px 0px; 

padding: 0; 

color: #999; 

background: inherit; 

}



#main1 .box  {	

background: #efefef; 

padding: 5px; 

border: 1px solid #ccc;

}



#main .right_side ul { 

margin: 5px 0 5px 0; 

padding : 0; 

list-style : none; 

border-bottom: 0px solid #eee; 

list-style-type: square;

color: #a90000;

}

	

#main .right_side li { 

margin: 0 0 2px 2px;

padding: 0 0 0 0px;

color: #555;

}



#main .right_side  .padding {

margin: 0 0 20px 2px;

padding: 0 0 0 0px;

color: #000000;

}



/* the footer info*/

#footer { 

clear:both;

height: 45px;

color: #dddddd; 

background:inherit;

font-size:11px; 

padding: 0; 

text-align:left; 

}



#footer .info { padding: 5px 0px 0px 5px; }

#footer .right { 

	float:right; 

	clear:right; 

	text-align:right; 

}



#footer a { color: #dddddd; }











/* Odds and ends*/





ul { 

margin-left: 0; 

padding-left: 5px; 

list-style : square; 

}

li { 	

margin: 0 0 2px 15px; 

padding: 0 0 0 0px;	color: #000000; 

}





p { 

margin: 0 0 15px 0; 

padding: 0; 

color: #000000; 

background: inherit; 

}

a { 

color:#3366ff ;  

background: inherit; 

text-decoration:none; 

}

a:hover { 

color:#666666;

background: inherit; 

text-decoration:underline; 

}



h1 { 

padding:0;

padding-bottom:12px;

margin:0; 

color:#003d7d; 

background: inherit;

font: bold 23px Arial, Helvetica, sans-serif; 

letter-spacing: -1px;

}



h1 a { 

color:#666666;  

background: inherit; }



h2 { 

color:#0d4177;

font-size:22px; 

font-weight:bold; 

margin: 5px 0 5px 0px; 

padding:0 0 0 2px; 

}



h2 a { 

background:inherit; 

color:#0093b4; 

}

h2 a:hover { 

background:inherit; 

color: #0093b4; 

text-decoration:none; 

 }







.date { 

	color:#0093b4 ;

	background:inherit;

	text-align: right; 

	margin: 4px 0 5px 0; 

	padding: 0.4em 0 0 0; 

}



img {border:0;}

input,

textarea,

textarea.pn-normal,

select.pn-normal,

select.pn-text {

	font-size: 10pt;

	color: #000000;

	max-width: 500px; 

	background: #F3F3F3; /* #EBF2FD;  */

	border: 1px solid #000000; 

}

#input{

  	width:275px; height:20px;

	border-width:1px;

	border-style:solid;

	border-color:#2F2F2F;

	background-color:#eeeeee;

		

	padding-left:4px; padding-top:2px

}

		

	 

		

#textarea{

  	width:275px; height:200px;

	border-width:1px;

	border-style:solid;

	border-color:#2F2F2F;

	background-color:#eeeeee;

	

	padding-left:4px;

	overflow:auto

}

.footer_text {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.footer_text a:link {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.footer_text a:visited {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.footer_text a:active {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.footer_text a:hover {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
}