/* CSS Document */

/* ----- Layout Structure -- Sections Defined ------------------------ */

body {
		text-align:center;
		color:#ffffff;
		background-color:#000000; 
		background-image:url(images/XenonGTS-bgdk.jpg); 
		background-repeat:repeat;
		margin:0px;
		padding:0px;
}

form {
		margin:0;
}

a {
		text-decoration:none;
}

#wrap {
	text-align:left;
	background-color:#000000;
	border:#999999 solid 2px;
	width:760px;
	margin:5px auto;
}

* html #wrap { /* Make IE do it right */
		width:766px;
}

#header {
		width:100%;
		height:92px;
		background-color:#FFFFFF;
		background-image:url(images/headerBG_02.jpg);
		text-align:right;
}


#menuBar {
		text-align:center;
		width:100%;
		height:26px;
		background-color:#000000;
		background-image:url(images/menuBarBG.gif);
		background-repeat:repeat-x;
}

/* Everything between the Header and Footer Divs */

#container {
		background:#000000; 
}

/* Top Section of Page */

#containerTop {
		background:#000000;
		height:280px;  
}


#containerTopL {
		float:left; 
		width:558px;
}

.contentTopL {
		float:left;
		width:140px;
		padding-top:65px;
		padding-left:20px;
		text-align:left;
		background-color:#000000;
}

.contentTopM {	
		float:left;
		margin-left:10px;
		width:370px;
		padding:10px 0 0 0;
		text-align:center;
}


#containerTopR {
		float:right; 
		width:200px;
		margin-top:2px;
}

		
/* Top Right Sidebar Menu Container */

#menuTopR {
		height:155px;
		background-color:#000000;
		border-top:2px solid #999999;
		border-left:2px solid #999999;		
		padding:10px 0px 5px 10px;
}

* html #menuTopR { /* Make IE size it right */
		height:265px;
		padding:10px 0px 10px 10px;
		voice-family:"\"}\"";
  		voice-family:inherit;
		padding:10px 0px 0px 10px;
}


.start {

		margin:10px 0px 0px 25px;
		padding:10px 0 0px 25px;
		voice-family:"\"}\"";
  		voice-family:inherit;
		margin:0px;
}

#pic { 
		height:1%;
		text-align:center;
		border-left:2px solid #999999;
}

#pic a,
#pic a:visited {
		text-decoration:none;
}

#pic a:hover,
#pic a:visited:hover {
		text-decoration:none;
}



#menuTopR .form1{

		font: 0.85em Arial, sans-serif;
		font-weight: bold;
		color:#666;
		border-width:0px;
		padding:14px 0px 0px 25px;
		line-height:5px;
}


#menuTopR .font1{
		font:0.86em Arial, sans-serif;
		color:#ffffff;
		background-color:#006699;
		width:125px;
}

#menuTopR .font2{
		font:0.60em Arial, sans-serif;
		color:#ffffff;
		background-color:#006699;
		text-align:center;
}


/* Middle Section of Page */

#containerMid {
		height:144px;
		background-color:#CCCCCC;
		border:3px solid #ffffff;  
}

/* Container holding triple images */

#containerMidL {
		float:left; 
		width:555px;
		padding-left:2px;
		text-align:center;
}

* html #containerMidL { /* Make IE size it right */
		width:557px;
}

.contentMidLPic {
		float:left;
		width:180px;
		height:135px;
		margin-top:4px;
		margin-right:2px;
		margin-left:2px;
		text-align:center;
		background-color:#000000;
		border-bottom:1px solid #000000;
}

.contentMidLPicTop {
		width:100%;
		height:22px;
		background-color:#333333;
		background-image:url(images/imageTop.gif);
		border-top:2px solid #000000;
}

/*This holds the color blend section*/

#containerMidR {
		float:right;
		width:195px;
		height:144px;
		background-color:#D7172B;
		background-image:url(images/redPnlBG.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		border-left:1px solid #cccccc;
}


/* Bottom Section of Page */

#containerBtm {
		background:#ffffff;
		height:170px; 
		border-right:1px solid #FFFFFF;
		border-bottom:2px solid #FFFFFF; 
}

#containerBtmL {
		float:left; 
		width:555px;
		padding-left:2px;
}

* html #containerBtmL { /* Make IE size it right */
		width:560px;
		padding-left:0px;
}

