/* ---------------------------------------------
Roanoke Layout Style Sheet
author: Erickson Marketing Studio (jb)
version: 2005.10
----------------------------------------------- */

/* Generic HTML element styling.
----------------------------------------------- */

body {
	background-image:url(images/sitebg.jpg);
	background-repeat:repeat-x;
	background-color:#006;
	margin:0;
	padding:0;
	}

h1 {font-size:22px;}
h2 {font-size:15px;}
h3 {font-size:13px;}
h4 {font-size:11px;}
h5 {font-size:10px; margin:0 0 5px 0;}


/* IDs (by order and depth of appearence in the HTML)
----------------------------------------------- */

#page {
	position:relative;
	background:url(images/pagebg.png) repeat-y;
	padding:0;
	margin:0 auto;
	width:815px;
	}

	/* Giving IE the Checkered Gif bg rather than the translucent PNG */
	* html #page {background:url(images/pagebg.gif) repeat-y;}

	#header {
		background:url(images/topheaderbg.jpg) no-repeat;
		position:relative;
		top:0;
		left:0;
		width:775px;
		height:85px;
		margin:0 20px;
		}
		#logo {
			display:block;
			width:124px;
			height:85px;
			margin:0;
			padding:0 0 0 20px;
			position:absolute;
			top:0px;
			left:0px;}
			#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {	
				display:block;
				background:url(images/topheader-logo.gif) no-repeat;
				margin:0;
				padding:0;
				text-indent:-5000px;
				width:124px;
				height:85px;
				text-decoration:none
				}
		#slogan {
			display:block;
			background:url(images/slogan.gif) right no-repeat;
			width:300px;
			height:58px;
			margin:0;
			padding:0 0 0 5px;
			position:absolute;
			top:20px;
			left:170px;
			text-indent:-5000px;
			}
	#topmenu {
		background-color:#fff;
		border-top:1px solid #006;
		border-bottom:1px solid #006;
		position:relative;
		top:0;
		width:766px;
		height:26px;
		margin:0 24px;
		padding:0;
		list-style-type:none;
		text-align:center;
		}
		#topmenu li {
			display:block;
			float:left;
			height:20px;
			margin:3px;
			}
			#topmenu li a {
				display:block;
				float:left;
				height:20px;
				padding:0 3px;
				margin:0;
				color:#006;
				text-decoration:none;
				text-align:center;
				font-family:arial;
				font-weight:bold;
				font-size:12px;
				line-height:20px;
				}
			#topmenu li a:hover {
				color:#900;
				text-decoration:underline;
				}
			#topmenu li.active {
				background:url(images/menu-active-left.gif) left center no-repeat;
				}
				#topmenu li.active a, #topmenu li.active a:hover {
					color:#900;
					background:url(images/menu-active-right.gif) right center no-repeat;
					text-decoration:none;
					}
		#bottomheader {
			position:relative;
			top:0;
			left:0;
			clear:both;
			width:755px;
			height:115px;
			margin:0 0 0 20px;
			padding:5px 10px 0 10px;
			background:#fff url(images/random/bottomheader/0.jpg) no-repeat 0 0;
			text-align:right;
			}

	#column1 {
		float:left;
		margin:0;
		padding-left:30px;
		width:140px;
		font-family:arial;
		font-size:11px;
		}
		
		#column1 ul {margin:0 0 0 14px; padding:0;}
		#column1 ul li {margin-bottom:8px; list-style-type:circle;}
		#column1 div {
			font-family:arial;
			font-size:11px;
			}
		#column1 p {
			font-family:arial;
			font-size:11px;
			}
		#column1 span {
			font-family:arial;
			font-size:11px;
			}
			
	#column2 {
		float:left;
		margin:0 0 0 10px;
		width:132px;
		font-family:arial;
		font-size:11px;
		}
	#content {
		color:#333;
		float:left;
		margin:0 0 0 25px;
		width:450px;
		font-family:arial;
		font-size:12px;
	
		}
		#content1 {
		color:#333;
		float:left;
		margin:0 0 0 25px;
		width:450px;
		font-family:arial;
		font-size:12px;
		}
		#content1 h1, #content1 h2 {color:#006;}
		#content1 h1 {margin:0;}
		#content1 h3 {padding:0; margin:15px 0 -5px 0;}
		#content1 h3 a, #content1 h3 a:link, #content1 h3 a:visited, #content1 h3 a:hover, #content1 h3 a:active {color:#333;}
		#content1 h1 {font-size:22px; line-height:34px; background:url(images/h1bg.gif) bottom right no-repeat;}
		#content1 p {
			/*text-indent:1em;*/
			font-family:arial;
			font-size:12px;
			}
		#content1 div {
			font-family:arial;
			font-size:12px;
			}
		#content1 span {
			font-family:arial;
			font-size:12px;
			}
		#content1 SPAN {
			font-family:arial;
			font-size:12px;			
			}
		#content1 o:p {
			font-family:arial;
			font-size:12px;			
			}
	
		#content h1, #content h2 {color:#006;}
		#content h1 {margin:0;}
		#content h3 {padding:0; margin:15px 0 -5px 0;}
		#content h3 a, #content h3 a:link, #content h3 a:visited, #content h3 a:hover, #content h3 a:active {color:#333;}
		#content h1 {font-size:22px; line-height:34px; background:url(images/h1bg.gif) bottom right no-repeat;}
		#content p {
			/*text-indent:1em;*/
			font-family:arial;
			font-size:12px;
			}
		#content div {
			font-family:arial;
			font-size:12px;
			}
		#content span {
			font-family:arial;
			font-size:12px;
			}
		#content SPAN {
			font-family:arial;
			font-size:12px;			
			}
		#content o:p {
			font-family:arial;
			font-size:12px;			
			}

	#statuschecker {
		font-size: 7pt;	
		}
		#statusborder { border: 1px solid gray; }
		#statusborderbottom { border-bottom: 1px solid gray; }

	#footer {
		background:url(images/footerbg.png) bottom center no-repeat;
		clear:both;
		width:775px;
		padding:0 20px 1px 20px;
		margin:0 auto;
		font-family:arial;
		font-size:11px;
			}

		/* Giving IE the Checkered Gif bg rather than the translucent PNG */
		* html #footer {background:url(images/footerbg.gif) bottom center no-repeat;}

		#footer #copyright {
			background:url(images/fancydivider.gif) top center no-repeat;
			margin:10px 10px 25px 310px;
			padding-top:16px;
			text-align:center;
			font-family:arial;
			font-size:11px;
			}

