body {text-align:center; margin:0px; padding:0px; background: url("../Images/siteBackground.png") repeat-y center;
	font-family:verdana, arial, sans-serif; font-size:12px; color:#3E3E3E;}

a { color:#6E6E6E; text-decoration:none;}
a:hover { color:#9E9E9E; text-decoration:underline;}

a img { border:none;}

a, a img { outline:none;}

.clear { display:block;height:0px;clear:both;}

.SiteCenter {text-align:left; width:1000px; margin:0px auto; background-color: #164A8D;}

.hr {margin:5px auto; padding:0; width: 974px; height: 14px; background: url("../Images/separator.png");}
.hr hr {display:none;} /*unfortunately there is no way to hide borders on hr elements in IE, so we resort to wrapping the tag in a div*/

.WhiteBox {background: url("../Images/WhiteBox/whiteBoxRepeat.png") repeat-y; width:1000px;}
.WhiteBoxContent {background: url("../Images/WhiteBox/whiteBoxBottom.png") bottom no-repeat; padding:10px 35px 25px 35px; width:930px;}
.WhiteBoxContent h1 {margin:5px 0px 8px 0px;font-size:14px;}

.BlueBox {background: url("../Images/BlueBox/blueBoxRepeat.png") repeat-y; width:1000px;}
.BlueBoxTopTitle {background: url("../Images/BlueBox/blueBoxTopTitle.png") no-repeat; height:97px; padding-top:23px; width:1000px;
					text-align:center; line-height:23px; position:absolute; z-index:500;}
.BlueBoxContent {background: url("../Images/BlueBox/blueBoxBottomPrelude.png") bottom no-repeat; padding:60px 35px 5px 35px; width: 930px; z-index:600;position:relative;color:#D0D0D0;}
.BlueBoxDownload {background: url("../Images/BlueBox/blueBoxDownload.png") no-repeat; height:34px; padding-top:10px;
					text-align:center; line-height:17px; font-weight:bold; font-size:12px; z-index:600;position:relative;}

.Yellow h1 { color:#E9DC11; font-size:14px; font-weight:bold; display:inline;}
.Yellow a { color:#E9DC11;}

.Orange h1 { color:#FF7800; font-size:14px; font-weight:bold; display:inline;}
.Orange a { color:#FF7800;}

.BlueBox .BlueBoxContent .Media {background: url("../Images/FeatureBox/halfBlack.png") repeat; width:480px; float:left; padding:5px; margin:0px 10px 5px 0px;}

.BlueBox .BlueBoxContent ul { margin: 5px 0px; padding-left:0px; width:420px; float:left;}
.BlueBox .BlueBoxContent ul li { list-style:none; padding-left:10px;}
.BlueBox .BlueBoxContent ul li:before { content: "\00BB \0020";}

.BlueBox .BlueBoxContent .Media .Feature {width:258px; height:195px;margin:0px 8px 0px 0px; float:left;}
.BlueBox .BlueBoxContent .Media .Support {width:208px; float:left;}

.BlueBox .BlueBoxContent .Media .Support .hr {background: url("../Images/FeatureBox/Yellow_Arrows.png") center no-repeat; width:208px; height:9px;}
.Yellow .BlueBoxContent .Media .Support img,
.Yellow .BlueBoxContent .Media .Feature {border: 3px #E9DC11 solid;}

.Orange .BlueBoxContent .Media .Support img,
.Orange .BlueBoxContent .Media .Feature {border: 3px #FF7800 solid;}
.Orange .BlueBoxContent .Media .Support .hr {background: url("../Images/FeatureBox/Orange_Arrows.png") center no-repeat; width:208px; height:9px;}