/*
Theme Name: New HERDSA
Theme URI: http://www.herdsa.org/
Description: The New HERDSA theme
Version: 0.1
Author: Baden

*/
/* HERDSA style sheet - all common elements  */
/* default font size*/
@import url(x-small.css);

body {
	font-family: helvetica,  geneva, verdana, sans;
	color: black;
	font-size: 10px;
	line-height: 150%;
	margin: 0;
	padding: 0;
    background-color: #E2E3E4;
	background-image: url(images/pageback2.gif);
	background-repeat: repeat-y; 
}

h1 {
	font-family: helvetica,  geneva, verdana, sans;
	color: #275F54;
	font-size: 150%;
	margin: 0px;
	padding-top: 14px;
}

h2, h3.storytitle, h3.storytitle a {
	font-family: helvetica,  geneva, verdana, sans;
	color: #275F54;
	font-size: 120%;
	margin: 0px;
	padding-top: 10px;
}

h3 {
	font-family: helvetica,  geneva, verdana, sans;
	color: #333333;
	font-size: 100%;
	font-weight: bolder;
	magin-bottom: 0px;
}

hz {
	font-family: helvetica,  geneva, verdana, sans;
	color: #275F54;	
	font-size: 75%;
	font-weight: bolder;
	magin-bottom: 0px;
}


p {
font-family: helvetica,  geneva, verdana, sans;
color: black;
font-size: 100%;
line-height: 150%;
padding-right: 10px;
}

ul {
	font-family: helvetica,  geneva, verdana, sans;
	color: black;
	font-size: 100%;
	line-height: 200%;
	padding-left: 0px;
	margin-left: 15px;
	list-style-type: square;
	}


a {
	font-family: helvetica,  geneva, verdana, sans;
	color: #003399;
	text-decoration: none;
	font-size: 100%;
}


a:hover {
font-family: helvetica,  geneva, verdana, sans;
color: #f02233;
text-decoration: none;
font-size: 100%;
}

input { width: 75px; font-size: 90%; }

table { margin-left: 50px; border-spacing: 0px 0px; border-collapse: collapse; border-color:#ccc; }

td input[type=text], input.quantity { width:90%!important; font-size: 90%; }

td { padding:3px; margin:0; border-color:#ccc; }


/* common nav and id bar */

div.top {
	width: 858px;
	margin: 0;
	background: #2A5F55;
	height: 35px;
	top: 0;
	left: 0;
	border-bottom: 4px solid #000;
   	}
	
/* navigation 	*/
	
div.menubar {
	background-image: url(images/greenbar.gif);
	background-repeat: repeat-x;
	background-color: #DFE8E7;
	padding: 0;
	margin: 0;
	border-top: 2px #fff solid;
	height: 35px;
	width: 858px;
	position: relative;
	clear: both;	
	}
	
div.menubar ul {
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	background-color: #2A5F55;
	width: 858px;
	list-style-type: none;
	line-height: 100%;
	}

div.menubar ul li {
	height: 34px;
	display: block;
	line-height: 100%;
	float: left;
	position: relative;	
	margin-left: 0;
	margin-top: 0;
	width: 80px;
	}
	
div.menubar ul li.nav01 { width: 150px; display: block; border-left: 0; margin: 0; }
div.menubar ul li.nav01 a:hover { background-color: #2A5F55; }
div.menubar ul li input { margin-top: 10px; margin-left: 10px; }
		
div.menubar ul li a	{
	padding: 18px 1px 1px 3px;
	color: #fff;
	font-size: 12px;
	height: 16px;
	display: block;
	text-decoration: none;
	border-left: 1px #fff solid;
	margin: 0;
	line-height: normal;
	}
	
div.menubar ul li a.logo {	padding: 0; border-right: 0; margin: 0;}
	
div.menubar ul li a:hover {
	background-color: #000;
	text-decoration: none;
	}
	
div.menubar ul li img {
	display: block;
	}

div.menubar ul li input	{
	display: block;
	}

.selected { background-color: #000; }

/* submenus */

div.menubar ul li ul { 
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	width: 120px;
	 }
	 
div.menubar ul li > ul { 
	top: auto;
	left: auto;
	 }

div.menubar ul li:hover ul { 
	display: block;
	}
	
div.menubar ul li ul li {
	list-style-type: none;
	background: #000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	clear: both;
    height: auto;
    width: 120px;
}

div.menubar ul ul a	{
	padding: 10px 1px 5px 3px;
	height: auto;
	}

div.menubar ul li ul li a:hover {
	color: #fff;
	background-color: #FF8700;
	}


/* Special Exploder Hacks Start Here */

div.menubar { z-index: 3000; }
	
#nav li.over ul { 
	left: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	z-index: 6000;
	width: 120px;
	line-height: 100%;
}

#nav li.over:hover {  background: #000;  color: #fff; display: block; }

#nav li.over { font-size: 90%; margin: 0; padding: 0; border-right: 0;}

#nav li.over input { margin-top: 10px; margin-left: 10px; }


/* Level 2 */

/* body of page */
div.content {
	clear: both;
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	position: relative;
	}

/* left column 	*/

	
div.content div.leftcol {
	visibilty: hidden;
	}

/* centre column 	*/
	
div.content div.centrecol {
	width: 550px;
	margin-top: 20px;
	margin-left: 5px;
	margin-left: 30px;
	margin-right: 20px;
	padding: 5px;
	position: absolute;
	background-color: #fff;
	border-top: 1px dotted #000;
	}

/* submenu 1 	*/

div.content div.submenucol {
	width: 143px;
	margin-top: 5px;
	margin-left: 600px;
	position: absolute;
	}
		
div.content div.submenucol ul {
	list-style: none;
	margin-left: 0;
	margin-top: 1px;
	width: 142px;
	font-size: 90%;
	line-height: 175%;
	}
	
.submenunav01 { background-color: #275F54; color: #fff; padding-left: 5px; }
.submenunav02, div.submenucol ul li.page_item { border-bottom: 1px #fff dotted; padding-left: 5px; }

div.content div.submenucol a {
	display: block;
	color: #000;
	}
div.content div.submenucol a:hover {
	color: #FF8700;
	}
	
	div.rightcol {
	width: 75px;
	position: absolute;
	margin-top: 5px;
	margin-left: 751px;
	float: right;
	}
	
div.content div.rightcol ul {
	list-style: none;
	margin-left: 0;
	margin-top: 1px;
	width: 107px;
	font-size: 90%;
	line-height: 175%;
	}

.sidenav01 { background-color: #FF8700; color: white; font-weight: bold; padding-left: 5px; }

.sidenav02 { border-bottom: 1px #fff dotted; padding-left: 5px; }

.sidenav03 { background-color: #275F54; color: white; font-weight: bold; padding-left: 5px;}

div.content div.rightcol a {
	display: block;
	color: #000;
	}
	
div.content div.rightcol a:hover {
	color: #FF8700;
	}
	
div.content div.box8 a, div.content div.rightcol a, div.content div.submenucol a {
	display: block;
	padding:0.3em 0;
}