/* Classes (alphabetical order)
----------------------------------------------- */

.border {padding:2px; border:1px solid #ccc; margin:5px;}

/* .colnav and .colsubnav are the lists the make up the embedded list column navigation
These are set as classes rather than IDs so they can be used more than once on a page. */
.colnav {margin:0; padding:0; list-style:none; border-top:1px solid #ccc;}
.colnav li {
	border-bottom:1px solid #ccc;
	margin:0;
	padding:0;
	list-style:none;}
.colnav li a, .colnav li a:link, .colnav li a:visited, .colnav li a:hover {
	display:block;
	padding:4px 0 4px 4px;
	margin:0;
	height:13px;
	}

.colnav a.active {background:url(images/colnav-activebg.gif) repeat-x;}
.colnav a:hover {text-decoration:none; background:url(images/colnav-activebg.gif) repeat-x;}

.colsubnav {margin:0; padding:0; list-style:None;}
.colsubnav li 
{
	/*white-space:nowrap;  added by harish to remove wrapping in subcategories 15/26/2008 */
	border-top:1px solid #ccc;
	border-bottom:none;
	margin:0;
	list-style:none;}
.colsubnav li a, .colsubnav li a:link, .colsubnav li a:visited, .colsubnav li a:hover {
	background:url(images/colsubnav-circle.gif) 5px center no-repeat;
	color:#c60;
	padding:4px 0 4px 16px;
	}
.colsubnav a:hover {text-decoration:underline;}

.left {float:left;}

.noindent {text-indent:0;}

.right {float:right;}