/*
Original design: Variant Portal (v1.0 - Jun 26, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-portal/
*/

*{margin:0;padding:0;}
body{background:#eee url(images/dark-body-bg.gif) top center repeat-y;color:#555;font:76% tahoma, verdana, sans-serif;}


a{color:#6e6e6e;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1{font-size:2.2em;letter-spacing:-1px;margin:0 0 5px; padding:0;}
h2{font-size:1.6em;margin:0 0 12px; padding:0;}
h3{font-size:1.3em;margin:0 0 10px; padding:0;}
p, ul{line-height:1.5em;margin:0 0 18px;text-align:left;}
ul,ol {list-style:square; margin:0 0 15px 20px;}
hr {clear:both; visibility:hidden;}
table {}

#blue a {color:#286ea0;}
#blue #container #logo h1 a,#blue #container h2,#blue #container h3 {color:#175d8f;}
#blue #container #desc h2 {color:#6199c2;}

#pink a {color:#a0286e;}
#pink #container #logo h1 a,#pink #container h2,#pink #container h3 {color:#8f175d;}
#pink #container #desc h2 {color:#c26199;}

#green a {color:#6ea028;}
#green #container #logo h1 a,#green #container h2,#green #container h3 {color:#5d8f17;}
#green #container #desc h2 {color:#99c261;}

#dark a {color:#286ea0;}
#dark #container #logo h1 a,#dark #container h2,#dark #container h3 {color:#175d8f;}
#dark #container #desc h2 {color:#03224C;}
#dark ul#navitab li a{background: #333 url(images/dark-corner.gif) no-repeat top right; border-left:1px solid #555; border-right:.5px solid #999; color: #fff;}
#dark ul#navitab li a:hover{background:#666 url(images/dark-corner.gif) no-repeat top right;}
#dark ul#navitab li a.current{background:#384491 url(images/dark-corner.gif) no-repeat top right;}
#dark #sidebar ul.sidelink li a{background:#666 url(images/dark-corner.gif) no-repeat top right; border-left:1px solid #5A5E6B;border-bottom:1px solid #5A5E6B;}
#dark #sidebar ul.sidelink li a:hover{background: #999 url(images/dark-corner.gif) no-repeat top right;}
#dark .block{background:#111 url(images/dark-corner.gif) no-repeat top right;border-bottom:1px solid #333; border-left:1px solid #333;}
body#dark {background:#111 url(images/dark-body-bg.gif) top center repeat-y; color: #000;}
#dark #container{background:#EFEFEF;}
#dark #main{border-left: 15px solid #EFEFEF;}
#dark #sidebar{border-right: 15px solid #EFEFEF;}

#container{background:#fff;margin: 0 auto; padding: 15px 0 0; width:980px;}
#toplinks {width:300px; float:right;margin:0 15px 0 0;}
#toplinks p {text-align:right;}
#logo{color:#777;width: 950px; margin: 0; padding:10px 0 0 27px;}
#logo h1 a{color:#777;padding:0;}
#logo h1 a:hover{text-decoration:none;}
#logo p{color:#555;font-size:1.4em;}
#desc{background:#384491;clear:both;color:#eee;margin:0 0 15px;padding:15px 15px 2px 15px;}
#desc a{color:#eee;text-decoration:underline;}

#main{border-left: 15px solid #fff;float:left;padding:0; margin:0 0 10px; width:650px;}

#sidebar{border-right: 15px solid #fff; float:right;width:280px;margin:0 0 10px;}
#sidebar h2 {font-size:1.2em; padding:0 0 2px 0; margin:0 0 6px 0;border-bottom: 1px solid #ccc;}
#sidebar ul {margin:0 0 18px 0; padding:0;}
#sidebar ul li {display: block; list-style:none; margin:0 0 8px 0; padding:0;}

#footer{clear:both; color:#606060; margin: 0; text-align:left;}
#footer a{color:#007FFF;}
#footer p{background:#FEFEFE; margin:0; font-size:0.9em; font-weight:700; padding:15px;}

ul#navitab{margin:0;padding:0;}
ul#navitab li{display: inline; margin:0; padding:0;}
ul#navitab li a{background:url(images/corner.gif) no-repeat top right #eee;border-left:1px solid #ccc;border-right:2px solid #fff;color:#555;display:block; float: left; line-height:1.2em;padding:5px 16px 7px;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
ul#navitab li a:hover{background:#777 url(images/corner.gif) no-repeat top right;border-left:1px solid #aaa;color:#eee;}
ul#navitab li a.current{background:#555 url(images/corner.gif) no-repeat top right;border-left:1px solid #555;color:#eee;}

#sidebar ul.sidelink {margin:0 0 18px 0;}
#sidebar ul.sidelink li{display: inline; list-style:none; margin:0;}
#sidebar ul.sidelink li a{background:url(images/corner.gif) no-repeat top right #eee;border-bottom:1px solid #ccc; border-left:1px solid #ccc;color:#efefef;display:block;margin:0 0 3px;padding:3px 0 2px 5px;text-align:left;text-decoration:none;text-transform:uppercase;}
#sidebar ul.sidelink li a:hover{background:url(images/corner.gif) no-repeat top right #777;border-bottom:1px solid #333;border-left:1px solid #333;color:#eee;text-decoration:none;}
#sidebar ul.sidelink ul{font-size:0.9em;margin:0;padding:0;}
#sidebar ul.sidelink ul li a{margin:0 0 2px 10px; padding: 2px 0 1px 5px}

.splitleft {width:70%;float:left;}
.splitright {margin-left:30%;}

.right{text-align:right;}
.block{background:#eee url(images/corner.gif) no-repeat top right;padding:15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.hide{display:none;} 
