/*
Theme Name: MHHS -- Minnesota Harvest Horse Show
Theme URI: http://minnesotaharvesthorseshow.com/
Description: The default MHHS theme.
Version: 1.0
Author: Craig Snyder
Author URI: http://electricfusion.com/

*/


/* colors

purple: 330033;
gray: 949494
green: 669900 */

html { height: 100%; margin-bottom: 1px; }


body{ font-family:"Times New Roman", Times, serif; color:#000000; font-size:12px; margin: 0; padding:0;min-width:800px; font-weight:normal; background-color:#FFFFFF;}
#pageWrapper{text-align:left; width: 800px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; margin-top:0px; z-index:1; position:relative;z-index:1;}
#header{position:relative;top:0px; left:0px; width:800px; height:136px; background-color:#330033;z-index:1;}
#headerLogo{position:absolute; top:10px; left:15px; width:109px; height:109px;z-index:10;}
#headerNav{position:absolute; top:80px; left:0px; width:670px; height:25px; background-color:#669900; border-top:3px solid #FFFFFF;xborder-bottom:3px solid #330033;padding-left:130px;z-index:2;}
#headerSubnavBkg{position:absolute; top:111px; left:0px; width:700px; height:25px; padding-left:100px;z-index:2; background-image:url(../../../images/bkg_content.jpg); background-position:top; background-repeat:repeat-x; background-color:#FFFFFF;z-index:2; }



.subNavTab{position:absolute;top:0px; left:50px; width:500px; height:45px; display:none; visibility:hidden; padding-top:10px;z-index:12;}
.leftTab{width:15px; height:34px; float:left;background-image:url(../../../images/tab_left.png);background-position:left;z-index:12; background-repeat:no-repeat;}
.middleTab{height:34px; width:auto;float:left;background-image:url(../../../images/tab_middle.png);background-position:left;z-index:12; background-repeat:repeat-x;}
.rightTab{width:21px; height:34px; float:left;background-image:url(../../../images/tab_right.png);background-position:left;z-index:12; background-repeat:no-repeat;}

.middleTab ul {margin:0px; padding:0px; list-style:none;float:left;}
.middleTab ul li{margin:0px; padding:0px; list-style:none;float:left;}

.xmiddleTab a:link, .xmiddleTab a:visited{ float:left; display:block; padding:3px 0px; text-decoration:none; color:#949494; xmargin-right:10px;}
.xmiddleTab a:hover, .xmiddleTab a:active{ float:left; display:block; padding:3px 0px; text-decoration:none; color:#330033; xmargin-right:10px;}

.middleTab a:link, .middleTab a:visited{ float:left; display:block; padding:3px 0px; text-decoration:none; color:#949494; padding:0px 5px 0px 0px; margin:3px 7px 0px 0px; border-right:1px solid #949494; }
.middleTab a:hover, .middleTab a:active{ float:left; display:block; padding:3px 0px; text-decoration:none; color:#330033; padding:0px 5px 0px 0px; margin:3px 7px 0px 0px; border-right:1px solid #949494;}

.tabDivider{float:left; padding:3px 5px; font-size:11px;}
.tabDividerFixWrapper{float:left; padding:3px 5px; font-size:11px; width:5px; height:15px;}
.tabDividerFix{position:relative; top:0px; left:-13px;width:10px; height:18px; background-color:#FFFFFF;}

#scheduleWrapper{position:absolute;top:101px; left:50px; width:720px; height:45px; display:none; visibility:hidden; padding-top:10px;z-index:12; }
#aboutWrapper{position:absolute;top:101px; left:150px; width:500px; height:45px; display:none; visibility:hidden; padding-top:10px;z-index:12; }
#newsWrapper{position:absolute;top:101px; left:250px; width:500px; height:45px; display:none; visibility:hidden; padding-top:10px;z-index:12; }
#mhhsWrapper{position:absolute;top:101px; left:150px; width:650px; height:45px; display:none; visibility:hidden; padding-top:10px;z-index:12; }

#content{ position:relative;top:0px; left:0px; width:800px; height:400px; xbackground-image:url(../../../images/bkg_content.jpg);background-position:left; background-repeat:repeat-x; background-color:#FFFFFF; margin-bottom:10px; }
#contentHomeLeft{position:absolute; top:0px; left:0px; width:180px; height:400px; padding:0px 10px 0px 20px; background-image:url(../../../images/bkg_content_apple.jpg);background-position:left bottom; background-repeat:no-repeat; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto;}

#contentHomeRight{ position:absolute;top:0px; left:210px; width:590px; height:410px; }


#contentLeft{position:absolute; top:0px; left:0px; width:440px; height:400px; padding:0px 10px 0px 20px;background-image:url(../../../images/bkg_content_apple.jpg);background-position:left bottom; background-repeat:no-repeat; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto;}

#pageChildren{display:block;}

#pageChildren .page_item a:link, #pageChildren .page_item a:visited {padding:0px 8px 0px 8px; font-size:12px; text-decoration:none; color:#000000;}
#pageChildren .page_item a:hover, #pageChildren .page_item a:active {padding:0px 8px 0px 8px; font-size:12px; text-decoration:none; color:#330033;}

#pageChildren ul {margin:0px; padding:0px; list-style:none;}
#pageChildren ul li{margin:0px; padding:0px; list-style:none;}


#contentRight{ position:absolute;top:0px; left:475px; width:325px; height:410px; }
#contentRight p{padding:0px;margin:0px;}

#contentRightFeed{width:325px; height:300px; overflow-y:auto; overflow-x:hidden}

#contentWide{width:770px; height:300px;padding:0px 10px 0px 20px;background-image:url(../../../images/bkg_content_apple.jpg);background-position:left bottom; background-repeat:no-repeat; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto;}

#ticker{ position:relative;top:0px; left:0px; width:800px; height:30px; padding:0px 0px; text-align:center;}

.tickerItem{ color:#330033; font-style:italic; font-size:14px; width:800px; height:30px;}

.tickerItem a:link, .tickerItem a:visited{ color:#330033; font-style:italic; font-size:14px; text-decoration:none;}
.tickerItem a:hover, .tickerItem a:active{ color:#949494; font-style:italic; font-size:14px; text-decoration:none;}


#footer{ position:relative;top:0px; left:0px; width:800px;height:150px; background-image:url(../../../images/bkg_content.jpg); background-position:top; background-repeat:repeat-x; background-color:#FFFFFF; border-top:3px solid #382E2D; padding-top:20px; text-align:center;}

#footerNav{position:relative; padding-left:25%;height:30px;margin:0px; }
#footerNav a:link, #footerNav a:visited {float:left; padding:0px 8px 0px 8px; font-size:12px; text-decoration:none; color:#000000;}
#footerNav a:hover, #footerNav a:active {float:left; padding:0px 8px 0px 8px; font-size:12px; text-decoration:none; color:#330033;}

#footerContent{position:relative; left:0px; top:0px; width:800px;height:150px; text-align:center;margin:0px;  }

#footerContent p{padding:0px;margin:0px;text-align:center;}



#footerImgCopyright{position:absolute;bottom:0px; left:20px;}

#homeSlider{position:relative;top:0px; left:0px; width:800px; height:30px; background-color:#FFFFFF;}

h1{ color:#330033; padding-top:0px; margin-top:0px; font-size:14px;}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 800px; 
height: 30px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 770px;
overflow: hidden;
}
ul.newsticker { /* that's your list */

position: relative;
left: 800px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color:#330033; font-style:italic; font-size:14px; width:800px; height:30px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000000;

margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

fieldset label {width:70px; float: left; }

fieldset em{ font-weight:bold; color:red; margin-right:3px;float: left;}

fieldset label.error { float: none; color: red; padding-left:80px; vertical-align: top; font-weight:bold; display:block;width:170px;}

