@import url(rte.css);

.centerText 
{ 
	margin: 				auto 20px;	
	padding-bottom:				30px; 
}

.centerText h3 
{ 
	margin: 				auto 0px; 
}

html
{
	height:						101%;
	
	background-color:			#C1C1C1;
	background-image:			url(../images/background.gif);
	background-repeat:			repeat-x;
	background-attachment: 			fixed;
}

body
{
	position:					relative;
	
	width:						900px;
	min-height:					100%;
	
	background-color:			white;
	
	font-size:					12px;
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	
	margin:						0 auto;
}

/* Only seen by IE6 */
* html body #content {
	height:						550px;
}

h1
{
	float:						left;
	
	margin:						0;
}

h2
{
	font-size:					18px;
	
	margin:						10px 10px;
}

h3
{
	color:						#2B56A5;
	
	font-size:					14px;
	
	margin:						0 12px;
}

div.main_box h3
{
	font-size:					12px;
	
	margin:						0;	
}

p.bodytext
{
	font-size:					12px;
	
	padding:					0.3em;
	margin:						5px 10px;
}

strong
{
	color:						#2B56A5;
}

ul#mainmenu h3, div.box h3, div.column h3
{
	color:						#2B56A5;
	
	font-size:					12px;
	
	margin:						0;
}

ul#mainmenu p.bodytext, div.box p.bodytext, div.column p.bodytext
{
	font-size:					10px;
	
	margin:						5px 0;
}

a
{
	color:						#2B56A5;
}

table
{
	width:						875px;
	
	margin:						0 12px;
}

.csc-linkToTop
{
	margin-left:					14px;
}

th
{
	width: 						130px;
	height:						30px;
	
	color:						white;
	background-color:			#2B56A5;
	
	font-size:					12px;
	text-transform:				uppercase;
	text-align:					left;
	
	padding:					5px;
}

td
{
	padding:					5px;
	
	background-color:			#DDDDDD;
}

fieldset
{
	width:						420px;
	
	padding:					10px;
	margin:						10px;
}

#mailform
{
	width:						440px;
	
	margin:						auto;
}

label
{
	display:					block;
	float:						left;
	clear:						both;
	
	width: 						200px;
	
	color:						white;
	background-color:			#2B56A5;
	
	font-size:					10px;
	text-transform:				uppercase;
	
	padding:					3px 3px 4px 3px;
	border-right:				2px solid white;
	border-bottom:				2px solid white;
}

input
{	
	display:					block;
	
	font-size:					10px;
	
	margin-left:				250px;
}

div.csc-mailform-field
{
	background-color:			#DDDDDD;
	
	margin:						2px;
}

ul#mainmenu
{
	height:						40px;
	
	padding:					40px 0px 0px 10px;;
	margin:						0;
}

ul#mainmenu li
{
	display:					inline;
}

ul#mainmenu a
{
	color:						#999999;
	
	font-weight:				bold;
	font-size:					10px;
	text-decoration:			none;
}

ul#mainmenu a:hover
{
	color:						#2B56A5;
}

div#header
{	
	position:					relative;
	
	height:						200px;
	
	background-color:			#2B56A5;
	background-image:			url(../images/header.jpg);
	
	padding:					10px;
}

div#header *
{
	color:						white;
	
	font-size:					24px;
	text-align:					right;
	
	padding:					0;
	margin:						0;
}

div#header_text
{
	position:					absolute;
	   right:					10px;
	  bottom:					10px;
}

div.main_box
{
	clear:						both;
	overflow:					hidden;
	
	background-color:			#E7E7E7;
	background-image:			url(../images/main_box.gif);
	background-repeat:			repeat-x;
	
	border:						2px solid #2B56A5;
	border-top:					none; /* IE7 bug fix */
	margin:						15px;
	
	padding-top:				0;
}

div.main_box h3
{
	height:						15px;
	
	color:						white;
	
	background-image:			url(../images/gradient_blue.gif);
	
	border-top:					2px solid #2B56A5; /* IE7 bug fix */
	border-bottom:				2px solid #2B56A5;
	padding:					5px;
}

div.main_box ul
{
	float:						left;
	display:					inline; /* IE6 float double margin bug fix */
	
	list-style-position:		inside;	/* Required for IE 6&7 bullets to show */
	
	font-size:					12px;
	
	padding:					0;
	margin:						10px auto auto 145px;
}

div.main_box p
{
	text-align:					center;
}

div.box, div.column
{
	float:						left;
	
	width:						148px;
	
	margin-left:				10px;
}

div.box
{
	height:						148px;
	
	background-image:			url(../images/box.gif);
	background-repeat:			no-repeat;
	
	padding:					10px;
}

div.column
{
	width: 						158px;
	
	padding:					5px;
}

div.column img
{
	float:						left;
	
	margin-top:					10px;
}

div.column p
{
	margin-top:					3px;
}

div.price
{
	font-weight:				bold;
	
	padding-top:				35px;
	padding-left:				5px;
}

/* Fix for the IE6 double margin float bug */
div.box, div.column
{
	display:					inline;
}

a.button_grey, a.button_blue
{
	float:						left;

	width:						66px;
	height:						21px;
	
	font-size:					12px;
	font-weight:				bold;
	text-decoration:			none;
	
	background-repeat:			no-repeat;
				
	margin:						0;
	margin-bottom:				5px;
}

a.button_grey
{
	color:						#2B56A5;
	background-image:			url(../images/button_grey.gif);
	
	padding:					7px 4px;
	margin-left:				1px;
}

a.button_blue
{
	color:						white;
	background-image:			url(../images/button_blue.gif);
	
	padding:					7px 0px 7px 17px;
}

