/*************************************************/
/* =-=-=- [ Filename: layout.css       ] -=-=-=  */
/* =-=-=- [ Date created: 10 Aug 2004  ] -=-=-=  */
/* =-=-=- [ Created by: Stephen Rhodes ] -=-=-=  */
/* =-=-=- [ Original file:             ] -=-=-=  */
/*************************************************/

/*************************************************/
/* =-=-=-=-=-=-=- [ layout divs } -=-=-=-=-=-=-= */
/*************************************************/ 

body {
	background-image: url(/assets/images/background/rough.jpg);	
	color: #333333;
	font-family: Arial,sans-serif;
	font-size: 12pt;
	line-height: normal;
	margin: 0px;
	padding: 0px;

	}

#header {
	background-image: url(/assets/images/background/rough.jpg);	
	border-bottom: 2px solid #FC6916;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	}

#rightcolumn {
	background-image: url(/assets/images/background/rough.jpg);	
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	float: right;
	margin: 0 0 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	}

#maincontent {
	background-image: url(/assets/images/background/rough.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;	
	}

#footer {
	background-image: url(/assets/images/background/rough.jpg);	
	clear:  both;
	padding: 0;
	text-align: left;
	}

/*************************************************/
/* =-=-=-=-=-=- [ component divs ] -=-=-=-=-=-=- */
/*************************************************/

#sitename {
	margin: 0 0 0 150px;
	padding: 20px 0px 27px 0px;
	text-align: left;
	}

#header img{
	left: 5px;
	margin: 0px;
	padding: 2px;
	position: absolute;	
	top: 2px;	
}

#pagename{
	margin: 0 200px 0 0px;
	padding: 20px 0px 0px 10px;
	text-align: left;	
	}

/***********************************************/
/* =-=-=-=-=- [ #siteInfo styles ] -=-=-=-=-=- */
/***********************************************/

#siteinfo {
	border: 1px solid #3488cd;
	clear: both;
	color: #fc6916;
	font-size: 75%;
	margin-top: 0px;
	padding: 3px 10px 3px 10px;
	}

#siteinfo img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	}

/***********************************************/
/* =-=-=-=-=-=-= [ #navbar div ] -=-=-=-=-=-=- */
/***********************************************/

#navbar {
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 130px;
	margin: 10px 0px 0 0;
	padding: 0 0 0px 0;
	width: 150px;
	}
	
#navbar li a:link, #navbar li a:visited {
	background:    url(/assets/images/menu/menu_150x32.gif) no-repeat;
	color: #3488CD;
	display: block;
	height: 18px;
	padding: 8px 0 5px 21px;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	}

#navbar li a:hover, #navbar li a:active {
	background:    url(/assets/images/menu/menu_150x32_2.gif) no-repeat;	
	color: #fc6916;
	display: block;
	height: 18px;
	padding: 8px 0 5px 25px;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;	
 	}

/***********************************************/
/* =-=-=-=-=-= [ .srvmenu div ] -=-=-=-=-=- */
/***********************************************/

.srvmenu {
	font-size: 10pt;
	padding: 10px 0px 0px 10px;
	width: 300px;
	}

.srvmenu h3 {
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 300px;
	}

.srvmenu h4 {
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 300px;
	}

.srvmenu a:link, .srvmenu a:visited {
	background:    url(/assets/images/menu/menu_300x25.gif) no-repeat;
	color: #3488CD;
	display: block;
	height: 15px;
	padding: 5px 0 5px 30px;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	}

.srvmenu a:hover, .srvmenu a:active {
	background:    url(/assets/images/menu/menu_300x25_2.gif) no-repeat;	
	color: #fc6916;
	display: block;
	height: 15px;
	padding: 5px 0 5px 45px;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
 	}

/***********************************************/
/* =-=-=-=-=-= [ .feature styles ] -=-=-=-=-=- */
/***********************************************/

.feature {
	font-size: 90%;
	margin: 0 150px 0 0;
	padding: 0px 20px 5px 10px;
	text-align: justify;	
	}

.feature h3 {
	font-size: 95%;
	font-weight: bolder;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 400px;
	}

.feature img {
	float: left;
	margin: 0 5px 5px 0;	
	padding: 0px 10px 0px 0px;
	}
/* Note:                                       */
/* adjust margins to change separation between */
/* the feature image and text flowing around   */

/***********************************************/
/* =-=-=-=-=-=- [ .story styles ] -=-=-=-=-=-= */
/***********************************************/

.story {
	clear: none;
	font-size: 80%;	
	padding: 0px 160px 0px 10px;
	}

.story p {
	padding: 0px 0px 0px 0px;
	}

/***********************************************/
/* =-=-=-=-=-=-= [ form styles ] -=-=-=-=-=-=- */
/***********************************************/

#myform{
	/*background-color: #DEECE3;*/
	position: relative;
	top: 20px;
	left: 50px;
	margin: 15px 0 50px 0;
	padding: 20px;
	/* REMOVE THE FOLLOWING LINE IF YOU WANT THE FORM TO WRAP TO THE BROWSER WINDOW SIZE*/
	width: 650px;
}

form span.required {
	color: red;
	text-align: left;
}

form h2 {
	clear: left;
	font: bold 1em/1em "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;
	text-align: left;
	margin: 5px 0 0 0;
	color: #BD6E64;
}

form label {
	font: bold 0.6em/1em "Trebuchet MS", Verdana, Arial, sans-serif; 
	color: #333333;
	margin: 0 15px 0 0;
}

div.row{
	clear: both;
	height: 15px;
	font-size: 18px;
	margin: 15px 0 0 0;
} 

/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
.col1{float: left; width: 100px; text-align: right;}
.col2{float: left; width: 110px; text-align: left;}
.col3{float: left; width: 80px; text-align: right;}
.col4{float: left; width: 110px; text-align: left;}
.col5{float: left; width: 200px; text-align: right;}
.col6{float: left; width: 110px; text-align: left;}

/* USED FOR ODD SIZED COLS */
.col1b{float: left; width: 100px; text-align: right;}
.col2b{float: left; width: 25px; text-align: left;}
.col3b{float: left; width: 60px; text-align: left;}
.col4b{float: left; width: 5px; text-align: left;}
.col5b{float: left; width: 125px; text-align: right;}
.col6b{float: left; width: 110px; text-align: left;}

.col1c{float: left; width: 150px; text-align: right;}
.col2c{float: left; width: 250px; text-align: right;}
.col3c{float: left; width: 300px; text-align: left;}



/*************************************************/
/* =-=-=-=-=-=- [ HTML tag styles } -=-=-=-=-=-= */
/*************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	}

h1 {
	color: #3488CD;
	font-family: Verdana,Arial,sans-serif;
	font-size: 250%;
	
	}

h2 {
	color: #fc6916;
	font-size: 114%;
 	}

h3 {
	color: #3488CD;
	font-size: 100%;
	}

h4	{
	color: #333333;
	font-size: 100%;
	font-weight: normal;
	}

h5 {
	color: #334d55;
	font-size: 100%;
	}

ul {
	list-style-type: none;
	}

ul ul {
	list-style-type: disc;
	}

ul ul ul {
	list-style-type: none;
	}

label {
 	color: #334d55;
	font: bold 100% Arial,sans-serif;
	}