body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}

img { border: none; vertical-align: top;}

/*
------------------------------------
TOP STRIP
------------------------------------
*/

div.topBar {
	width: 98%;
	margin-left: 1%;
	
	background-repeat: repeat-x;
	height: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom:15px;
	
}

div.topBar img {
	border:0;
}



/*
------------------------------------
LEFT NAVIGATION STRIP
------------------------------------
*/

div.leftNav {
	width:20%;
	float: left;
	height: 100%;
}

div.leftNav ul {
	margin-left: 0;
	padding-left: 0;
}

div.leftNav li {
	margin-left: 0;
	list-style: none;
	margin-top: 2px;
	
}

div.leftNav li a {
	margin-left: 5%; 
	margin-right:5%;
	text-decoration:none;
	color: #FFFFFF;
	background-color: #0000CC;	
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #6F7650;
	border-bottom: 1px solid #6F7650;
	padding: 5px 5% 5px 5%;
	display: block;
	width: 80%;
	font: 0.8em Verdana, Arial, Helvetica;
		
}

div.leftNav li a:hover {
	background-color: #000066;
	color: #FFFFFF;
	border-top: 1px solid #FF0000;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;	
}

div.leftNav li a.selected {
	margin-left: 5%; 
	margin-right:5%;
	text-decoration:none;
	background-color: #000066;
	color: #FFFFFF;		
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #6F7650;
	border-bottom: 1px solid #6F7650;
	padding: 5px 5% 5px 5%;
	display: block;
	width: 80%;
	font: 0.8em Verdana, Arial, Helvetica;
}

div.leftNav li a.visited {
	
	text-decoration:none;
	background-color: #0000CC;
	color: #FFFFFF;		
	
}
div.leftNav img {
	border:0;
}



/*
-----------------------------------------
MAIN AREA
-----------------------------------------
*/

div.mainArea {
	float: left;
	width: 55%;
	padding: 1%;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-top: 1px solid #000066;
	color:#333333;
	background-color:#FFFFFF;
	font: 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

div.mainArea a {
	color:#000080;
	font-weight: bold;
}

div.mainArea h1 {
	font-size: 1.4em;
	color: #000066;	
}

div.mainArea h2 {
	font-size: 1.25em;
	color: #000066;	
	border-bottom: 1px solid #828A5E;	
}

div.mainArea h3 {
	font-size:  1.1em;
	color:  #008000;	
}

div.mainArea h4 {
	font-size:  0.9em;
	color:  #008000;	
}


div.mainArea img.right {
	padding: 5px;
	border: 1px solid #EEEEEE;
	margin: 2px;
	float: right;
}

div.mainArea img.left {
	padding: 5px;
	border: 1px solid #EEEEEE;
	margin: 2px;
	float: left;
}



div.mainArea .caption {
	color:#CC6600;
	font-size: 1.1em;
	width:175px;
	padding-right: 8px;
	padding-bottom: 1px;
	float:left;
}

	
	#mainleft {
		width:33%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
		
	#maincenter {
		width:34%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
		
	#mainright {
		width:33%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
/*
------------------------------------
RIGHT STRIP
------------------------------------
*/


div.rightStrip {
	width:20%;
	float: left;
	margin-left: 10px;
}

div.rightStrip a {
	color: #4D5236;

}

div.rightStrip a:hover {
	color: #232518;
}

div.rightStrip ul {
	margin: 0 0 0;
	margin-left: 15px;
	padding: 0px;
}

div.rightStrip ul li{
	margin-top: 7px;
	margin-bottom: 8px;
}

div.rightStrip h1 {
	background-color: #000066;
	font-family:Verdana, Arial, Helvetica;
	color:#FFFFFF;
	font: bold 0.8em Verdana;
	padding: 4px;
	margin-bottom: 0px;
}

div.boxOut {
	border: 1px solid #000066;
	padding: 4px;
	font: 0.8em Verdana, Arial, Helvetica;
	color: #CCCCFF;
	background-color: #FFFFFF;
	
}

div.boxOutWhite {
	border: 1px solid #000066;
	padding: 4px;
	font: 0.8em Verdana, Arial, Helvetica;
	color: #CCCCFF;
	background-color: #FFFFFF;
}

div.boxOutSmall {
	background:#000066; border: 1px solid #000066;
	text-align:center;	
	font: 0.7em Verdana, Arial, Helvetica;
	color:#FFFFFF;
	padding: 4px;
}
/*
------------------------------------
BOTTOM STRIP
------------------------------------
*/

div.footBar {
	
	margin-left:5%; 
	margin-right:5%;
	
	
	
	background:#000066; border:#333 1px solid;
	text-align:center;	
	font: 0.7em Verdana, Arial, Helvetica;
	color:#FFFFFF;
	padding: 4px;
	
}

div.FootBar img {
	border:0;
}

#cellcontainer {

float: left;
left:5px;
width:315px;
background:#fff;
border:1px solid #000066;
padding: 2px;
	}

