ol,ul, li, div, h1 {margin: 0; padding: 0;}
img {border: none}
hr {border: 1px dotted #aa2200;}
a {color: #ff0000; text-decoration: none; outline: none;}
a:hover {color: #fff; text-decoration: underline;}
body {background-color : #000; margin: 0; padding: 0; font: 13px/15px 'arial'; color: #fff;}
input,select {border: 1px solid #666; font: 13px/16px arial; color: #fff; background-color: #222;}
html {
scrollbar-base-color: #333;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-face-color: #505050;
}

.filter1 {width: 600px; height: 600px; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, invert=1, mask=0, maskcolor=ff0000, opacity=1) }
.filter2 {width: 480px; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0, invert=1, mask=0, opacity=1) }

#wrapper {width: 1000px; margin: 0 auto; background-color: #000; overflow: hidden; border: 1px #ccc none;}
#logo {width: 1000px; height: 50px; background: url(images/rmenubk.jpg) repeat-x bottom #B44242;}
#logo h1 {color: #fff; font-size: 18pt; line-height: 30pt; font-weight: normal; margin-left: 20px; margin-top: 0px;}

#topleft {float: left; width: 210px; height: 300px; background: url(images/logo.jpg) no-repeat;}

#head {width: 590px; height: 300px; float: left;}

#menu {float: left; position: relative; padding-left: 25px; padding-top: 25px; width: 175px; height: 275px; background: url(images/rmenu.jpg) no-repeat;}
#menu ul li {width: 150px; float: left; list-style-type: none; border-bottom: 1px none #fff;}
#menu ul li a {height: 20px; font: normal 13px/20px 'trebuchet ms'; font-weight: bold; color: #fff; display: block; text-decoration: none; cursor: pointer; background: url('images/butt.gif') no-repeat;}
#menu ul li a:hover {border-left: 2px solid #ff0000; background-color: transparent;}
#menu ul li a:active {border: 1px solid #ccc; background-color: transparent;}
#menu ul li a.current {border: 1px dotted #ff0000; background-color: transparent;}

#leftside {float: left; width: 315px; padding: 20px 20px 20px 5px;}
#leftside h1 {color: #aa2200; font-size: 12pt; font-weight: bold; padding: 0;}

#maincont {float: left; margin-left: -1px; width: 435px; padding: 20px 20px 20px 20px; color: #eee; border-left: 1px dotted #aa2200; border-right: 1px dotted #aa2200;}
#maincont h1 {color: #aa2200; font-size: 12pt; font-weight: bold; padding: 0;}

#mainwide {float: left; width: 960px; padding: 0px 20px 20px 20px; color: #eee;}
#mainwide h1 {color: #aa2200; font-size: 12pt; font-weight: bold; padding: 0;}

#rightside {float: left; margin-left: 0px; width: 140px; padding: 20px 10px 20px 10px; color: #eee; font-size: 8pt;}
#rightside h1 {color: #eee; font-size: 12pt; font-weight: bold;}

#footer {float: left; font-size: 11px; width: 980px; height: 36px; background: url(images/rmenubk.jpg) repeat-x bottom #B44242; color: #fff; padding-left: 10px; padding-right: 10px; padding-top: 3px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}

#astrotime {display: none;}
.box {padding: 8px; background-color: #000; font: 11px/13px Arial; color: #fff; border: 1px dotted #ccc;}
#topic {float: left; width: 100%; height: 30px; overflow: hidden; color: #fff; font: bold 18px/27px 'trebuchet ms'; padding-left: 20px; margin-bottom: 15px; background: url(images/topicbk.jpg) repeat-x bottom;}
.small {font-size: 8pt; color: #999;}

.pricetable {width: 100%; table-layout: fixed; border: 1px solid #ddd; border-collapse: collapse; font-size: 9pt;}
.pricetable td {text-align: right; padding-right: 5px;}

.tablesf   {color: #eee; font-size: 12px; border: 1px solid #ccc; border-collapse: collapse; border-width: 1px; }
.tablesf td {
 padding-left: 5px;
}
.tablesf th {
 border-color: #c0c0c0;
 padding-left: 5px;
}

/* Constellation Tutorials*/
.bm, .mm, .em {font: 10pt/15px arial;color: #ccc; text-decoration: none; float: left; height: 26px; cursor: default;}
.bm {background: url(img/bm.png) no-repeat; width: 53px; padding-top: 15px; padding-left: 57px;}
.bm:hover {color: #FF8E15; background: url(img/bm-hover.png) no-repeat; text-decoration: none;}
.mm {background: url(img/mm.png) no-repeat; width: 65px; text-align: center; padding-top: 15px}
.mm:hover {color: #FF8E15;background: url(img/mm-hover.png) no-repeat;text-decoration: none;}
.em {background: url(img/em.png) no-repeat; width: 94px; padding-top: 15px; padding-left: 15px;}
.em:hover {color: #FF8E15; background: url(img/em-hover.png) no-repeat; text-decoration: none;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail {position: relative; z-index: 0; color: #ff0000;}
.thumbnail:hover {background-color: #000; z-index: 0;}
.thumbnail span {position: absolute; z-index: 50; background-color: #000; padding: 0px; left: -1000px; border: 1px solid #fff; visibility: hidden; color: white;}
.thumbnail span img {margin-bottom: 0px; margin-right: 0px;}
.thumbnail:hover span {visibility: visible; /*  top: -70; left: 50px; */}


div.demolayout {width: 500px;}
ul.demolayout {list-style-type: none; width: 500px; margin-left: 0px; float: left;}
ul.demolayout li {margin: 0 2px 0 0; float: left;}
ul.demolayout a {float: left;display: block; padding: 4px 8px; border: 1px solid #666; border-bottom: 1px; color: #fff; background: #333; text-decoration: none; font-weight: bold;}
ul.demolayout a:hover {background: #666;}
ul.demolayout a.active {background: #555; padding-bottom: 4px; cursor: default;color: orange;}
.tabs-container {clear: left; margin-top: -1px; margin-left: 0px; height:200px; border: 1px solid #666; border-top: 1px; padding: 5px 5px 5px 5px; overflow: hidden;}

/* ================================== Toggle Menu ======================================= */
.mainmenu  {
	 width:100%;
	 height:20px;
	 text-align:left;
	 font-weight: bold;
	 font-size:13px;
	 color:white;
}

.mainmenu a	{color:#fff; text-decoration:none}
.mainmenu a:hover	{border-left: 2px solid #ff0000;}
	 
.submenu {
	 margin-left:15px;
	 width:80%;
	 height:20px;
	 text-align:left;
	 font-size:13px;
}

.submenu a	{color:#fff; text-decoration:none}
.submenu a:hover	{border-left: 2px solid #ff0000; padding-left: 5px;}


/* ================================== Other  ======================================= */


.widget {border: 1px solid #fff; border-collapse: collapse; font-size: 8pt; font-family: arial; color: #fff;}
.widget td {border: 1px solid #fff; border-collapse: collapse; text-align: center;}
.widget th {border: 1px solid #fff; border-collapse: collapse;}
.widhead {border-bottom: 1px solid #888; width: 100%; height: 20px; line-height: 20px; background: url(images/thbg.gif) repeat-x;}