body 
{
	color: #000000;
	background: #ECEAE7 url(images/main-bg.jpg) repeat-x left top;
	margin: 0px;
	padding: 16px;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	 	
	font-size: 12px;
	line-height: 16px;
	text-align: center;/*start stupid ie/pc hack for centred div */
}
	
img
{
	border: 0;
	margin: 0px;
	padding: 0px;	
}
	
/****************************************************************
STRUCTURAL 
************************************/
/** Wrapper divs*/
.wrapper      
{
	border: solid 16px #ffffff;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	 	
	background-color: #ececec;
	margin: 0 auto;
	text-align: left;
	width: 672px;
	padding: 0;
}

.content
{
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff; 
	display:block;
	float:left;
	height: 100px;
	width:672px;
}

.top-panel
{
	height: 377px;	
	width: 672px;
	background-color: #ffffff;
	border-bottom: solid 8px #ffffff;
}

/**Divs to control left navigation bar*/
.nav
{
	width: 162px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

.logo
{
	width: 162px;
	height: 162px;
	margin: 0;
	padding: 0;
}


.navbase
{
	width: 162px;
	height: 300px;
	margin: 0;
	padding: 0;
	background-color: #ECECEC;
	float: left;
}

.clearer
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background-color: #ffffff;
}

.mainmenu
{
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 162px; /* Width of Menu Items */
}

.nav ul
{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	margin-bottom: 8px;
	list-style: none;
	width: 162px; /* Width of Menu Items */	
}

.nav ul li
{
	padding: 0;
	padding-top: 3px;
}

.nav ul li a
{
	display: block;
	height: 30px;
	width: 162px;
	color: #ffffff;
	background-color: #7694BB;
	text-decoration: none;
}

.nav ul li ul li a
{
	padding-top: 3px;
	width: 152px;
}

/**Divs to controls right content panel*/
.right
{
	margin: 0;
	padding: 0;
	width: 502px;
	height: 377px;
	background-color: #ececec;
	float: right;
}

.right_content
{
	margin: 0;
	padding: 0;
	width: 502px;
	float: right;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	border-left: solid 6px #ffffff;
}

.pagetop
{	
	height: 162px;
	background-color: #ffffff;
	float: right;
}

.pagetitle
{	
	height: 162px;
	background-color: #ffffff;
	float: left;
}

.pagetext
{	
	float: left;
	width: 276px;
	background-color: #ECECEC;
	margin: 0;
	padding: 0;
	padding: 28px;
	border-right: solid 8px #ffffff;	
	min-height: 400px;
}

.pagetextlarge
{	
	float: left;
	width: 446px;
	background-color: #ECECEC;
	padding: 28px;
}

.pagedetail
{	
	float: right;
	width: 162px;
	height: 400px;
	margin: 0;
	padding: 0;
	background-color: #ECECEC;
}

.pagedetailtext
{	
	float: right;
	width: 0px;
	background-color: #ECECEC;
	margin-left: 8px;
	padding: 16px;
		border: solid 1px #000;
}

/**Divs to control the bottom panel*/
.bottom
{
	
	width: 672px;
	float: left;
	height: 280px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

.feat-prod-left
{
	width: 332px;
	height: 280px;
	float: left;
	background-color: #d9e7f4; 
}

.feat-prod-left p
{
	padding-left: 36px; 
	padding-right: 36px;
}

.feat-prod-left a
{
	color: #3A4F8F;
	text-decoration: none;
}

.feat-prod-right
{
	width: 332px;
	height: 280px;
	float: right;
	background-color: #d9e7f4; 
}

.feat-prod-right p
{
	padding-left: 36px; 
	padding-right: 36px;
}

.feat-prod-right a
{
	color: #3A4F8F;
	text-decoration: none;
}

/**div to control the footer */
.footer
{
	margin: 0;
	padding: 0;
	border-top: solid 8px #ffffff;
	width: 672px;
	height: 80px;
	background: #3A4F8F url('images/footer_bg.gif') repeat-y bottom left;
	float: left;
}

.footer p 
{
	padding: 38px 0px 0px 20px;
	color: #ffffff;
}

.footer p a
{
	color: #ffffff;
}

.footer p a:hover
{
	color: #353535;
}

/****************************************************************
STYLING 
************************************/
.pagetext h3
{	
	color: #353535;
	font-size: 11px;
}

p, ol li
{
	color: #353535;
}

p.indent
{	
	margin-left: 28px;
}

p a
{
	color: #353535;
}

p a:hover
{
	color: #08366E;
}

.news
{
	color: #484848;
	background: #ECECEC url('images/news_bg.gif') repeat-y bottom left;
	overflow: auto;
}

.news h3{
	margin-bottom: 2px;
	padding: 0;
	padding-left: 8px;
	font-size: 11px;	
}

.news p
{
	padding-left: 8px;
	font-size: 11px;
}

.news .normal
{
	margin-left: 8px;
	margin-right: 8px;
	background-color: #F6F6F6;
	padding: 2px;
}

.news .alt
{
	margin-left: 8px;
	margin-right: 8px;
}

.footer, .footer a
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

.home a:hover , .privacy a:hover, .sitemap a:hover, .generator a:hover
{
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
}

.home, .sitemap, .privacy, .copyright, .generator
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	float: left;
	margin-top: 22px;
}

