/*  generated by csscreator.com
________________________________________COLOURS_____
Masthead colour #008596
Quote colour #8676386
4 Boxes in order of Brightness
#469B9C
#73B3B4
#9FCBCC
#CCE3E4
_____________________________________________________ */

html, body{ 
 /* background: #ffffff url("../images/BG_page.jpg") repeat-x center top; */
 margin-top: 0em; 
 font-family: Arial, sans-serif;
 font-size: 12px;
 padding:0; 
 text-align:center; 
 background-color:#E1E1E1; 
 color:#181b2d;
} 
a {text-decoration:none;color:#09F;}
a:hover {text-decoration:underline;}

div#wrapper {background: #ffffff url("../images/BG_page.jpg") repeat-y center top;}
*+html div#wrapper {height:100%;background:#FFF;}

.box_heading {
   font-family:"Century Gothic", Arial, Helvetica, sans-serif;
   margin-bottom:15px;
}

.box_heading h1{
	font-size:16px;
	font-weight:700;
	color:#005BBB; /*#008596*/
	line-height:1.20em;
	margin:0;
	margin-bottom:15px;
}

.box_content p{
   margin:0;
}

.box_content ul{
   margin-top:0;
}

.Sitalic{
	font-size:13px; 
	color:#666; 
	font-style: italic;
	margin:0;
}

h1, .tH1 {
  font-size: 21px;
  line-height: 26px;
  color: #181b2d;
  font-weight:bold;
  /*#0000A0;*/
}

.bold{
	font-weight:700;
}

h2, .tH2 {
  font-size: 16px;
  margin-top: 1em;
  margin-bottom: 0.6em;
  color: #CC0000;
  color:#181b2d;
}

.tH2 {
	font-weight:700;
}

h3 {
  font-size: 12px;
  line-height:1.5em;
}

h4 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0px;
  color: rgb(0,150,214);
  /*color: #005BBB;*/
}

h5 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  color: red;
}



td {
 font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0px;
}

p {
  font-family: Arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0.2em;
  /*line-height:130%;*/
  line-height:130%;
}


#guts p {
  font-family:  Arial,verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  /*line-height: 1.5em;*/
  line-height: 1.5em;
}

#guts .scripttitle{
  font-size: 1.8em;
  line-height: 26px;
  letter-spacing: -1px;
  width:100%;

/*
 margin-top:1em; 
 margin-bottom:1em; 
 font-family: FreelanceAllegro, cursive, serif;
 font-size: 4.0em;
*/
}

.box_content ul li {

  list-style-image:url("/images/li_bg.gif");

  padding-left: 1.4em;
  line-height:130%;
}

#guts ul, #guts ol {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: normal;
}


#guts ul li {
  letter-spacing: 0px;
  list-style-image:url("/images/li_bg.gif");
  margin-top: 0.3em;
  margin-left: 3em;
  padding-left: 1.4em;
  line-height:130%;
}

#guts ol li {
  letter-spacing: 0px;
  margin-top: 0.8em;
  margin-left: 3em;
  padding-left: 1.4em;
  line-height:130%;
}


#guts ol ul li {
  font-size: 0.9em;
  /*line-height: 1.2em;*/
  margin-left: 1.4em;
  margin-top: 0.8em;
}

 
#pagewidth{ 
 width:962px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background: #ffffff;
 -moz-box-shadow: 0 0 5px #AAA;-webkit-box-shadow: 0 0 5px #AAA; box-shadow: 0 0 5px #AAA;
} 

#header{
 position:relative; 
 height:100px; 
 background-color:#FFFFFF; 
 background-image:url("../images/2012/header1.gif");
 width:100%;
} 

/*------------added by CL------------*/
.box_content {
	width:325px;
}

.form {
	background-color:#FFFFFF;
	border:2px solid #CCC;
	font:Arial, Helvetica, sans-serif;
	
}

