/******************
This is the E-mail Newsletter Stylesheet
-------------------------------------------
Specifically developed for it, currently only FF & IE supported
*******************/
html, body {
	background: #e4e5e6 url(../images/backgroundimage.jpg) repeat-y 50% 0;
	font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

#wrapper {
	width: 774px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	
#header {
	float: left;
	height: 83px;
	}

hr {
	background-color: #eebb0a;
	size: 10px;
	width: 774px;
	margin: auto;
	margin-top: 5px;
	padding-bottom: 7px;
	border: none; 
	}
	
#flash {
	height: 320px;
	width: 773px;
	padding: 14px 0px 10px 0px;
	}	

#maincontent {
	width: 774px;
	margin-top: 50px;
	background: top left url(../images/background_gradient.jpg) repeat-x;
	margin-left: auto;
	margin-right: auto;}

#nav {
	width: 149px;
	padding-left: 55px;
	padding-right: 35px;
	float: left;
	margin-top: 10px;
	}

#text {
	width: 499px;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	margin-top: 10px;
}

#line {
	width: 2px;
	padding-top: 20px;
	float: left;
}

.clear {
    clear:both;
}

h1 {
	color: #557FA9;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	}

p	{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #757468;
	line-height: 22px;
	}

#footer {
	height: 72px;
	margin-top: 20px;}

#bottom {
	background: #e4e5e6 url(../images/bottom_edge.jpg) no-repeat 50% 0;
	height: 74px;
	margin-left: -4px;
	}
#background{
	margin:0;
	color:#717171;
}
	
#menu {  
         list-style:none;  
         display: block;
		 margin:0;  
         padding:0;  
     }  
#menu li {  
         float:left;  
         display:block;  
         width:150px;  
		 display:inline;  
         padding:0px;   
         background:#e4e4e4;  
         height:22px;  
        }  
#menu li a {  
         border:none;  
         }  

#menu li .show{  
             display:block;  
             width:150px;  
             height:22px;  
         }  
#menu li .hide {  
             color:#d4df9d;  
             text-align: left;  
             height: 0;  
             overflow: hidden;  
              }  
  
#menu li:hover .hide{  
             cursor: pointer;  
             height: 22px;  
             padding:0px;  
             width:150px;  
         }  
#menu li:hover .show {  
         height: 0;  
         overflow: hidden;  
		 } 
		 
		 /* Below is pop out Menu*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100px;
	}
	
ul li {
	position: relative;
	}

li ul {
	position: absolute;
	left: 150px;
	top: -20px;
	display: none;
	padding-left: 5px;
	border: 2px;
	border-color:#999;
	width: 75px;
	}

ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #e4e4e4;
	padding: 0px;
	border: 1px solid #999;
	border-bottom: 0;
}

li:hover ul { display: block; 
	border: 2px;
	border-color:#999;
	}
/*End of Pop Out Menu*/

a:link {
	color: #557FA9;
}
a:visited {
	color: #557FA9;
}
a:hover {
	color: #EEBD09;
}
a:active {
	color: #EEBD09;
}