@CHARSET "UTF-8";

a:link {text-decoration: none; color: #8a8; text-shadow: 1px 1px 1px #010;}
a:visited {text-decoration: none; color: #8a8; text-shadow: 1px 1px 1px #010;}
a:hover {color : #ffa;}
body {text-align: center; background-color: #222222; background-image: url(gradtop.png); background-repeat: repeat-x; font-family: Georgia, Verdana, Arial; cursor:default; color : #eee; margin :0; padding :0;}
noscript {color: #ffa;}

#topshadow{width: 950px; height:5px; margin-left: 45px; margin-top:30px; background: url(topshadow.png) repeat-X; }
#header {background: url(header7.png) repeat-Y 50% 100%; height: 200px; width: 1000px; margin-right: -7px; margin-left: 0px; margin-top: 20px; margin-bottom : 0px; text-align: left;}
#header span{color: #cec;}
#headertext {font-size : 70px; font-style: italic; color : #fff; padding-top: 40px; padding-bottom: 0px; margin-left: 150px; font-weight: bold; text-shadow : 4px 4px 4px #111;}
#contactm {margin-left : 200px; margin-top : -20px; font-weight : bold; padding-bottom :10px;}
#contactm a {color: #ffd; font-style: italic; text-shadow: 3px 3px 3px #111;}
#contactm a:hover { color : #ffa;}
/*#menu{margin-left: 150px; margin-top: -30px; display:none; }*/
#menu{
position: absolute;
display : inline;
width:720px;
height:25px;
left: -720px;
font-size: 14pt;
}

body a {cursor: pointer; }

#sublogo {background: url(ceg.jpg) no-repeat; width: 650px; height: 80px; padding-top: 180px; margin-left: 25px; padding-bottom: 50px;}

#menu a {text-decoration: none; color: #eeeeee; padding-left:20px; padding-right:20px; font-size: 15pt; position:relative; text-shadow: 3px 3px 3px #111; }
#menu a.home{background: url(home.png) no-repeat;}

#submenu {margin-top : 20px;}
#submenu li{padding-top: 20px; font-weight: bolder; font-size: 15px; text-shadow: 2px 2px 2px #222; color: #eee;}
#submenu li:hover{ color: #ffa; text-shadow: 1px 1px 1px #020;}


#topnews{background: url(topnews2.png) no-repeat; margin-top: -50px; height: 20px; width: 230px; float: left;}
#leftpanel { background: url(news2.png)/*#78a*/; width: 230px; height: 600px; color : #234;   margin-top: -30px; text-shadow: 2px 2px 2px #def; float :left;}
#logo {background : url(logo.png) no-repeat 50% 100%; width: 230px; height : 175px; padding-bottom : 0px;}
#logo:hover{background : url(logoHover.png) no-repeat 50% 100%; width: 230px; height : 175px; }
#content { background: url(topcontent.png) repeat-y; height: 550px; width: 750px; margin-left: 300px; margin-right : auto; margin-top : 0px; padding-bottom: 50px; color: #020; font-size: 15px; }
#content p { padding: 2% 5% 0 5%; text-align: justify; color : #010; text-shadow: 2px 2px 2px #cdc; margin-top :0px;}
#content a {color: #131; font-weight: bolder}
#content p a:hover {color: #686;}
#hp { font-size: 21px; font-weight: bolder; font-style: italic;height: 40px; text-align: center; color: #242; padding-top: 30px; text-shadow: -3px 3px 3px #efe;}

h3 {text-align: center; padding-top: 4%;}


ul li {list-style: url(right.png); padding-top: 10px; padding-bottom: 10px; text-align: left; margin-left: 10%; margin-right: 10%; text-shadow: 1px 1px 1px #cdc;}

#leftpanel p { text-align: center; margin-top : 20px; color : #eee; text-shadow : 2px 2px 2px #222;}
#leftpanel p span{font-weight: bolder;}
#leftpanel ul li { list-style : none; list-style-image: none; padding-right: 40px;  display : none; text-align: center; margin-left: 0; margin-right: 0; background: none; color : #eee; text-shadow : 2px 2px 2px #222;}
#menu a:hover { color: #ffc; text-shadow: 2px 2px 2px #553;}

#menu a.actual {color: #cec; text-shadow: none;}
#bottom { padding: 0px 0px; text-align: center; clear: both; }
#copyright { font-style: italic; font-weight: bolder; font-size: 17px; color: #010; padding-bottom: 30px; padding-top: 180px; text-shadow : 1px 1px 1px #ccc;}

#goTop {float: left;}


#content p.subtitle{font-size: 18px; font-weight: bolder; font-style: italic; color: #020; background: url(gradient.png) 20% 100% no-repeat; width: 300px; height: 30px; text-shadow: -5px 5px 5px #898; margin-right : auto;}
#content table { border-spacing: 0; font-weight: bolder; font-size: 13px;}
				#content table tr {height: 30px; text-shadow: 2px 2px 2px #aba; color: #020;}
				#content table tr th {font-size: 18px; font-weight: normal; font-style:oblique; text-decoration: underline; padding-bottom: 25px; padding-top: 25px; color: #020;}
				  #content table tr td.left {  text-align: center;}
				#content table tr th.right { padding-left: 10px;   text-align: center; }
          #content table tr td.right { padding-left: 10px; padding-right: 10px; text-align: center; }
          #content table	{	width: 570px; margin: 20px auto 20px auto; }
          #content table tr th.left {width: 125px;}
           #content table tr.first {background: url(trfirst.png) repeat-y 50% 100%; color: #eee; text-shadow: 1px 1px 1px #020;}
#morenews {top : 700px; width: 230px; text-align: center;  color: #010; text-shadow: 1px 1px 1px #010; font-weight: bolder;}

#toplist {background: url(toptable.png) 50% 100% no-repeat;  height: 50px; margin-top: 40px;}
#con {background: url(middletable.png) 50% repeat-y; margin-top: -16px;  color: #eee; font-weight: bolder; text-align: center;}
#ref {background: url(middletable.png) 50% repeat-y; margin-top: -16px;  color: #eee; font-weight: bolder; text-align: center;}
#ref ul li{text-align: center; list-style: none; list-style-image : none; text-shadow : none; padding-right : 30px;}
#ref a {color : #ffd;}
#con p {color : #ffe; text-shadow: 1px 1px 1px #020; text-align: center;}
#con a {text-decoration: none; color: #9b9;  text-shadow: 1px 1px 1px #010;}
#con a span {color : #ffe; text-shadow: 1px 1px 1px #020;}
#con a:hover{color: #cec;}
#bottomlist {background: url(bottomtable.png) 50% 100% no-repeat; height: 50px; margin-top: -16px;}
#demo {text-align: center; padding: 20px; font-size: 16px;}
#demo a {color : #9c9;}
#demo a:hover {color: #ffa;}