* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:67.5%;
	_background:url(../images/backnew.jpg) top no-repeat fixed;
	background-color: #000;
	background-image: url(../images/backnew.jpg);
	background-position: center center;
	background-attachment: fixed;
	margin-bottom: 3em;
}



.clear{
clear:both;
}
/*img, div { behavior: url(iepngfix.htc) }*/

#back{
	width:100%;
	height:100%;
	
	_z-index:110;
	z-index:0;
	left:0;
	bottom:0;
	position:fixed;
	background-attachment:fixed;
	background-image: url(../images/logo1.png);
	background-repeat: no-repeat;
	background-position: right top;

}

* html #back { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/  height:187px;}

#logo{
	position:absolute;
	float: right;
	right:0px; top:0px;
}

#container {
	position:relative;
	_position:static;
	top:0;
	z-index:2;
	padding: 0;

	z-index:1;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 4em;
	margin-left: auto;
}

#header{
	width:752px;
		_width:0px;
	position:relative;
	height:10px;
	margin-top: 2px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 20px;
}
h1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #B30059;
	color: #f04e6e;
	line-height: 33px;
}
h2{

border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
float:left;
font-size:16px;
line-height:19px;
margin-left:5px;
margin-right:5px;
margin-top:26px;
padding-bottom:10px;
padding-top:12px;
}


.catagory {
	position:relative;
	width: 575px;
	_width:575px;
	margin-left: 10px;
	margin-top:3px;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	background-image: url(../images/tab.png);
	text-indent: 12px;
	height:25px;
	padding-top:9px;
}
.catflap {
	position:relative;
	margin-index:12px;
	padding: 12px;
	width:573px;
	background-image: url(../images/blue_bkg.png);
	background-repeat: repeat;
	margin-left: 10px;
	margin-top:0px;
	border:1px solid #4C6BA9;
	border-top:none;
	
}

.png {height:310px;   background: url(../images/bgnew1.png) top left repeat-y; _width:226px; *margin-top:12px; clear:both;
	
	}
	
	*html .png{
	
background:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgnew1.png', sizingMethod='scale');


}

*html .catflap{
background:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/blue_bkg.png', sizingMethod='scale');
}

*html .catagory{
background:url(../images/tabie6.png) top;
}

#cattext{font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #fff;
	color:#fff;
	padding-bottom:1em;}
#leftcol{
	width: 620px;
	position:relative;
	background-image: url(../images/blue_bkg.png);
	background-repeat: repeat;
	background-position:top left;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	height:114px;
	margin:0 auto;
}

*html #leftcol{
background:url(../images/blue_bkgie6.png) top;
}



#leftcolcontent img{
position:relative;
float:left;
z-index:1000;

}
#leftcol p{
	color:#fff;
	font-weight:bold;
	margin:12px;
}

.text_span {
	color:#B3A7D1;
}

#whiteoverlay{
	width: 620px;
	min-height: 400px;
	background-image: url(../images/blue_bkg.png);
	background-repeat: repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	_padding-bottom:90px;
	_height: auto !important;
	_height:400px;
	_filter:alpha(opacity=50);
	margin:0 auto;
	margin-top:8px;
	*margin-top:20px;
}
*html #whiteoverlay{

background:url(../images/blue_bkgie6.png) top;
}

.document-content{

float:left;
z-index:100;
}
#sub{

height:37px;
padding:0px 0 10px 22px;
}

.options{
	width:573px;
	margin-bottom:0;
	position:relative;
	_margin-bottom:1px;
	background-position: left top;
}


.options strong{
	color:#B3A7D1;
	
	display:block;font-size: 130%;

}

div.optiontext{
	padding:0;
	float:left;
	width:465px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;	

}

div.optiontext p{
	color: #56171e;font-size: 110%;
	line-height: 140%;
}
div.optiontext a{

font-weight:bold;

}

.addicon{width:168px;
	height:25px;
float:right;
position:relative;


	background-image: url(../images/but2.png);
	background-repeat: no-repeat;
	background-position: left top;

	
}
.addicon label{
	width:100px;
	float:right;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;padding-top:5px; *padding-top:0px; _padding-top:0px;
}
.addicon a{
padding-left:6px;padding-top:5px;float:left;color: #FFFFFF;
}
.addicon a:hover{
color: #460b12;
}
.addicon input{width:25px;	
}
#but {
	float: left; position:relative; 
}

#but1 {
	left:0px; top:287px; _left:150px; _top:335px; position:absolute;  z-index:4000;
	
}



div.imagedrop{background:url(../images/dropshade.png) top no-repeat;
width:79px;
height:100px;
padding:4px 0 0 0;
margin:0px 0 0 0;
float:left;


}
*html div.imagedrop{
_position:relative;
background:0;
background:url(../images/dropshade.png) top no-repeat;
}
#downloadlink{
	display:block;
	text-align:right;
	_margin-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top:15px;
	margin-top:22px;
	width: 598px;
	margin-left:10px;
	_position:absolute;
	
}

#downloadlink .button{
	float:right;
}

img.flogo1 {float:right}
img.flogo2 {float:left; margin-left:15px;}

#logo_holder {
	float:left;
}

.logobox {width:620px; height:70px;  margin:0 auto;}