/***** BASICS *****/
* {	margin:0px;	padding:0px; }
	
body {
	background:#fff url(../images/bg-body.gif) repeat-y top center;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #2a3860;
	margin:0px auto;
	text-align:center; }

p {	margin:0px 0px 10px 0px;}

h1 {font-size: 18px; color:#2a3860;}
h2 {font-size: 18px; color:#2a3860; margin:0px 0px 10px 0px;}
h3 {font-size: 14px; color:#2a3860; margin:0px 0px 10px 0px;}

.left {float:left;}
.right {float:right;text-align:right;}
.kill {clear: both; background-color: transparent;}

a img {border:none;}

/***** STRUCTURE *****/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 950px;}
	
#header {
	background:transparent url(../images/dotH.gif) repeat-x bottom left;
	height:142px;
	float:left;
	margin:0px auto 20px; }

#footer {
	width:860px;
	margin:0px auto;
	padding:20px 0px 60px;}

.white {
	width:100%;
	float:left;
	background:#fff url(../images/bg-white.gif) repeat-y top center;}

.grey {
	width:100%;
	float:left;
	clear:left;
	background:transparent; }

.wrapper {
	width:860px;
	margin:0px auto 20px ;}

#vert {
	float:left;
	clear:left;
	background:#fff url(../images/dotV.gif) repeat-y top right;
	width:860px;
	margin:0px 0px 20px 0px;
	}

#banner {
	float:left;
	clear:left;
	width:860px;
	}

#sideImage {
	width:200px;
	float:right;
	}

#sideText {
	width:200px;
	float:right;
	padding:20px 0px;
	background:transparent url(../images/dotH.gif) repeat-x bottom left;
	}

.line {
	width:200px;
	float:right;
	padding:20px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	text-align:center;
	background:transparent url(../images/dotH.gif) repeat-x top left;
	}
	
#content {
	float:left;
	padding:20px 0px 0px;
	width:618px;
	text-align:left;
	clear:left;
	}
	
#imageless-content {
	float:left;
	padding:0px;
	width:618px;
	text-align:left;
	}
	
/*** Text Formating ***/
#content ul, #imageless-content ul {margin:10px 0px 0px 0px; padding:0px 0px 0px 15px; }
#content li, #imageless-content li {margin:2px 0px 2px 15px; line-height:18px;letter-spacing:1px; }
#content p, #imageless-content p {margin:10px 0px 0px 0px; line-height:18px;letter-spacing:1px;}
#content ol, #imageless-content ol {margin:10px 0px 0px 10px;}
#content a, #imageless-content a {text-decoration:none;}
#content a:hover, #imageless-content a:hover {text-decoration:none;color:#949baf;}

/***** MENU *****/
ul#nav {
	list-style: none;
	float:right;
	background:#bbb;
	margin: 110px 0px 0px 0px;
	padding: 0px; }

ul#nav li {
	list-style: none;
	float:left;
	margin: 0px 0px 0px 1px;
	padding: 0px; }

.first {margin:0px !important;}

ul#nav li a {
	display: block;
	height: 15px;
	background-position: top; }

ul#nav li a span {
	display: none }
	
ul#nav li a:hover {
	background-position: bottom; }
	
a#nav_a {
	width:44px;
	background-image: url(../images/x1.gif); }
	
a#nav_b {
	width:110px;
	background-image:url(../images/x2.gif);	}
	
a#nav_c {
	width:118px;
	background-image: url(../images/x3.gif); }
	
a#nav_d {
	width:133px;
	background-image: url(../images/x4.gif); }

a#nav_e {
	width:151px;
	background-image: url(../images/x5.gif); }
	
a#nav_f {
	width:60px;
	background-image: url(../images/x6.gif); }

/*** Imagebanners ***/
#drop {
	position: absolute;
	z-index: 1;
	width:100%;
	top:161px;
	left:0px; }

#drop-width {
	width:860px;
	
	margin:0px auto; }

#imageContainer { margin: auto; position: relative; float: left; width:618px;}
	/* Set the height and width to be that of the images you want to rotate. Never change margin and position */ 
			#imageContainer img { display: none; position: absolute; top:0; left:0; } /* display: none is always on! */

/*** sIFR classes ***/
.white-sifr {
	color:#fff;
	}

.blue-sifr {
	color:#2a3860;
	}


.white-blue-sifr {
	color:#2a3860;
	}

a:link,  a:visited {
	color:#2a3860; }

a:hover {
	text-decoration:none; }

/* FORMS STUFF */
form label {
	font-weight: bold;
	float: left;
	display: block;
	width: 160px;
	padding: 4px;
	}

table label {
	font-weight: bold;
	font-size:12px;
	width: 80px;
	padding:0px;
	}

form ol {
	margin: 0;
	margin-top: 30px;
	padding: 0;
	list-style: none;
	list-style-type: none;
	}
	
form li {
	list-style: none;
	margin: 0 !important;
	list-style-type: none;
	display: block;
	clear: both;
	}
	
form li input, form li select, form li textarea  {
	background-color: #FFFEFE;
	padding: 2px;
	margin: 5px;
	float: left;
	border: 1px solid #c7c7c7;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #494949;
	}
	
.text, select, textarea {
	width:350px;
	}
	
table {
	float:right;
	margin:0px 85px 0px 0px;
	border:1px solid #2a3860;
	}

* html table {
	float:right;
	margin:0px 47px 0px 0px;
	}

.when {
	width:109px;
	margin:0px;
	}
	
input[type="submit"] {
	font-weight: bold;
	padding: 6px;
	text-align: right;
	}
	
form li input:focus, form li select:focus, form li textarea:focus{
  	border:1px solid #878787;
	}
	
textarea{
	margin: 5px 0;
	padding: 10px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #868686;
	}

.red {
	color:#ff0066;
	font-weight:bold;
	font-size:16px;
	}

/* ----- tool tip specific styles ----- */
#refer p {
	line-height:normal;
	margin:0px 0px 15px 0px;
	}

#refer a {
	color:#868686;
	display:block;
	}

small {
	font-weight:bold;
	}
	
#theToolTip {
	position: absolute;
	left: -300px;
	width: 450px;
	border: 1px solid #2a3860;
	padding: 6px 0px 0px 10px;
	background: #fff;
	visibility: hidden;
	z-index: 100;
	filter: progid;
	filter:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
	}

#ToolTipPointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}

#theToolTip p{
	line-height:18px;
	margin:0px 10px 5px 0px;
	text-align:left;
	}

#ToolTipTextWrap {
	height:1px;
	overflow:hidden;
	}