body{
	background-color: #000000;
	color:#000C7A;
	margin:0; 
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div, p, h1, h2, h3, h4, h5, ul, ol {padding:0px; margin:0px;}
ul{list-style-type:none;}
a, object{outline: none} /* stop dotted lines around links in firefox */


#container {
	margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) not being used*/
	width: 1006px;
	background: #000000;
	color: #ccc; /* for the w3c validator to stop hyperventilating */
}

#header{
	background:url(../images/header.jpg) 0 0 no-repeat #000000;
	width:1006px;
	height:125px;
	margin:0 auto;
	color: #ccc; /* needed to keep the css validator happy */
}


#middle_container{ /* used to colour in the background if the middle panel expands downwards  */
	background: url(../images/middle_extend.jpg) repeat-y; 
	width:1006px;
	margin:0 auto;
	color: #000; /* needed to keep the css validator happy */
}



/* note that min-height does not work in ie6 
but ie6 will expand a box bigger than the height specified
so ie6 ignores min-height, ignores the !important attribute, gets the height 510px attribute but expands if necessary
all other browsers get min-height and !important (so ignore height 510)
*/

#middle_image{
	background: url(../images/middle.jpg) no-repeat;
	width:1006px;
	min-height: 510px; height:auto !important; height: 510px;
	margin:0 auto;
	color: #000; /* needed to keep the css validator happy */
}

#middle_image_corp{
	background: url(../images/middlecorp.jpg) no-repeat;
	width:1006px;
	min-height: 510px; height:auto !important; height: 510px;
	margin:0 auto;
	color: #000; /* needed to keep the css validator happy */
}


/* we need main_content_wrap to avoid ie bug with top margin
 do not assign width and horizontal margin and padding attributes to the same CSS element.
 Also, do not assign height and vertical margin and padding attributes to the same CSS element. 
THis sets the space between the top of the panel and the first paragraph
sets space at the bottom so the text doesn't go right to the end of the panel
sets left and right margin as we don't want the text in the "exact" center of the panel*/



#main_content {
	margin: 0 auto 0 auto;
	width: 600px ;
	color:#000C7A;  /* main font colour  */
}

#main_content_wrap { 
	padding: 50px 25px 20px 90px ;
}

#main_content_wrap2 { 
	padding: 50px 0px 20px 90px ;
}

#main_content_wrap3 { 
	padding: 50px 0px 20px 60px ;
}

#main_content .text-block{
	width: 460px;
	padding: 1px 0 1px 0;
}

#main_content .text-block2{
	width: 500px;
	padding: 1px 0 1px 30px;
}

#main_content .text-block3{
	width: 460px;
	padding: 1px 0 1px 30px;
}


#main_content p {
	margin: 10px 0 0px 0 ;
	font-size:13px;
	font-weight:normal;
}

#main_content p.first {
	margin: 10px 0 0px 0 ;
	font-size:16px;
	font-weight:normal;
	line-height: 22px;
	word-spacing: 1px;
}

#main_content p.lesser {
	margin: 10px 0 0px 0 ;
	font-size:13px;
	font-weight:normal;
	line-height: 1.4;
}

#main_content p.lesser a{
	color:#000C7A;
}


#main_content h1 {
	margin: 20px 20px 30px 0 ;
	font-size:22px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}


#main_content h2{
	margin: 0;
	padding: 35px 0 1px 0;
	font-size: 14px;
	font-weight:bold;
}



#main_content h3{
	margin: 20px 0 0px 0 ;
	font-size: 13px;
	font-weight:bold;
}

#main_content h4{
	margin: 20px 0 20px 0 ;
	font-size: 13px;
	font-weight:bold;
}


#main_content .ul1 {
	font-size:14px;
	margin:10px 20px 20px 30px;
	list-style-image: url(../images/bullet_circle.gif); 
	line-height:18px;
	font-weight: normal;
}


#main_content .ul1 li {
	padding: 0 0 5px 5px;
}



#main_content .ul2 {
	font-size:13px;
	margin:10px 20px 20px 30px;
	line-height:15px;
	font-weight: normal;
}


#main_content .ul3 li {
	padding: 0 0 5px 0;
}


