/****4h.css style sheet - used with Generic CMS*********/
body{
margin:0;padding:0;
font-family:arial, helvetica, sans-serif;
font-size:62.5%;
background:white url(../images/common/grad-back.png) repeat-x;
}


.printonly {display:none;}
p{
margin:0 0 10px 0;
}
img{
border:0;
}

a {color:Blue; text-decoration:none;}
a:hover {text-decoration:underline;}

/*****4-H header*****************/

.linkhome {display:none;}



/*****************Basic Classes**************************/
.hide{display:none;}
.clearer{clear: both; line-height: 0; height: 0;}

#container{
position:relative;
width:780px;
margin:0 auto;padding:0;
background:#ffffff;
margin-bottom:10px;
margin-top:1px;
border:1px solid #8cc63f;
}

/***************Banner**********/


#banner{
height:195px;
position:relative;
margin:0;padding:0;
background: #006600 url(/GenericCMS/images/4h/bannerBackground.gif) no-repeat;
}
#banner-wrapper {
height:128px;
background: url(/GenericCMS/images/4hCommon/redBannerTransparent.png) no-repeat;
}

#banner img.screenlogo { margin:15px; }
#banner div.logo-4h {width:415px;position:absolute; top:80px; left:170px;}
img.clover {float:left;}
img.iowa4hlogo {float:right;}


/***************************** Navigation*/
#navigation {
position:absolute;
font-size:1.1em;
margin:0;
top:165px;
right:0;
z-index:10;
}

ul#navigation {
list-style:none;
}

#navigation li{
float:left;
margin:0;padding:0;
font-weight:bolder;
border-left:1px solid #ffffff;
display:block;
}
#navigation li.home {border:0px; width:50px;}

#navigation li a{
display:block;
padding:4px 8px 3px 8px;
color:#ffffff;
text-decoration:none;
}


#navigation a:hover{
background:#f3d401;
}

ul#navigation li.navheader:hover {background:#f3d401;}
ul#navigation li.home a {padding:10px 8px 0px 8px; height:20px}



ul#navigation li.navheader {
position:relative; 
color:#ffffff;
padding:10px 8px 6px 8px; 
font-weight:bold; display:block;}



ul#navigation li.navheader ul.mainnavdropdown {
position:absolute; 
background:#8a3; 
left:-1px; 
top:30px; 
width:175px; 
display:none; 
padding:0;margin:0;
list-style:none;

}
ul#navigation li.lastitem ul.mainnavdropdown {
left:-95px;
}

ul#navigation li.UsedForNoJavascript:hover ul.mainnavdropdown  {display:block;} 
ul#navigation li.navheader ul.mainnavdropdown li {display:block; float:none;  }
ul#navigation li.navheader ul.mainnavdropdown li a {display:block; }
ul#navigation li.navheader ul.mainnavdropdown li a:hover {background:#a9c42d; }


/*********************** Content & Center Column Styles*/

#content{
width:780px;
float:left;
margin:20px 0px 20px 0px;
position:relative;
font-size:1.2em;




}

#content h1 {
font-size:24px;
font-weight:normal;
}

#content h2 {
color: #000000;
font-size: 1.5em;
font-weight:bold;
margin:5px 0px 0px 0px; padding: 5px 5px 5px 5px;
}


#content h3 {
font-size:1.8em;
font-weight:normal;
}

#content h4 {
background:#00A79D;
padding:5px;
margin:0;
font-size:1em;
font-weight:bold;
text-align:center;
}


#content ul li{
margin:0px 0px 0px -20px;padding:0px;

}

div.topofpage, div.topcontentprimary, div.bottomcontentprimary {
float:left;
width:560px;
margin:0;padding:0px 10px 10px 0px;
}




div.rightsidebar, div.topcontentsecondary, div.bottomcontentsecondary {
float:right;
width:193px;
margin:0px;padding:0;
background:#9be1be;
}

.topcontentprimary p, .bottomcontentprimary p, .topcontentsecondary p, .bottomcontentsecondary p {margin:0px 5px;}
.topcontentsecondary p img, .bottomcontentsecondary p img {margin:0px 0px 0px -5px;}

.before_columns {
margin-bottom:2px;
padding:0px 0px 2px 15px;}



/**************Bottom Navigation ***********/
#bottomnav {
clear:both;
min-height:20px;
float:left;
background:#006600;
width:100%;
position:relative;
font-size:1.1em;
margin:0;padding:5px 0 0 0;

}

#bottomnav ul {
display:inline;
list-style:none;
}
 #bottomnav ul li {
display:inline;
list-style:none;
border-right:1px solid #ffffff;
}

#bottomnav ul li a{
text-decoration:none;
padding: 5px 15px;
color:white;

}

#bottomnav li a:hover{
background:#f3d401;
}
#bottomnav li a.current{
background:#8cc63f;
}





/*************************** Footer Styles*/

#footer{
clear:both;
font-size:.9em;
background:#ffffff;
background-position:bottom;
padding:5px 0 10px 0;
}

#footer {
color:black;
font-size:1em;
}

#footer span{

margin:5px;padding:0;
}

#footer a{
color:black;
font-size:1em;
}

/* Styles added for the Iowa 4-H home page - 4 Columns */
#column1, #column2, #column3, #column4 {
width:193px;
float:left;
margin:0px;
background:#ffffff;
padding:0;
border:0;
}

#column2, #column3 {margin:0px 2px;}

#column1 {background: #B1CCCE;}
#column2 {background: #9BE1BE;}
#column3 {background: #AED778;}
#column4 {background: #F5E5A5;}

#column1 p, #column2 p, #column3 p, #column4 p {margin:0px 5px;}
#column1 p img, #column2 p img, #column3 p img, #column4 p img {margin:0px 0px 0px -5px;}
#column1 ul, #column2 ul, #column3 ul, #column4 ul {margin-right:5px;}
#column1 ol, #column2 ol, #column3 ol, #column4 ol {margin-right:5px;}

.clearer {height:0px; clear:both;}
.after_columns {clear:both;}

/* Without this style, the edit console's red border goes all the way to the top of the page */
#editConsole {clear:both;}

#searchbox {position:absolute; top:35px; right:15px;}
#searchbox .SearchImage {margin:0 0 -7px 0; padding:0;}