@charset "utf-8";
body {
        background: #EED2EE;
        color: #000;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        margin: 5;
        padding: 0;
	text-align : center;
}

a:link, a:visited {
        color: #9900cc;
        text-decoration: underline;
}
a:hover, a:active {
        color: #FFF;
        text-decoration: none;
        background: #9900cc;
}
#top {
	width: 800px;
	background: #ffD2EE;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #ffd2ee;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 80px;
	text-align : center; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	}
#logo{
	float :left;
}
#utility{

}
#navcontainer {
        padding-top: 20px;
        font-family: georgia, serif;
        text-transform: lowercase;
	text-align : center;
	float :left;
	padding-left: 10px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
        content: ".";
        display: block;
        line-height: 0px;
        font-size: 1px;
        clear: both;
}
#content{
	overflow:hidden;
	word-wrap:break-word;
	width: 800px; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #FFF;
	border: 0px solid #666;
	text-align:left; 
	/* part 2 of 2 centering hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#left { 
	overflow:hidden;
	float :left;
	top: 0px;
	left: 0px;
	margin-right: 8px;
	padding: 0px;
	border: 0px solid #666;
	background: #FFF;
	width: 20%;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#mymenu { 
	margin:0px 0; text-align:left; font-family:Tahoma, Helvetica, sans-serif;
	}
#mymenu ul {
	list-style-type:none;
	}
#mymenu li {
	border-bottom:1px solid #eed2ee;
	}
#mymenu a {
	display:block; width:110px; padding:0 5px; text-decoration:none; font-size:12px; line-height:24px;
	}
#left .block {
	width:120px;
	margin:20px 20px;
	text-align:center;
}
#AdSense{
	margin-left:3px;
}
#right {
        overflow:hidden;
	float :left;
        top: 0px;
	right: 0px; 
	margin: 0px;
	padding: 1px;
	border: 1px solid #eed2ee;
	background: #FFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 78%
	}
#rightl {
        overflow:hidden;
        float :left;
        top: 0px;
        position: relative;
        width: 30%;
	margin: 0px 0px 0px 3px;
	padding: 1px;
	border: 0px solid #666;
	background: #FFF;
	}
#rightr{
        overflow:hidden;
        float :left;
        top: 0px;
	margin: 0px 0px 0px 2px;
	padding: 1px;
	border: 0px solid #666;
	background: #FFF;
        width: 68%;
}
.color {
	overflow-x:hidden;
        overflow-y:scroll;
	height:400px;
	}
#content ul{
        display:inline;
        margin: 0px;
        padding:0px;
        list-style:outside;
 }
#content li {
        margin-left:20px;
        line-height:150%;
	list-style-type:none;
}
ul#navlist {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: auto;
        font-size: 1em;
}

ul#navlist li {
        display: block;
        float: left;
        width: 75px;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #f0e7d7;
        color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #800000;
	background: #EED2EE;
        border-color: #aaab9c #fff #fff #ccc;
}
#footer{
	color:#949494;
	float :left;
	width: 800px; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #FFF;
	border: 0px solid #666;
	text-align : center; 
	/* part 2 of 2 centering hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#footer a{
	text-decoration:none;
	color:#949494;
}
#footer a:hover{
	color:#949494;
	background: transparent;
}
h6{
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px; 	
	background: #ffD2EE;
	border-top: 0px solid #9900cc;
	text-align : auto;
	text-indent : 15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
textarea{
	overflow:auto;
	background: #FFF0F5;
}