#main_content .ul3 {
	font-size:13px;
	margin:10px 20px 20px 20px;
	list-style-image: url(../images/bullet_circle.gif); 
	line-height:15px;
	font-weight: normal;
}


#main_content .ul2 li {
	padding: 0 0 5px 0;
}


#main_content .ol1 {
	font-size:13px;
	margin:10px 20px 10px 30px;
	line-height:15px;
	font-weight: normal;
}


#main_content .ol1 li {
	padding: 0 0 5px 0;
}


#main_content .ol2 {
	font-size:13px;
	margin:10px 20px 10px 30px;
	line-height:15px;
	font-weight: normal;
}


#main_content .ol2 li {
	padding: 0 0 9px 0;
}



#main_content img {
	float: right;
	margin: 0 0 30px 0;
}

#main_content .img-pad {
	margin-right: 15px;
}

#main_content .img-main {
	margin-right: 10px;
	border: 1px solid #77869D;
}


#main_content img.captions {
	width: 340px;
	height: 30px;
	margin: 0 0 25px 0;
}


/************* front page *********************/


/*************  testimonials  **************/



#main_content #testimonials {
	margin:0 auto 0 auto;
	padding:0px 10px 0 10px;
	min-height: 140px; height:auto !important; height: 140px;
	width: 420px;

}

#main_content #testimonials #quotes{
	font-family: Georgia, serif;
	color: #000C7A;
	font-size:15px;
	font-weight: normal;
	font-style: italic;
	width: 395px;
	line-height: 22px;  
	padding: 20px 7px 10px 18px;
	text-indent: 22px;
	background:url(../images/quotes.gif) 0 0 no-repeat #F6FBFF;

}

#main_content #testimonials #author{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	padding: 15px 0 0 0;
	text-indent: 0px;
}



/********************   news and testimonials boxes **************/


#main_content .news {
	margin:5px 0px 10px 0;
	padding: 3px;
	width: 450px;
	border: 1px solid #77869D;
	background: #ffffff;
}


#main_content .news p {
	margin:0 25px 0 25px;
	padding: 3px 0 20px 0 ;
	font-size:13px;
	font-weight:normal;
	line-height: 19px;
}

#main_content .news h5 {
	padding: 8px 0 10px 25px ;
	font-size: 18px;
	font-weight:bold;
	color: #fe0000;
}



#main_content .leftblock {
	float: left;
	margin:20px 0px 15px 0;
	padding: 1px 0 1px 0;
	width: 261px;
	background: #F6FBFF url(../images/newsbox.jpg) 0 0 no-repeat ;
	font-weight: normal;
	height: 261px;

}

#main_content .leftblock p {
	margin:10px 20px 0 20px;
	padding: 0;
	font-size:13px;
	font-weight:normal;
}


#main_content .rightblock {
	float: right;
	margin:20px 0 15px 0;
	padding: 1px 0 1px 0;
	width: 261px;
	background:url(../images/newsbox.jpg) 0 0 no-repeat #F6FBFF;
	font-weight: normal;
	height: 261px;
}


/***********  For booth page  **************/


#main_content .booth-img{
	float:right;
	margin:0 0 50px 30px;
	width:149px;
	height:206px;
	border: 1px solid #77869D;
}

#main_content .booth-left {
	float: left;
	margin:50px 0px 0px 0;
	width: 240px;

}

#main_content .booth-left p {
	margin:0 ;
	font-size:13px;
	font-weight:normal;
	text-align: center;
}

#main_content .booth-right {
	float: right;
	margin:50px 20px 0 0;
	width: 240px;
}

#main_content .booth-right p {
	margin:0 ;
	font-size:13px;
	font-weight:normal;
	text-align: center;
}

/**  needed to stop the underlining of the javascript popup a href #  **/
#main_content .booth-right a {
	zoom: normal;
}

#main_content .booth-left a {
	zoom: normal;
}

#main_content .booth2-img{
	width:220px;
	height:253px;
	border: 1px solid #77869D; 
	margin: 0 0 10px 0;
}
/****************  for corporate page  ***********************/

/******** this block here no longer needed after updates in May  */

