/*
      Created by Keith Donegan of Code-Sucks.com
  
*/

* { padding: 0; margin: 0; }

#titlebar {
	height:24px;
	background-image:url(images/titlebar.gif);
	color: #272726;
	
}

#titlepad {
	padding-top:5px;
	padding-left:26px;
	font-weight:bold;
	color: #272726;
	 text-align:center;
}


body  {background-image:url(images/body_bg.jpg);
background-repeat: repeat-x;
/*background-color:#b5b3b3;*/

font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
 font-size: 13px;
background-color:#050d55;
}

#img {
     display:block;
     margin:auto;
}


.img {
     display:block;
     margin:auto;
}


#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#header {
 width: 800px;
 color: #000099;
 padding: 0px 0px 0px 0px;
 position: relative;
 margin: 0px 0px 0px 0px;
  background: #2f3eac;
  z-index: 10000;
}

#content { 
position: relative;
top: 0px;
left: 0px;
width: 800px;
height: auto;
float: left;

color: #ffffff;
 background: #2f3eac;
 margin: 0px 0px 0px 0px;
 padding: 0px;

}
#footer { 
 width: 800px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align:center;
 color: #ffffff;
  font-size: 11px;
}

#mainpad {
	padding:7px;
}

#mainpad1 {
	padding:7px;
}

#h2col {
	background-color:#1c2c9c;
	border:1px solid white;
}

#ltext { font-size:15px;
font-weight:bold;
}

.ltext { font-size:15px;
font-weight:bold;
}


.clear {
clear:both;
height:1px;
overflow:hidden;
}

p, h1, h2, h3 {
	margin: 10px 15px;
}

.pclose{
	margin: 10px;
}

.pclose1{
	margin: 10px;
	background-color:#5567e5;
}

hr {
  color: #CCCCCC;
  size:1px;
}

#highlight {
	color:#ffcc00;
	font-weight:bold;
}

#subtitle {
	margin: 10px 15px;
	color:#ffcc00;
	font-weight:bold;
}

.subtitle {
	color:#ffcc00;
	font-weight:bold;
	font-size:14px;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #ffffff;
}
ul span, ol span {
	color: #ffffff; 
}

  A:link { text-decoration: none;color:#ffcc00}
  A:visited { text-decoration: none;color:#ffcc00}
  A:hover {color:#ffffff;}  
  A:active { text-decoration: none;color:#ffcc00}  
  
  A.feat:link { text-decoration: none;color:#333333;font-weight:bold;}
  A.feat:visited { text-decoration: none;color:#333333;font-weight:bold;}
  A.feat:hover {text-decoration: none;color:#333333;}  
  A.feat:active { text-decoration: none;color:#333333;font-weight:bold;}   

#code {
  margin: auto;
  color:#e0e0e0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  	font-family: verdana,Arial, Helvetica, sans-serif;
  /* white-space: pre; */
  background: #505fcd;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #FFCC00; 
  width:700px;
  margin-top:15px;
 
  
}
#blueboxl {
	margin:3px 3px 3px 3px;
	text-align:left;
	padding:3px;
	background-color:#1529bc;
	border:1px solid white;
	float:left;
	width:380px;
}

#blueboxr {
	margin:3px 3px 3px 3px;
	text-align:left;
	padding:3px;
	background-color:#1529bc;
	border:1px solid white;
	float:right;
	width:380px;
}

/* images */
img.pic{
	border: 1px solid #DADADA;
	padding: 5px;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}


/* form elements */
form {
	margin:13px; padding: 0;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

option	
	{padding: 2px;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

textarea {
	width:450px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

.formsmall {
	margin:1px; padding: 0;
}

/* start - table */
#tablea {
	border-collapse: collapse;
	margin: 10px;
	background-color:#ffffff;	
}

#tableb {
	border-collapse: collapse;
	margin: 10px;
	background-color:#66ccff;	
}

#tablec {
	border-collapse: collapse;
	margin: 10px;
	background-color:#ffedd2;	
}

#tha {
	background: #ffc500;
	height: 25px;
	padding-left: 12px;
	padding-right: 12px;
	color: #333333;
	text-align: center;

	border: 1px solid #ffffff;
}
#tra {
	height: 30px;
	background: #5567e5;
	border: 1px solid #ffffff;
}
#tda {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border: 1px solid #ffffff;
	color:#ffffff;
	background-color:#5567e5;
	text-align:left;
}

.tda {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border: 1px solid #ffffff;
	color:#ffffff;
	background-color:#5567e5;
	text-align:left;
}

.tha {
	background: #ffc500;
	height: 25px;
	padding-left: 12px;
	padding-right: 12px;
	color: #333333;
	text-align: center;

	border: 1px solid #ffffff;
}

.tablea {
	border-collapse: collapse;
	margin: 10px;
	background-color:#ffffff;	
}

.tra {
	height: 30px;
	background: #5567e5;
	border: 1px solid #ffffff;
}


/* end - table */

hr {color:#FFFFFF;
size:1;
}

.listhead {
background-color:#ffcc00;
color:#000000
}

.alrow {
background-color:#5567e5;
color:#FFFFFF
}

.alrow1 {
background-color:#2f3eac;
}

#titlebar {
	height:24px;
	background-image:url(images/titlebar.gif);
	color: #272726;
	
}

#titlepad {
	padding-top:5px;
	padding-left:26px;
	font-weight:bold;
	color: #272726;
	 text-align:center;
}

