/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html,body  {
	font-size: 12px; font-family: "Microsoft Sans Serif";
	background: url(css/bg06_024.gif);
	margin: 0; padding: 0; text-align: center; color: #5100CA;
}

h1 { font-size: 100%;color: #6633FF;padding: 0px; margin: 0px;font-family: "MS Sans Serif";font-weight:bold;}

a:link {text-decoration: none; color: #0066FF; font-family: "MS Sans Serif";font-weight:bold;}
a:visited {text-decoration: none;color: #7737FB; font-family: "MS Sans Serif";font-weight:bold;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

p {margin-left: 0px;margin-right: 5px;margin-top: 3px;}

#container { background-color:#FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: auto;
	width:985px;
} 
/* HEADER CONTENT  ----------------------------------------------------------------*/
#header {width: 100%;margin: 0 auto;padding: 10px 0px 0 0px;}

/* Header > Logo */
#top { 	height: 90px;}
#logo {float: left;}
#topbanner {	float: right;}
#title {height: 40px;}
#tab {width: 100%;height: 50px;background: url(css/attnav_bluegrad.gif) repeat-x center top;}
.tab {width: 100%;height: 50px;background: url(css/attnav_bluegrad.gif) repeat-x center top;}
.float100 {float:left; text-align:center; width: 100px; margin: 5px;}
.float100 a {font-family:Tahoma, Geneva, sans-serif; font-size:10px;}
/* HEADER Menu  ----------------------------------------------------------------*/

/* BODY CONTENT  ----------------------------------------------------------------*/
#mid {	width: 100%; padding: 0px; height: auto;}
#mainContent {float: left;
	
	width:655px;
	background-color:#F8F8FF;
	margin: 0 5px;
	padding: 0;
} 
#mainContentA {	float:right; width:815px; margin: 0 5px 0 0px;padding: 0em;}  
#topmain {width: 100%; background-color:#854AFF;}
#gContent {width:97%; text-align:center; padding:10px;}
#textcenter {text-align:center; color:#0494FF;}
#endmid {height:18px;border-bottom:thin;background-color: #ECEFFE;}
/* Ads CONTENT  ----------------------------------------------------------------*/
#bannerA {height:60px; width:450px; background-color:#33FFFF; float:right;}
#bannerB {text-align:left; margin-top: 10px; height:auto;width:100%;}
#linkA {height:15px; width:100%; margin: 5px 0 5px 0;}
#linkB { height:90px;width:160px;background-color:#F8F8FF;margin: 10px 0px;}
#bar {margin: 0; height:600px;}
#centr {width: 100%;}
.centr {width: 100%;}
#tabgray {width: 100%;height: 18px;text-align: center;	background: url(css/bg_c.jpg) repeat-x center top;}
.tabgray {width: 100%;height: 18px;text-align: center;	background: url(css/bg_c.jpg) repeat-x center top;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
/* Sidebar CONTENT  ----------------------------------------------------------------*/
#sidebar {height: 100%;float:left;width: 160px;background: url(css/Bg_Blue.jpg) repeat-x center top;padding: 15px 0;}
#sidebar1 {height: 100%;float:left;width: 160px;background: url(css/Bg_Blue.jpg) repeat-x center top;padding: 15px 0;}
#sidebar2 {float:right;width: 160px;background: url(css/Bg_Blue.jpg) repeat-x center top;padding: 15px 0;}
#gam{width:auto;height:auto;}
#gam p{ margin: 0px;;}
#desc_right {height:90px;}
#ins {background: url(/css/bg_blue14.jpg) repeat-x center top;width:96%;padding: 15px;}
#ins p {text-align:left; margin: 5px;}
#colA {float: right;width: 48%; height: 280px; text-align:left;padding: 5px; margin: 0px;}

#colB {	float: left; width: 336px;height: 280px;padding: 5px;}
#desc {width: 100%;height: 30px;text-align: left;background: url(css/bg_grey.jpg) repeat-x center top;}
#left {float: left;width: 200px;margin: 0 2px;padding: 10px 5px 5px 5px;
	background-image: url(css/subnav_blue.gif);background-repeat: repeat-x;background-position: center top;
	text-align: center;}
.c1{width:310px; float:left; margin:5px; background:#f2f3f7;}
.c1 p {margin: 2px 0;}
.desc{float:right;width:180px; height:90px;margin-left:3px; padding-left:3px;}
.left {float: left;width: 200px;margin: 0 2px;padding: 10px 5px 5px 5px;background-image: url(css/subnav_blue.gif);
	background-repeat: repeat-x;background-position: center top;text-align: center;}
.left p {margin: 0 0 5px 0 ;}
/* Manu Left  ----------------------------------------------------------------*/
#button {width: 160px;}
#button ul {list-style: circle;margin: 0 0 0 5px;padding: 0px;border: none;}
 #button li {border-bottom: 1px solid #90bade;margin: 0 0 0 0px;list-style: none;list-style-image: none;}
#button li a {display: block;	border-left: 0px solid #9966FF;	border-right: 0px solid #9966FF;
	background-color: transparent;	color: #0066FF;text-decoration: none;	width: 100%;}
  html>body #button li a {width: auto;}
  #button li a:hover {background-color: #9999FF;color: #fff;}
  #button li #active {background-color: #2586d7;color: #fff;}

ul.list {margin: 0;padding: 0;list-style-type: none;white-space: nowrap; }
ul.list li {float: left;font-family: "Microsoft Sans Serif";font-size: 12px;width:195px;font-weight: normal;
	margin: 0;padding: 1px 0 1px 0;background-color: #FFFFFF;border-top: 1px solid #e0ede9;	border-bottom: 1px solid #e0ede9;}
.list a, #navlist a:link {margin: 0;padding: 1px 0 1px 0;color: #0000FF;
        border-right: 0px dashed #d1e3db;text-decoration: none;}

ul.list li#active {color: #95bbae;background-color: #deebe5;}
.list a:hover { text-decoration: underline;}
/* Text  ----------------------------------------------------------------*/
.normaltext_bold {font-family: "MS Sans Serif";font-size: 12px;color: #854AFF;font-weight: bold;text-decoration: none}
.texttable{ font-family: "Arial"; font-size: 12px;color: #FFFFFF;font-weight: bold; text-decoration: none}
.headertext { font-family: "Tahoma";	font-size: 12px;	text-decoration: none;	font-weight: bold;	color: #6666CC;}

/* Footer */
.footertext {font-family: "Microsoft Sans Serif";font-size: 12px;font-weight: normal;text-decoration: none;	color: #9966FF;}
#footer {width: 100%;clear: both;height: 150px;padding: 0px 0px 0 0px;	color: #9966FF;}
#footer p {margin: 0;text-align: center;	line-height: normal;	font-size: x-small;}
#footer a {text-decoration: underline;color: #FFFFFF;}
#footer a:hover {text-decoration: none;}
#form {height:40px;	background-color:#F8F8FF;}