.cell1 {

float: left;
left:1%;
width:60%;
top:10px;
background:#fff;
	}

.cell2 {
float: left;
left:61%;
width:39%;
top:10px;
background:#fff;
	}

.cell3 {
float: left;
left:5px;
width:130px;
background:#fff;
text-align: right;
padding: 2px;
	}

.cell4 {
float: left;
left:130px;
width:150px;
background:#fff;
padding: 2px;
	}
.cell5 {
float: left;
left:1%;
width:100%;
background:#fff;
padding: 4px;
	}
.cell6 {
float: left;
width:100%;
background:#fff;
padding: 1px;
	}
/*
------------------------------------
MAIN POPUP AREA
------------------------------------
*/

div.popupArea {
	float: left;
	left: 1%;
	width: 98%;
	padding: 1%;
	color:#333333;
	background-color:#FFFFFF;
	font: 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
div.popupArea a {
	color:#000080;
	font-weight: bold;
}

div.popupArea h1 {
	font-size: 1.4em;
	color: #000066;	
}

div.popupArea h2 {
	font-size: 1.25em;
	color: #000066;	
	border-bottom: 1px solid #828A5E;	
}

div.popupArea h3 {
	font-size:  1.1em;
	color:  #008000;	
}

div.popupArea h4 {
	font-size:  0.9em;
	color:  #008000;	
}


/*
------------------------------------
TABLE TYPE CONTAINER
------------------------------------
*/



#container {
	width: 50%;
	display: inline-table;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #CCCCCC;
	padding: 4px;
	background-color:#FFFFFF;
	
}

/*
------------------------------------
TABLE TYPE DATA
------------------------------------
*/

#breadcrumbs {
	display: table-row;
	color: #6699FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0 0 8px 8px;
}

/*
------------------------------------
GENERAL STYLING
------------------------------------
*/

<style>
@charset "iso-8859-1";


