body {
font-family:verdana;
font-size:0.7em;
background: url(background.gif);
border:#cccccc 1px solid;
margin:10px auto;
margin-top:0;
margin-bottom:30px;
text-align:center;
}


.wrapper {
	margin:0 auto;
	text-align: left;
	background: #FFFFFF;	
	width:100%;
}

.header{
	position:fixed;
	top:0px;
	width:100%;
}

.footer{
	border-top:1px solid #c0c0c0;
	text-align:center;
	clear:both;
	background:#fff;
}



.leftcol{	
float:left;
width:191px;
border-right:1px solid #cccccc;
margin:10px;
text-align:center;
}


.rightcol{

}

.content{
border-left:1px solid #cccccc;
padding:10px;
padding-left:20px;
margin-left:201px;
}



.logo{
background:#fff;
}



img{border:0;}




.menubar{
height:38px;
background:#fff;
width:100%;
}

.sep{clear:both;height:80px;border-bottom:3px solid #c0c0c0;}

	.mmenu, .mmenu ul{z-index:999;list-style-type:none;padding:0;margin:0;border-top:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;background:#eeeeee;position:relative;}
	* html .mmenu a:hover{position:relative;background:#e0e1fb;color:#331734}
	* html .mmenu li ul{display:block;position:absolute;visibility:hidden}
	.mmenu a{
		color:#000066;
		padding:4px;
		vertical-align:middle;
		display:block;			/* this helps make sure the link covers 100% area */
		position:relative;		/* this helps make sure IE5 hover works on link */
		border:1px solid #eeeeee;
		text-decoration:none;
		width:200px;                  /* Need to specify a width - this is used to open sub menu with margin-left */
	}	
	
	
	.mmenu ul a	{padding:2px}
	.mmenu li{float:left;background:#eeeeee;font-family:verdana;font-size:11px;}
	.mmenu li:hover{position:relative;z-index:999}
	.mmenu li ul{padding:4px;display:none;border:1px solid #bbbbbb;}
	.mmenu ul li ul{margin-left:200px;margin-top:-30px;} /* default top and left positioning for sub sub menus (this is specified in the list to make adhoc changes)*/
	.mmenu ul li{clear:both;background:#eeeeee;}
	.mmenu a:active,.mmenu a:focus{background:#e0e1fb; color:#331734;border:1px solid #bbbbbb}
	.mmenu li:hover>a{background:#e0e1fb;color:#331734;border:1px solid #bbbbbb;text-decoration:none}
	.mmenu li:hover>ul{display:block;position:absolute;} /*sub menu from vertical parent positioning */
	
	.mmenu table{position:absolute;left:-4px;top:8px;font-size:.1em;height:25px;}
	.mmenu img{border:0;vertical-align:middle;padding-right:2px;}
	.mmenu a:hover{color:#331734;;text-decoration:none;background:#e0e1fb;border:1px solid #bbbbbb;}
	.menudownarrow{padding-left:5px;border:0;right:0;position:relative;vertical-align:middle;}
	.menuarrow{padding-top:6px;padding-right:5px;border:0;right:0;position:absolute;vertical-align:middle;}
	
	.mmenu a:hover ul ul{visibility:hidden}
	.mmenu a:hover ul a:hover ul ul{visibility:hidden}
	.mmenu a:hover ul a:hover ul a:hover ul ul{visibility:hidden}
	.mmenu a:hover ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden}
	.mmenu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden}	

	.mmenu a:hover ul{visibility:visible}
	.mmenu a:hover ul a:hover ul{visibility:visible}
	.mmenu a:hover ul a:hover ul a:hover ul{visibility:visible}
	.mmenu a:hover ul a:hover ul a:hover ul a:hover ul{visibility:visible}
	.mmenu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{visibility:visible}
	.mmenu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{visibility:visible}
	
	.menu1 a{width:300px;}
	.menu1 ul{margin-left:300px !important;}

	.menu12 a{width:100px;}
	.menu12 ul{margin-left:100px !important;}

	.menu13 a{width:200px;}
	.menu13 ul{margin-left:200px !important;}

	.menu14 a{width:100px;}
	.menu14 ul{margin-left:100px !important;}


.ads{
border:1px solid #c0c0c0;
text-align:center;
font-family:verdana;
font-size:.8em;	
}

 .separator{
border-top:1px solid black;
font-size:.1em;
height:1px;
}
.separator a:hover{

font-size:.1em;
height:1px;
}



.codetitle
{
background:white;
padding:8px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
border:1px solid #c0c0c0;
border-bottom:0;
}


.codecontent
{
background:white;
font-family:courier;
padding:10px;
padding-top:0;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #c0c0c0;
border-top:0;
}


.topic
{
background:#eeeeee;
border:1px solid #c0c0c0;
padding:6px;
margin-top:8px;
width:642px;
overflow:hidden;
}

.quotetitle
{
background:white;
padding:8px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
border:1px solid #dddddd;
border-bottom:0;
font-weight:bold;
font-style:italic;
}
.quotecontent
{
background:white;
font-family:courier;
padding:10px;
padding-top:0;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #dddddd;
border-top:0;
}




a{
color:darkblue;
}

a:hover{
color:red;
}

h3{
padding:2px;
margin:0;
}