/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */
/* ----- these styles will not follow the standard naming conventions the four main family/brand templates do as these are unique to the home page only ----- */

/* styles for top header area */
#printheader {display: none;}
#headernav {
	position: absolute; top: 79px; left: 187px;
	width: 563px; height: 54px; overflow: hidden; background-color: #91002C;
}
#headernav p {
	display: none;
}

#munlive_main {
top:400px;
width:200px;
position:relative;
padding-left:17px;
}

.m_updated {
	font-size:10px;
}

/* alertbox styles as needed in template_index_alert.shtml */
#alertbox {
	background: url(/images/bkgnd_alertbox.jpg) top left no-repeat #FFCC33; padding: 16px 85px 16px 200px; color: #91002C; font-weight: bold;
}

/* homepage banner with wording and 3 transparent tabs inside */
#homebanner {
	position: relative; width: 750px; height: 341px; overflow: hidden;
}
/* these styles define the text content that floats above the banner */
#homebannerwords {
	position: absolute; top: 58px; left: 29px; width: 235px; 
}
#homebannerwords p {
	font:12px/15px Arial,Helvetica,Verdana,sans-serif; color: #FFF; font-weight: bold; padding-top: 11px; padding-left: 5px;
}
.homebannertitle {
	font:28px Arial,Helvetica,Verdana,sans-serif; color: #FFF; font-weight: normal; padding-left: 5px;
}
/* these styles define the three column tabs that float above the bottom of the image */
#homebannertabs {
	position: absolute; top: 307px; left: 0px; height: 34px; width: 750px;
	background: url(/images/bkgnd_homebannertabs.gif) top left repeat-y #000;
	/* different opacity rules for different browser engines */
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6; 
	filter:alpha(opacity=60);
}
#hometabname1 {
	position: absolute; top: 316px; left: 18px;
	font:13px Arial,Helvetica,Verdana,sans-serif; color: #FFF;
}
#hometabname2 {
	position: absolute; top: 316px; left: 292px;
	font:13px Arial,Helvetica,Verdana,sans-serif; color: #FFF;
}
#hometabname3 {
	position: absolute; top: 316px; left: 564px;
	font:13px Arial,Helvetica,Verdana,sans-serif; color: #FFF;
}

/* the three column area below the main banner image */
#home3columns {
	float: left; background: url(/images/bkgnd_home3columns.gif) top left repeat-y; margin: 0; padding: 0; margin-bottom: -15px;
}
#lefthome {
	width: 235px; float: left; padding: 18px 0px 18px 18px;
}
#lefthomeitem {
	width: 235px; position: relative;
}
#lefthomepic {
	float: left; width: 100px; padding-bottom: 4px; margin-right:8px; border-bottom: 1px solid #80948D;
}
#lefthometext {
	padding-left: 0px;
}
#centrehome {
	width: 233px; float: left; padding: 18px 0px 18px 37px;
}
#importantinformation {
	border-top: 1px solid #AABBBB; padding-top: 15px;
}
#righthome {
	width: 200px; float: left; padding-left: 23px;
}

/* typography specific to the home page */
#lefthome p, #centrehome p {font:12px/14px Arial,Helvetica,Verdana,sans-serif; color: #333; padding-bottom: 15px;}

/* css navigation styles using DaveyJJ's method of moving background images */
#navtab1 a {
		display: block; width: 112px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab1.gif) 0 0 no-repeat; text-decoration: none;}
#navtab1 a:hover {background-position: 0px -54px;}
#navtab1on {
		display: block; width: 112px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab1.gif) 0px -54px no-repeat; text-decoration: none;}
#navtab2 a {
		display: block; width: 113px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab2.gif) 0 0 no-repeat; text-decoration: none;}
#navtab2 a:hover {background-position: 0px -54px;}
#navtab2on {
		display: block; width: 113px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab2.gif) 0px -54px no-repeat; text-decoration: none;}
#navtab3 a {
		display: block; width: 113px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab3.gif) 0 0 no-repeat; text-decoration: none;}
#navtab3 a:hover {background-position: 0px -54px;}
#navtab3on {
		display: block; width: 113px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab3.gif) 0px -54px no-repeat; text-decoration: none;}
#navtab4 a {
		display: block; width: 113px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab4.gif) 0 0 no-repeat; text-decoration: none;}
#navtab4 a:hover {background-position: 0px -54px;}
#navtab4on {
		display: block; width: 113px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab4.gif) 0px -54px no-repeat; text-decoration: none;}
#navtab5 a {
		display: block; width: 112px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab5.gif) 0 0 no-repeat; text-decoration: none;}
#navtab5 a:hover {background-position: 0px -54px;}
#navtab5on {
		display: block; width: 112px; height: 54px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab5.gif) 0px -54px no-repeat; text-decoration: none;}

/* New header button added Jan 29th, 2009 */

#headernav2 {
position: absolute; top: 79px; left: 187px;
height:54px;
width:564px;
float:right;
overflow: hidden; 
background-color: #91002C;

}

#headernav2 ul {
margin:0px;
padding:0px;
float:right;
list-style-type:none;
}

#headernav2 ul li {
display:inline; 
float:left;
}

#headernav2 ul li a {
font-size:11px;
display:block;
height:42px;
width:80px;
text-align:center;
color:white;
padding-top:12px;
background-image:url(/images/navback.gif);
background-position:0 0 ;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#headernav2 ul li a:hover{
background-position:0px -54px  ;
}

#headernav2 ul li a.oneline {
padding-top:19px;
height:35px;
}


#headernav2 ul li a.become {
width:83px;
background-image:url(/images/newtab_become.gif);
text-align:left;
}

#headernav2 ul li a.become span {
position:relative;
left:26px;
}

/* ----- end template ----- */