p {color: black; font-family: verdana, arial; font-size: 12px; }	


			
td			{
	color:#333333;
	background-color:#FFFFFF;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	
}
.red		{color: #FF0000; font-size: 10px; font-family: verdana, arial; }
.red1		{color: #FF0000; font-size: 18px; font-family: verdana, arial; }
.checkbox 	{height: 15px; width: 15px;}
.textbox	{background:#ffffff;  color:#000000; font-size:10px; border:#ffffff 1px solid; text-align:right; width: 30px;}
.textbox1	{background:#ffffff;  color:#000000; font-size:10px; border:#ffffff 1px solid; text-align:left; }
.input		{ color:#000000; font-size:  12px; font-family:  arial; height: 20px;}
.input1		{ color:#FFFFFF; font-size:  12px; font-family:  arial; height: 20px; background: #FF0000;}
option		{ color: #000000; font-size: 10px; font-family: verdana, arial;}
select		{ color: #000000; font-size: 10px; font-family: verdana, arial;}
textarea	{ color: #000000; font-size: 10px; font-family: verdana, arial;}
.button		{background:#000080;  font-weight:bold; color:#ffffff; font-size:10px; border:#FFFFFF 1px solid; height:22px; width:18px }
.button1		{background:#000080;  font-weight:bold; color:#ffffff; font-size:10px; border:#FF0000 1px solid; height:22px; }
.searchbutton	{background:#DA530C; font-weight:bold; color:#ffffff; font-size:10px; border:#B24500 1px solid;}
.searchbutton2	{background:#DA530C;  color:#ffffff; font-size:12px; border:#B24500 1px solid; text-align:right; width: 50px;}
.diffinput	{background:#DA530C; font-weight:bold; color:#ffffff; font-size:10px; border:#000000 1px solid;}
a:active 	{ color:#000080;text-decoration:none }
a:visited 	{ color:#000080;text-decoration:none }
a:hover 	{ color:#000080;text-decoration:underline }
a:link 		{ color:#000080;text-decoration:none }

.headline	{ color:#000080; font-family:verdana, arial;font-weight:bold; font-size: 22px }
.pageheading	{ color:#000000; font-family:verdana, arial;font-weight:bold; font-size: 12px }
.productname	{ background:#DA530C; color:#ffffff; font-size:10px; border:#333 1px solid;}
.promotion1	{ color:#000080; font-family:verdana, arial;font-weight:bold; font-size: 16px;}
.tablehead	{
	background:#FFFFC0;
	color:#000000;
	font-size:10px;
	border:#000000 1px solid;
	font-weight: bold;
}
.boldwhite	{ color:#FFFFFF; font-family:verdana, arial;font-weight:bold; font-size: 10px }
.boldred	{ color:#FF0000; font-family:verdana, arial;font-weight:bold; font-size: 10px }
.text		{ color:#C00000; font-family:verdana, arial; font-size: 10px }
.text1		{ color:#000000; font-weight:normal; font-family:verdana, arial; font-size: 12px }
.text2		{ color:#C00000; font-weight:bold; font-family:verdana, arial; font-size: 12px }
.price		{ background:#DA530C; font-weight:bold; color:#ffffff; font-size:12px; border:#333 1px solid; height:22px}
.link		{ color:#DA530C; font-family:verdana, arial; font-size: 10px }
#link2 a:link, #link2 a:visited,#link2 a:active  { font-weight:bold; text-decoration: none; font-family:verdana, arial; font-size: 10px; color : #eee }
#link2 a:hover { font-weight:bold; text-decoration: underline; font-family:verdana, arial; font-size: 10px; color:#fff }

#menulink a:link, #menulink a:visited,#menulink a:active  {text-decoration: none; font-family:verdana, arial; color : #DA530C }
#menulink a:hover {text-decoration: underline; font-family:verdana, arial; color:#DA530C }

.boxoutline		{ background:#000000 }
.background		{ background: url("../images/cydataservers.png"); background-repeat: no-repeat;
  background-position: center;}
.menubackground		{ background:#fff}
.menuitem		{ font-size:10px;font-family:verdana, arial;font-weight:bold;}
.submenubackground	{ background:#ffffff }
.submenuitem		{ font-size:10px;font-family:verdana, arial;}
.submenuPopout		{ font-size: 7pt; font-family: verdana, arial;position:absolute;left:-5000px;background:#ffffff}
.navbackground		{ background:#99CCCC }
.navitem		{ font-size:10px;font-family:verdana, arial;font-weight:bold; font-size: 10px }
.raquo			{ background:#DA530C; color:#ffffff;font-family:verdana, arial;font-weight:bold; font-size: 10px; border:#333 1px solid; height:18px }

.topbg 		{background:#DA530C; font-weight:bold; color:#ffffff; font-size:10px; border:#333 1px solid; height:18px}
.boxbg 		{background:#DA530C; font-weight:bold; color:#ffffff; font-size:10px; border:#333 solid; border-width:1px 1px 0px 1px; height:28px}
.rightbg 	 { color: #000; font-size: 10px; background-color: #DA530C; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #333 }
.total 		{background:#ffffff; font-weight:bold; color:#000000; font-size:10px; border:#333 1px solid}
.titlebg	{background:#2E83B7}
.bg1		{background:#2E83B7 url(images/bg_1.gif)}
.head		{background:#2E83B7; border:#2E83B7 1px solid}
.foot		{background:#DA530C; border:#333 1px solid}
.redfooter	{background: #0000C0; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 9px; border: #333 1px solid; height: 22px;	padding-top: 10px; }
.whitefooter { color: #ffffff; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px }
</style>