input.csc-mailform-submit
{
	width:						66px;
	height:						21px;
	
	color:						white;
	background-image:			url(../images/button_blue.gif);	
	
	font-weight:				bold;
	
	border:						none;
	border-right:				2px solid white;
	
}

div p
{
	clear:						both;
	
	font-size:					10px;
}

#content
{

}

#footer
{
	position:					absolute;
	    left:					0;
	  bottom:					0;
	
	width:						100%;
	
	font-size:					10px;
	
	border-top:					1px solid #2B56A5;
	border-bottom:				1px solid #2B56A5;
margin-top: 10px;
}
#footer p {padding-left: 10px;}

#footer ul
{
	width:						65%;
	
	margin:						5px auto;
}

#footer li
{
	display:					inline;
}

#footer a
{
	color:						#2B56A5;
	
	text-decoration:			none;
	text-align:					right;
}

#footer a:hover
{
	text-decoration:			underline;
}

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {
	width: 200px; 
	height: 45px; 
	top: 12px; 
	position: absolute; 
	z-index: 4; 
	overflow: hidden; 
	margin: 0px; 
	padding-left: 0px; 
	color: rgb(69,140,204);
	}
.site-name p.title  {
	margin: 0px; 
	padding: 0px; 
	font-family: "trebuchet ms", arial, sans serif; 
	font-weight: bold; 
	font-size: 24px;
	}
.site-name p.subtitle  {
	clear: both; 
	width: 300px; 
	margin: -6px 0px 0px 0px; 
	padding: 0px; 
	background-color: transparent; 
	font-family: "trebuchet ms", arial, sans serif; 
	font-size: 12px;
	}
.site-name a {
	margin: 0px; 
	padding: 0px; 
	text-decoration: 
	none; color: #868c98;
	}
.site-name a:hover {
	text-decoration: none;
	}
.site-slogan-container  {
	width: 900px; 
	height: 130px; 
	top: 102px; 
	position: absolute; 
	z-index: 1; 
	overflow: hidden; 
	margin: 0px; 
	padding-right: 15px; 
	background-color: transparent;
	}
.site-slogan {
	float: right; 
	width: 700px; 
	margin: 0px; 
	padding: 0px; 
	background-color: transparent; 
	font-size: 10px;
	}
.site-slogan p.title {
	float: right; 
	width: 700px; 
	margin: 0px; 
	padding: 0px; 
	color: rgb(234,239,247); 
	font-family: arial, sans serif;  
	text-align: right; 
	font-weight: bold; 
	font-size: 220%;
padding-right: 15px;
	}
.site-slogan p.subtitle {
	clear: both; 
	float: right; 
	width: 700px; 
	margin: -5px 0px 0px 0px; 
	padding: 0px; 
	color: rgb(234,239,247); 
	font-family: arial, sans serif; 
	text-align: right; 
	font-weight: bold; 
	font-size: 200%;
padding-right: 15px;
	}
.site-slogan p.text {
	clear: both; 
	float: right; 
	width: 700px; 
	margin: 10px 0px 0px 0px; 
	padding: 0px; 
	color: rgb(234,239,247); 
	font-family: arial, sans serif; 
	text-align: right; 
	font-weight: bold; 
	line-height: 1.0em; 
	font-size: 140%;
padding-right: 15px;
	}
.site-slogan p.readmore {
	clear: both; 
	float: right; 
	width: 700px; 
	margin: 10px 0px 0px 0px; 
	padding: 0px; color: 
	rgb(234,239,247); 
	font-family: arial, sans serif; 
	text-align: right; 
	font-weight: bold; 
	line-height: 1.0em; 
	font-size: 120%;
	}
.site-slogan a {
	color: rgb(234,239,247); 
	text-decoration: underline;
	}
.site-slogan a:hover {
	text-decoration: none; 
	color: rgb(50,50,50);
	}
.img-header {
	clear: both; 
	float: left; 
	width: 900px; 
	height: 280px; 
	margin: 0px; 
	padding: 0px;
	}

/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container {
	width: 900px; 
	top: 14px; 
	position: absolute; 
	z-index: 2; 
	background-color: transparent;
	}
.navflag {
	float: right; 
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 1.0em;
	}	
.navflag ul {
	float: right; 
	margin: 0px; 
	padding: 0px 20px 0px 0px;
	}	
.navflag li {
	display: inline; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	}
.navflag li a {
	margin: 0px; 
	padding: 0px 0px 0px 1px;
	}
.navflag a:hover {
	color: rgb(0,0,0); 
	text-decoration: none;
	}
.img-navflag {
	display: inline; 
	height: 14px; 
	margin: 0px; 
	padding: 0px; 
	border: none;
	}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {
	width: 900px; 
	top: 35px; 
	position: absolute; 
	z-index: 3; 
	background: transparent;
	}
.nav1 {
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
	}
.nav1 ul {
	float: right; 
	margin: 0px; 
	padding: 0px 20px 0px 0px; 
	border-left: solid 1px #999999; 
	background-color: rgb(255,255,255); 
	font-weight: bold;
	}	
.nav1 li {
	display: inline; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	}
.nav1 li a {
	display: block; 
	float: left; 
	margin: 0px; 
	padding: 2px 5px 2px 5px; 
	border-right: solid 1px #999999; 
	color: #999999; text-decoration: 
	none; font-size: 10px;
	}
.nav1 a:hover, .nav1 a.selected, .nav2 a.selected {
	color: rgb(50,50,50); 
	text-decoration: none;
	}
.buffer1 {clear: both; width: 790px; height: 10px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
.buffer2 {clear: both; width: 790px; height: 10px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