#main_content .corp-right-img{
	float:right;
	margin:10px 0 50px 20px;
	width: 128px; 
	height:370px; 
}


#main_content .corp-left-img{
	float:left;
	margin:25px 10px 20px 20px;
	width: 250px;
	height: 316px;
}
/*********************   *****************/


#main_content .corp-topright-img{
	float:right;
	margin:20px 0 50px 30px;
	width: 128px; 
	height:370px; 
}

#main_content .corp-right-img2{
	margin:0 0 10px 0;
	width: 250px; 
	height:316px; 
	padding: 3px;
	border: 1px solid #77869D;
}

#main_content .corp-left-img2{
	margin:0 0 10px 0;
	width: 250px;
	height: 316px;
	padding: 3px;
	border: 1px solid #77869D;
}



#main_content .corp-left {
	float: left;
	margin:10px 0px 20px 0;
	width: 258px;

}

#main_content .corp-left p {
	margin:0 ;
	font-size:13px;
	font-weight:normal;
	text-align: center;
}

#main_content .corp-right {
	float: right;
	margin:10px 0 20px 0;
	width: 258px;
}

#main_content .corp-right p {
	margin:0 ;
	font-size:13px;
	font-weight:normal;
	text-align: center;
}




#main_content .left-col{
	float:left;
	width: 220px;
	padding-top: 25px;
}

#main_content .right-col{
	float:right;
	width: 250px;
	padding-top: 30px;
}


#main_content .main-list{
	margin-left: 20px;
}

/** needed to stop underline in ie  **/
#main_content .right-col a {
	zoom: normal;
}


#main_content .left-contact{
	float:left;
	width: 70px;
	padding-top: 25px;
}

#main_content .right-contact{
	float:left;
	width: 250px;
	padding-top: 25px;
}

#main_content a{
	zoom: 1;  /* needed to force ie to display bottom border  causes probs with photos on booth page*/
	color:#000C7A; 
	text-decoration: none;
	font-weight:normal;
	border-bottom: 1px solid #C2C8FE;  
}

#main_content a:hover, #main_content p.lesser a:hover{
	color:#FE0000;  
	text-decoration: none;
	font-weight:normal;
}

#main_content #faq h4 {
	font-size: 13px;
	font-weight: bold;
	margin:20px 0 5px 0;
}

#main_content #faq p {
	margin: 0 0 0 20px;	
	font-size: 13px;
}


#main_content #links h3 {
	font-size: 13px;
	font-weight: bold;
	margin:25px 0 15px 0;
}

#main_content #links h4 {
	font-size: 13px;
	font-weight: bold;
	margin:15px 0 2px 20px;
	color: #2331BB;
}


#main_content #links h5 {
	font-size: 13px;
	font-weight: bold;
	margin:0 0 2px 20px;
	color: #2331BB;
}

#main_content #links p {
	margin: 0 0 0 20px;	
	font-size: 13px;
}

#main_content #links p.tag {
	margin: 6px 0 0 30px;	
	font-size: 11px;
}

#main_content #links .link-box{
	margin:15px 0 0 0;
}

#main_content #links .link-left{
	position:relative;
	float:left;
	margin: 0 10px 0 0;
}


#main_content #links .link-right {
	position:relative;
	float:left;

}




#altFlash{
	float: right;
	margin: 0 50px 0 0;
}


#footer-container{
	width:1006px;
	margin:0 auto;
}

#footer{
	background: #000000 url(../images/footer.jpg) no-repeat;
	width:1006px;
	margin:0 auto;
	height: 30px;
	color: #FFF; /* needed to keep the css validator happy */
}

#legals{
	background-color: #000000;
	margin:0 auto;
	color: #4B97C3;
	font-size: 11px;
	width: 700px;
	min-height: 40px; height:auto !important; height: 40px;
}

#legals .left {
	text-align:center;
	width:350px;
	float: left;
}

#legals .right {
	text-align:right;
	float: right;
	width: 200px;
}


#legals a{
	color: #4B97C3;
	font-size: 11px;
}

#legals a:hover{
	color: #FFFFFF;
}

.clearme {
	clear: both;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}