.form tr {
	background-color:#F5F5F5;
	font-family:Arial, Helvetica, sans-serif;
	}

	
.table_title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CC0000;
}

.pdf {
	position:relative;
	height:20px;
	width:400px;
	padding-left:25px;
	background-image:url(../images/pdficon_small.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/*.client_logo {
	border:1px solid #CCE3E4; 
	width:204px; 
	height:114px; 
	padding:3px; 
	float:left; 
	margin:0px 10px 10px 0px;
	}
.client_logo_Double {
	border:1px solid #CCE3E4; 
	width:425px; 
	height:114px; 
	padding:3px; 
	float:left; 
	margin:0px 10px 10px 0px;
	}*/

.client_logo {
	border:1px solid #CCE3E4; 
	width:150px; 
	height:84px; 
	padding:3px; 
	float:left; 
	margin:0px 5px -5px 0px;
    text-align: center;
    display: inline-block; vertical-align: middle;
	}
.client_logo_Double {
	border:1px solid #CCE3E4; 
	width:313px; 
	height:84px; 
	padding:3px; 
	float:left; 
	margin:0px 5px -5px 0px;
    text-align:center;
    display: inline-block; vertical-align: middle;
	}
.img_topMar10 {
	margin-top:10px;
	}
.img_topMar15 {
	margin-top:15px;
	}
.img_topMar20 {
	margin-top:20px;
	}
.img_topMar30 {
	margin-top:30px;
	}
.img_topMar35 {
	margin-top:35px;
	}

.table_colour {
	background-color:#E4E4E4;
	width:690px;
	}

.heading_colour {
	background-color:#999999;
	color:#ffffff;
}

td {
	vertical-align:top;
	padding:5px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	}
tr {
	background-color:#ffffff;
}

.row_colour {
	background-color:#f0f0f0;
	}

/*___________________________NEW NAVIGATION________________________________*/



.divider {
	width:100%;
	font-size:0px;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:8px;
	}

a.nav_txt {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	width:179px;
	height:25px;
	display:block;
	background-image:url(../images/2012/nav.gif);
	background-repeat:no-repeat;
	position:relative;
	width:179px;
	height:25px;
	padding:5px 0px 0px 10px;
	color:#181b2d;
}

a.nav_txt:hover {
	background-image:url(../images/2012/nav_over.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	}

	a.nav_pink_txt {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	width:179px;
	height:25px;
	display:block;
	background-image:url(../images/2012/nav.gif);
	background-repeat:no-repeat;
	position:relative;
	width:179px;
	height:25px;
	padding:5px 0px 0px 10px;
}

a.nav_pink_txt:hover {
	background-image:url(../images/2012/nav_over.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	}
	
.navigation {
	position:relative;
	/*left:12px;
	top:10px;*/
	padding-top:10px;
	padding-left:12px;
	padding:10px;
}

.nav_title {
	position:relative;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	font-style:italic;
    color: #CC0000;
	margin-left:5px;
	}


/*___________________________________________________________________________*/


/*                       			   LEFT COLUMN
---------------------------------------------------------------*/ 
#leftcol{
 width:210px; 
 height:480px;
 height:auto;
 float:left; 
 position:relative;
 background-color:#F2F4F8; 
 margin-bottom:10px;
 }

/*                       			   MAIN COLUMN
---------------------------------------------------------------*/ 


#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:750px; 
/* border-right: 1px solid #008596;
 border-left: 1px solid #008596; */
 }
 
#guts{
 margin-top: 1em;
 margin-right: 2em;
 margin-bottom: 3em;
 margin-left: 2em;
/* border-right: 1px solid #008596; */
/* border-left: 1px solid #008596; */

 }

#quote{
position:relative;
top:0px;
right:0px;
 /*float:right;*/
 font-family:Georgia, "Times New Roman", Times, serif;
 width:auto; 
 font-size: 18px;
 font-style : italic;
 text-align: right;
 color: #999999;
/* border-right: 1px solid #008596;
 border-left: 1px solid #008596;
 margin-left: 4em; */
 }
 
 #quote p {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:12px;
 margin-top: .5em;
 font-style : normal;
 font-weight: bold;
 text-align: right;  
 color:#666666;
