/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

*{
	margin:0;
	padding:0;
}

html,body{
	background:#FFF;
	color:#333;
	text-align:center;
}

body{
	font:12px arial,helvetica,verdana,sans-serif;
}

h1{
	font-size:18px;
	color:#4a8797;
	line-height: 20px;
	border-bottom: 1px dotted #4a8797;
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

a{
	color:#8f4384;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#b9b09e;
}

hr {
background-color: #4a8797;
border: 0;
height: 1px;
margin: 0;
}

#wrapper{
	border-top:3px solid #EEE;
	margin:20px auto;
	text-align:left;
	width:800px;
}
 
/* masthead / footer - navigation and categories */
#masthead{
	padding:5px 0;
}

.clear{
	clear:both;
}

#mid{}

#rightCol ul, #leftCol ul{
	list-style:none;
	margin:8px 0 4px;
}

.middle_links ul li{
	background:url(../images/bullet.gif) no-repeat 3px 9px;
	line-height:1.2em;
	padding:4px 0 4px 16px;
}

#leftCol{
	float:left;
	padding-left:100px;
	margin:10px 0px 0px 0px;
	width:300px;
	line-height: 1.5em;
}

#rightCol{
	color:#444;
	float:left;
	margin:10px 0px 0px 25px;
	width:300px;
	line-height:1.3em;
}

.purpletext{
	color:#8f4384;
}

/* footer - text string and links */
#footer p {
	margin-top:10px;
	padding-top: 7px;
	border-top: 2px solid #8f4384;
	font-size: 9px;
	text-align:center;
}

#footer p a{
	font-weight:bold;
	font-size: 9px;
	color:#333;
}

/****************************
MENU LAYOUT STARTS HERE
******************************/
#menu_container{
	z-index:99;
	position: relative;
	top:0px;
	left:0px;
	z-index: 5;
	width: 600px;
	height: 30px;
	margin: 0px;
	background: #8f4384;
	padding-left:200px;
}
#menu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#menu_container li, #menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 30px;
}

#menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5{
	margin: 0px 0px 0px 0px;
}

#menu_header_1 { width: 72px; background: url(../images/menu.gif) 0px 0px no-repeat ;}
#menu_header_2 { width: 5px; background: url(../images/menu.gif) -72px 0px no-repeat ;}
#menu_header_3 { width: 202px; background: url(../images/menu.gif) -77px 0px no-repeat ;}
#menu_header_4 { width: 5px; background: url(../images/menu.gif) -279px 0px no-repeat ;}
#menu_header_5 { width: 116px; background: url(../images/menu.gif) -284px 0px no-repeat ;}

#menu_header_1 a{ width: 72px; background: none;}
#menu_header_2 a{ width: 5px; }
#menu_header_3 a{ width: 202px; }
#menu_header_4 a{ width: 5px; }
#menu_header_5 a{ width: 116px; }

#menu_header_1 a, #menu_header_2 a, #menu_header_3 a, #menu_header_4 a, #menu_header_5 a{
	display: block;
	margin: 0px 0px 0px 0px;
	height: 30px;
}

#menu_header_1 a:hover{ width: 72px; background: url(../images/menu.gif) -0px -30px no-repeat ;}
#menu_header_2 a:hover{ width: 5px; background: url(../images/menu.gif) -72px -30px no-repeat ;}
#menu_header_3 a:hover{ width: 202px; background: url(../images/menu.gif) -77px -30px no-repeat ;}
#menu_header_4 a:hover{ width: 5px; background: url(../images/menu.gif) -279px -30px no-repeat ;}
#menu_header_5 a:hover{ width: 116px; background: url(../images/menu.gif) -284px -30px no-repeat ;}

#menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}