body
{
	margin: 0;
	padding: 0;
	background: #463E62;
	font-family:  "tahoma","arial", "verdana", "times new roman";
	font-size: 16px;
}

sup
{
	color: #141A5E;
}

a
{
	text-decoration: none;
	color: #8E40B6;
}

a:hover
{
	text-decoration: none;
	color: #AA4204;
}

#outercontainer
{
	margin: 0 auto;
	width: 800px;
	background: #2E2E2E url('../images/oc-background.jpg') repeat-y;
}

#container
{
	margin: 0 auto;
	width: 760px;
	background: #FAFAE8;
	border-left: 2px solid #AA4204;
	border-right: 2px solid #AA4204;

}

#header
{
	margin: 0 auto;
	width: 800px;
	height: 100px;
	background: #F1F2FF url('../images/topbar.jpg');
}

#header h1
{
	margin: 0;
	padding: 20px 0 0 20px;
	font-size: 220%;
	letter-spacing: -2px;
	font-weight: normal;
	color: #F90;
	font-family: georgia;
}

#menu
{
	margin: 0;
	padding: 0;
	width: auto;
	height: 33px;
	background: #444 url('../images/btn3.jpg') repeat-x;
}





#submenu
{
	margin: 0;
	padding: 0px 80px 0px 0px;
	width: auto;
	height: 20px;
	background: #FAFAE8 url('../images/maincontent-background.jpg') repeat-x;
	border-bottom: 3px solid #5B3E66;

}

#submenu ul
{
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	font-weight: bold;
	font-size: 80%



}

#submenu ul li
{

	margin: 0;
	display: inline;
}

#submenu ul li a
{
	padding: 0 15px;
	float: left;
	line-height: 20px;
	text-decoration: none;
	color: #5B3E66;
	background: #transparent;
	border-right: 1px solid #5B3E66;
	list-style: none;

}

#submenu ul li a.active
{
	

	background: #E8D8CE url('../images/maincontent-background-active.jpg') repeat-x;
}

#submenu ul li a:hover
{

	background: #E0D7E7 url('../images/maincontent-background-hover.jpg') repeat-x;
}



#main
{
	width: auto;
	padding: 25px 15px 25px 20px;
	font-size: 90%;
	line-height: 150%;
}




#main span
{
	float: right;
	padding: 0 0 10px 0;
}


#main p
{
	margin: 10px;
	padding: 0 0 10px 0;
}

#main h1
{
	margin: 8px;
	padding: 0 0 10px 0;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 200%;
	color: #5B3E66;
}

#main h2
{
	margin: 8px;
	padding: 0 0 -2px 0;
	font-weight: normal;
	font-size: 130%;
	color: #5B3E66;
}

#main blockquote
{
	margin: 30px 5px 15px 30px;
	padding: 15px;
	border-left: 4px solid #AA4204;
	background: #C1C0D1;
}

#main img.imgleft
{
	float: left;
	padding: 1px;
	margin: 0 10px 0 0;
	border: 1px solid #555;
}


#main table
{
margin-left:auto; 
margin-right:auto;
border-collapse:collapse;
}

#main td, #main th 
{
font-size:100%;
border:1px solid #86659F;
padding:3px 2px 3px 4px;
}
#main th 
{
font-size:120%;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#453D61;
color:#FAFAE8;
}
#main tr.alt td 
{
color:#000;
background-color:#B4ACCC;
}


#footer
{
	width: auto;
	height: 75px;
	background:  url('../images/footer.jpg') repeat-x;
	font-size: 60%;
	font-weight: bold;
	color: #999;

}


#footer p
{
	margin: 0;
	padding:  30px 20px 20px 30px;
}

#footerleft
{
	float: left;
	width: 380px;
}

#footerright
{
	float: right;
	width: 380px;
	text-align: right;
}

#sddm
{       margin: 0;
        padding: 0;
        z-index: 30
        background: url('../images/btn5.jpg') repeat-x}

#sddm li
{       margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        font: bold 18px arial}

#sddm li a
{       display: block;
        margin: 0 0px 0 0;
        padding: 5px 10px 0px 10px;
        width: 100px;
        height: 24px;
        background: url('../images/btn3.jpg') repeat-x;
        color: #FAFAE8;
        text-align: center;
        text-decoration: none}
#sddm li a.active
{               background: url('../images/btn5.jpg') repeat-x}
#sddm li a:hover
{               background: url('../images/btn4.jpg') no-repeat}
#sddm li a.active:hover
{               background: url('../images/btn6.jpg') repeat-x}

#sddm div
{       position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background: #7c7da9;
        border: 1px solid #5970B2}

        #sddm div a
        {       position: relative;
                display: block;
                margin: 0;
                padding: 10px 10px;
                width: auto;
                white-space: nowrap;
                text-align: left;
                text-decoration: none;
                background: #7c7da9;
                color: #FAFAE8;
                font: 16px arial}

        #sddm div a:hover
        {       background: #49A3FF;
                color: #FFF}