.generator
{
	float: right;
	margin-right: 8px;
}

input 
{
	background-color:#ffffff; 
	width: 200px; 
	height: 18px;  
	font-size: 10px; 
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	
	color: #2a2a2a; 
	border: 1px #363E37 solid;
	margin-bottom: 6px;
	margin-top: 2px;
}

input.submit
{
	background-color:#454545; 
	width: 80px; 
	height: 18px;  
	font-size: 10px; 
	font-weight: bold;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	 	
	color: #ffffff; 
	margin-bottom: 6px;
	margin-top: 2px;
}

textarea
{
	background-color:#ffffff;
	width: 200px;  
	font-size: 10px; 
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	 	
	color: black; 
	border: 1px #363E37 solid;
	margin-bottom: 6px;
	margin-top: 2px;
}

.right-wrap
{
	width: 502px;
	background-color: #ECECEC;
	float: right;	
	border: solid 1px #ffffff;
	border-left: solid 6px #ffffff;
}

.clouds
{
	width: 502px;
	height: 162px;
}

.body-base
{
	width: 500px;
	height: 500px;
}

.body-text
{
	width: 300px;
	border: solid 1px #000000;
	height: 300px;
	float: left;
}

.prod-showcase
{
	width: 150px;
	border: solid 1px #000000;
	float: right;
	height: 300px;
}

.left-text
{
	background-color: #ECECEC;
	margin: 0;
	padding: 0;
	padding: 28px;
}

object, embed
{
	float: right;
}

/** NEW STYLES*/
.body-copy
{
	padding: 28px;
}

td.general-content {
	margin: 0;
	padding: 0;
}

td.general-content h4 {
	font-size: 14px;
	line-height: 18px;
	padding: 18px 18px 0px 25px;
}

td.general-content p {
	font-size: 12px;
	line-height: 18px;
	padding: 10px 18px 0px 25px;
}

td.general-content p a {
	text-decoration: none;
	color: #2860ae;
}

td.general-content p a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #2860ae;
}

.right-stuff
{
	width: 502px;
	border-left: solid 8px #ffffff;
	float: right;
}

.right-stuff h1 
{
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #454545;
	padding: 0px 20px 20px 28px;
}


/**Support styles*/
.support-option
{
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif;
	float: left;
	padding-top: 8px;
}

.download-pdf
{	
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif;
	float: right;
	padding-top: 8px;
	padding-right: 26px;
}

.right-stuff ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.right-stuff ul li
{
	margin: 0;
	padding: 0;
	display: block;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	 	
	text-decoration: none;
	color: #4A4A4A;
	background: #ECECEC; /* IE6 Bug */
	padding: 2px;
	border: 1px solid #ffffff; /* IE6 Bug */
	border-bottom: 0;
	font: normal 11px Sans-Serif;
	border-top: 2px solid #ffffff;
	padding-left: 26px;
	height: 30px;
}

h3
{
	margin: 0;
	padding: 0;
	display: block;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	 	
	text-decoration: none;
	color: #4A4A4A;
	background: #C3C3C3; /* IE6 Bug */
	padding: 2px;
	border: 1px solid #ffffff; /* IE6 Bug */
	border-bottom: 0;
	font: normal 15px Sans-Serif;
	border-top: 2px solid #ffffff;
	padding-left: 26px;
	height: 24px;
	padding-top: 10px;
}

.right-stuff ul li:hover
{
	background-color: #DDDDDD;
}

.right-stuff ul li a
{
	color: #777777;
	font-weight: bold;
}

.right-stuff ul li a:hover
{
	color: #44525E;
	font-weight: bold;
}

.img-swap ul
{
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	
	margin: 0;
	padding: 0;
	border-bottom: solid 2px #ffffff;
}

.img-swap ul li
{
	margin: 0;
	padding: 0;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	
}

.img-swap ul li a
{
	height: 10px;
	padding: 8px;
	padding-left: 10px;
	padding-bottom: 12px;
	font-family: 'lucida grande', helvetica, arial, tahoma, verdana, geneva, sans-serif; 	
	display: block;
	text-decoration: none;
	text-align: center;
	background-color: #ECECEC;
}

.img-swap ul li a:hover
{
	background-color: #A7A7A7;
	color: #ffffff;
}

.img-swap ul li a:active
{
	background-color: #5693CC;
}