/* CSS Document */

body
{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
background-color: #f6e7c9;
font-size: 9px; /*This is important: don't remove otherwise you see a large font in the menu before it loads the javascript*/
}
#wrapper
{
margin: 20px auto 0 auto;
padding: 0;
width: 855px;
text-align: left;
background: url(../images/content_bg.gif) repeat-y;
}
#top
{
margin: 0;
padding: 0;
position: relative;
background: url(../images/banner.gif) no-repeat;
height: 185px;
}

#menu
{
	float: left;
	margin: 0;
	padding: 0;
	width: 179px;
	height: 415px;
	z-index:100;
	background-image: url(../images/menu_bg.gif);
	background-repeat:no-repeat;
}
#menu ul
{
margin: 0 0 0 0 ;
padding: 10px 0 0 45px ;
position: relative;
}
#menu li
{
margin: 0;
list-style-type: none;
padding:  4px 0 4px 0 ;
position: relative;
line-height: 12px;
}
#menu a:link, #menu a:visited
{

padding: 0;
margin: 0;
color: #014c3d;
text-decoration: none;
}
#menu a:hover, #menu a:active
{
color: #fff;

}

	#menu .slMenuItem_depth1{	
		margin-top:1px;
		font-size: 12px;
		
			}	
	 #menu .slMenuItem_depth2{	/* Sub menu 1 */
		margin-top:1px;
		font-size: 10px;
		font-weight: bold;
	}	
	#menu .slMenuItem_depth3 {	/* Sub menu 2 */
		margin-top:1px;
		font-style:italic;
		font-size: 10px;
		
		
	}	
	#menu .slMenuItem_depth4{	/* Sub menu 3 */
		margin-top:1px;
		color:red;
	}	
	#menu .slMenuItem_depth5{	/* Sub menu 4 */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu items. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#menu .slideMenuDiv1
	
	instead of 
	
	#menu .slideMenuDiv1 ul
	*/
	
	#menu .slideMenuDiv1 ul{
		margin: 0;
		padding:1px;
		
			}
	#menu .slideMenuDiv2 ul{
		margin-left:15px;
		padding:1px;
	}
	#menu .slideMenuDiv3 ul{
		margin-left:22px;
		padding:1px;
	}
	#menu .slMenuItem_depth4 ul{
		margin-left:30px;
		padding:1px;
	}

#content
{
float: left;
position: relative;
width: 600px;
left: 0px;
margin: 0 0 0 0;
padding: 0 0 0 20px;
font-size: 12px;
line-height:24px;
}
#content a:link, #content a:visited
{
color: #014c3d;
}
#content a:hover, #content a:active
{
background-color: #014c3d;
color: #fff;
text-decoration: none;
}
#content ul, #content ol
{
padding-left: 1em;
}
h1
{
padding: 0 0 0.5em 0;
margin-top: 0.5em;
font-size: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #014c3d;
border-bottom: 1px solid #014c3d;
}
h2
{
margin-top: 1em;
color: #E2AF4D;
font-size: 18px;
font-weight: normal;
letter-spacing: 1px;
}
h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 21px;
color: #5974A6;
font-weight: bold;
letter-spacing: -1px;
}
h4
{
color: #014c3d;
font-size: 13px;
text-decoration: underline;
}

#footer
{
clear: left;
padding: 12px 0 0 0;
margin: 0 0 0 41px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border-top: 1px solid #014c3d;
width: 775px;
background-color: #f6e7c9;
}
#footer a:link, #footer a:visited
{
padding: 0 0 0 0;
margin: 0 25px;
color: #014c3d;
text-decoration: none;
}
#footer a:hover, #footer a:active
{
text-decoration: underline;
}
.indent
{
margin-left: 200px;
}