#more.jsenabled {
	position: absolute;
	float:left;
	top: autopx;
	left:100px;
	right:100px;
	width:800px;
display:none;
	margin-top: -100px;

}
#more {
	
	height:auto;
	border: solid 1px #999999;
	margin: 0 auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	text-align:left;
	
	width: 745px;
}

#more p {
	font-weight:normal; 
	size:8px;
}

#more h2 {
	font-size:14px;
	font-weight:bold;
}


<!--Nav CSS-->


.menu-holder {position: relative; top: 0px; left: 0px; width: 800px; height: 28px; float: none; margin: 0px auto; font-size: 11px; font-family: Trebuchet MS, Tahoma; color: #ffcc33; background-color: #333399;}
/* hack to correct IE5.5 faulty box model */
* html .menu-holder {width:800px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu-holder ul {padding: 0px; margin: 0; list-style-type: none;}
.menu-holder ul ul {width: 225px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-holder li {float: left; position: relative; text-align: center;}
/* style the links for the top level */
.menu-holder a, .menu-holder a:visited {display: block; font-size: 11px; font-weight: bold; text-decoration: none; color: #ffcc33; height: 28px; line-height: 27px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu-holder a, * html .menu-holder a:visited {}

.menu-holder ul a:hover {background: #272774; text-decoration:underline;}

/* style the second level background */
.menu-holder ul ul a.drop, .menu-holder ul ul a.drop:visited {background: #f1eeee;}
/* style the second level hover */
.menu-holder ul ul a.drop:hover{background: #272774;}
.menu-holder ul ul :hover > a.drop {background: #272774;}
/* style the third level background */
.menu-holder ul ul ul li{background: #272774;}
.menu-holder ul ul ul a, .menu-holder ul ul ul a:visited {background: #272774;}
/* style the third level hover */
.menu-holder ul ul ul a:hover {background: #272774;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-holder ul ul {visibility: hidden; position: absolute; height: 0; top: 28px; left: 0; width: 149px;}
/* another hack for IE5.5 */
* html .menu-holder ul ul {top: 28px; t\op: 28px;}

/* position the third level flyout menu */
.menu-holder ul ul ul{left: 160px; _left: 160px; top: 0px; width: 155px;}

/* position the third level flyout menu for a left flyout */
.menu-holder ul ul ul.left {left: -100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu-holder table {position:absolute; top:0; left:0; border-collapse: collapse;}

.menu-holder ul ul li{background: #272774; text-align: left;}

/* style the second level links */
.menu-holder ul ul a, .menu-holder ul ul a:visited {background: Transparent; font-family: Trebuchet MS, Tahoma; color: #ffcc33; height: 21px; font-weight: bold; line-height: 21px; padding-left: 5px; width: 155px;}
/* yet another hack for IE5.5 */
* html .menu-holder ul ul a, * html .menu-holder ul ul a:visited {width: 155px; w\idth: 155px;}

/* style the top level hover */
.menu-holder a:hover{color: #ffffff; background: Transparent;}
.menu-holder ul ul a:hover{color: #ffffff; background: #272774;}
.menu-holder :hover > a {color: #ffffff; background: Transparent;}
.menu-holder ul ul :hover > a {color: #ffffff; background: #272774;}

/* make the second level visible when hover on first level list OR link */
.menu-holder ul li:hover ul,
.menu-holder ul a:hover ul{visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu-holder ul :hover ul ul{visibility: hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu-holder ul :hover ul :hover ul{ visibility: visible;}