/* color: #FF0000; */
 }


img {
  border: 0;
}


img.img-closequote {
  vertical-align: bottom;
}

img.img-right {
  float:right;
  margin-left: 10px;
}

/*  login -----------------------------------------------------*/
#login {
  padding: 15px;
/*  font-family: Arial, Helvetica, sans-serif; */
  font-size: 1.0em;
  font-weight: bold;
  line-height: 18px;
}
#login img {
  margin-bottom: 0.2em;
  float:right; 
}

#login form {
  margin-top: 0.2em;
}

#login .f_field {
  width: 160px;
}

 
#footer{
 height:75px; 
/*  background-color:#FFFFFF;  */
 clear:both;
 } 
 
 
 div.footerbg {background:#3c3c3c;}
 .footer_text {color:#CCC;}
  a.footer_text {color:#CCC; font-size:11px !important;}
 a.footer_text:hover {color:#FFF;text-decoration:underline !important;}
 
 
 div.someclass {margin-top:20px !important;}
 .guts_about {min-height:570px;}
 
 /*  HACKS
 
 
 
---------------------------------------------------------------*/
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/*2014*/
table {border-collapse:separate;border-spacing:0;}
div.address_group {padding:10px;border:1px solid #CCC;width:300px;margin-bottom:10px;line-height:120%;}

div.contact_button {position:absolute;right:20px;top:20px;z-index:555;}
div.contact_button a {
font-family:'century gothic',arial, san-serif;
font-size:18px;color:#F5F5F5;
padding:10px 20px;
background:#005BBB;
text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:block;
}

div.contact_button a:hover {background:#181b2d ;color:#BBB;text-decoration:underline;}
/*div.contact_button a:hover {background:RGB(13, 22, 51);color:#BBB;}*/


div.registration_button {
    position:absolute;
}

div.registration_button a {
font-family:'century gothic';
font-size:12pt;color:#F5F5F5;
padding:10px 20px;
background:rgb(0,126,212);
text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 7px;
display:block;
}

div.explanatory_text_padding {
    padding-top: 50px;
}

div.explanatory_text div {
    font-family: 'Verdana';
    font-size: 8pt;
    color: #000000;
}

div.grid      { width: 900px; }
div.grid div  { float: left; height: 244px; }
/*div.grid div  { float: left; height: 265px; }*/
div.col200    { width: 184px; }
div.grey      { background-color: #cccccc; }
div.red       { background-color: #e14e32; }
div.clear     { clear: both; }

div.gridX      { width: 900px; }
div.gridX div  { float: left; height: 320px; }
div.col200X    { width: 184px; }

div.gridY      { width: 900px; }
div.gridY div  { float: left; height: 260px; }
div.col200Y    { width: 184px; }

.request-left { height:120px; width:250px; float:left; padding-left: 40px;}
.request-right { height:120px; width:260px; float:right; padding-right: 20px;}
.row { width:100%; float:left; }
.row .label { font-size:16px; float:left; min-width:60px; font-weight:bold; color: rgb(0,150,214); margin-bottom:0.6em;   }
.row .value{ height:24px; float:left;font-size:12px;padding: 0px 4px;margin-top:3px; }
.row .label-right {width: 128px; font-size:16px; float:left; min-width:60px; font-weight:bold; color: rgb(0,150,214); margin-bottom:0.6em;   }
/*font-weight:700;*/
.mar-top-27 { margin-top:27px; }

.request-div-left1{float: left; height: 50px; padding-right: 35px;}
.request-div-left2{float: left; height: 75px; padding-right: 20px;}
.request-div-left3{float: left; height: 60px; padding-right: 35px;}