.containerBtmLText {
		float:left;
		width:178px;
		margin-top:-5px;
		margin-right:2px;
		margin-left:5px;
		text-align:left;
		border-bottom:1px solid #cccccc;
}

* html .containerBtmLText { /* Make IE size it right */
		margin-top:10px;
		margin-left:3px;
}

#containerBtmR {
		float:right; 
		width:197px;
		height:160px;
		padding-top:8px;
		border-left:2px solid #fff;
		background-color:#eeeeee;
}

* html #containerBtmR { /* Make IE size it right */
		height:168px;
		padding-top:7px;
}


/* End ------------- Content Area */

#footer {

		height:54px;
		background-color:#000000;
		background-image:url(images/footerBG.gif);
		border-top: 1px solid #666666;
}

#footerL { 
		float:left;
		width:100px;
		padding-top:7px;
		text-align:right;
		clear:both;
}

#footerC { 
		margin:0px auto;
		width:590px;
		padding-top:18px;
		margin-left:105px;
		text-align:center;
}

#footerR { 
		float:right;
		width:55px;
		margin-top:-36px;
		text-align:left;
}


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

/* ----- Typography Defined ------------------------ */

#menuBar ul{
		margin:0px;
		padding:0px;
}

#menuBar li{
		color:#FFFFFF;
		margin:0px;
		padding:1px 9px 0px 9px;
		font-family:Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		font-size:0.75em;
		font-weight:bold;
		list-style-type:none;
		display:inline;
		line-height:24px;
}

#menuBar a,
#menuBar a:visited{
		text-decoration:none;
		color:#FFFFFF;
		padding: 1px 2px;
}

#menuBar a:hover,
#menuBar a:visited:hover {
		color:#FFFFFF;
		background-color:#CC0000;
		padding: 1px 2px 4px 2px;
}


#menuTopR ul {
		margin:0px;
		padding:0px;
}

#menuTopR li {
		color:#66CCFF;
		margin:0px 10px 0px 0px;
		padding:8px 10px 8px 20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.75em;
		font-weight:bold;
		list-style-type:none;
		line-height:16px;
		border-bottom: 1px solid #666666;
}


#menuTopR li a,
#menuTopR li a:visited{
		text-decoration:none;
		color:#66CCFF;
		padding: 2px 6px;
}

#menuTopR li a:hover,
#menuTopR li a:visited:hover {
		color:#FFFFFF;
		background-color:#006699;
		padding: 2px 6px 4px 6px;
}


.containerBtmLText H4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.72em;
		color:#0066ff;
}



.containerBtmLText H6 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.65em;
		color:#CC0033;
		margin-top:-15px;
}

.containerBtmLText p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:.70em;
		color:#666666;
		margin-top:-10px;
		padding-bottom:5px;
}

* html .containerBtmLText p { /* Make IE place it right */
		padding-bottom:10px;
}

#containerBtmL a,
#containerBtmL a:visited{
		text-decoration:none;
		color:#006699;
}

#containerBtmL a:hover,
#containerBtmL a:visited:hover {
		color:#CC0033;
}

#containerBtmR ul{
		margin:0px;
		padding:0px;
}

#containerBtmR li{
		color:#CC0033;
		margin:0px 10px 0px 30px;
		padding:10px 0px 8px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.65em;
		font-weight: bold;
		list-style-type:circle;
		line-height:12px;

}

#containerBtmR a,
#containerBtmR a:visited{
		text-decoration:none;
		color:#CC0033;
		padding: 2px 6px;
}

#containerBtmR a:hover,
#containerBtmR a:visited:hover {
		color:#006699;
		padding: 2px 6px 4px 6px;
}

#containerMidL {
		text-align:center;
		color:#FF0033;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:0.80em;
		font-weight:900;
		font-variant:small-caps;
}

* html 	#containerMidL { /* Make IE size it correctly */
		font-size:0.75em;
}

#containerMidL a,
#containerMidL a:visited{
		text-decoration:none;
		color:#FF0033;
}

#containerMidL a:hover,
#containerMidL a:visited:hover {
		color:#66CCFF;
}

#footerC { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.55em;
		color:#FFFFFF;
		line-height:normal;
}

#footerC a,
#footerC a:visited{
		text-decoration:none;
		color:#66ccff;
}

#footerC a:hover,
#footerC a:visited:hover {
		color:#ffffff;
		background-color:#FF0033;
}

/* Special Features & Browser Hacks */