﻿/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%; }

table{ font-size: 100%; }

body {	color: #000000;
	font-family : arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	background: #DBE9EA; }


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }		


/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {	padding:0;
	font-size:2.7em;
	font-weight:normal; }

h2 {	padding:20px 0;
	font-size:1.45em; }
	
h2.date {	padding:6px 0;
	font-size:1.8em;
	font-weight:normal;
	color:#38939B; }

h3 {	font-size:1.36em;}

p  {	
	margin:0;
	padding:0 0 18px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 1.36em;
	color:#000000; }

img {	border:0;}

label {	
	font-size:1.36em;
	float:left;
	width:100px;
}


/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.text2{
font-size : 1.36em;
color: #000000;}

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}

.error{	
	color:Red;
}

/**********************************************************************************
=Links
**********************************************************************************/

a.flip{
	font-weight : bold;
	text-decoration: underline;
	color: #000000;}

a.flip:hover{
	font-weight : bold;
	text-decoration: none;
	color: #38939B;}
	
a.flip2{
	text-decoration: none;
	color: #000000;}

a.flip2:hover{
	text-decoration: underline;
	color: #000000;}
	
a.flipnav{
	font-weight : normal;
	font-size : 1.27em;
	text-decoration: none;
	color: #000000;}

a.flipnav:hover{
	font-weight : normal;
	font-size : 1.27em;
	text-decoration: underline;
	color: #000000;}
	
a.footerflip{
	font-weight : normal;
	text-decoration: none;
	color: #000000;}

a.footerflip:hover{
	font-weight : normal;
	text-decoration: underline;
	color: #000000;}		

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1.27em;}

input{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;	
	}
	
	input.txtSearchField{
		width:125px;
	}
	
	input.disabled{
		color:#000000;
	}
	
textarea{
	width:400px;
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}	

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	
	border:0;
	margin:0;
	padding:0;
}

/**********************************************************************************
=Layout
**********************************************************************************/

#outer {
	width:100%;
	margin: 0;}
	
#header {
	width:100%;
	position:relative;
	height:153px;
	float:left;
	background-color:#38939B;
	vertical-align:bottom;
	background:url(../images/header_dots.gif) no-repeat #38939B;}	
	
#main {
	width:100%;
	float:left;
	/*background-color:#EBECEC; */
	background-color:#FFFFFF; }		

#footer {
	width:100%;
	height:55px;
	font-size:1.09em;
	float:left;
	vertical-align:bottom;
	background:url(../images/footer_bg.gif);}
	
#content {
	padding:0;
	margin:0;
	padding-left:108px;
	padding-right: 250px;
	text-align:left;
}	
	
ul.nav {
	list-style: none;
	position:absolute;
	bottom:0;
	height:27px;
	margin: 0;
	padding: 0;
	left:10px;}
	
ul.nav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	padding-top:5px;
	width:100px;
	height:22px;
	background-image:url(../images/nav_tab.gif);}
	
	ul.nav li.selected {
			background-image:url(../images/nav_selected_tab.gif);
	}
	
ul.homepage, ul.why{
	list-style:circle #000000;
	padding:0;
	margin:0;
}

ul.homepage li {	
	margin:0 0 0 15px;
	padding:0;
	font-size:1.27em;	
	line-height:25px;
}

ul.why li {	
	margin:0 0 0 15px;
	padding:0;
	padding-bottom:20px;
	font-size:1.27em;
}
	
.search {
	float:right;
	position:absolute;
	bottom:0;
	right:100px;
	margin:0;
	padding:0;
	width:210px;
	height:43px;
	background:url(../images/search_tab.gif) no-repeat right;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 1.27em;
	color:#FFFFFF;
	clear:both;
}


blockquote {
width: 270px;
height:70px;
float: right;
margin: 0px;
padding: 10px;
background:url(../images/quote_bg.gif) no-repeat ;
font-family:Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 1.27em;
text-align:left;
}

.logo {
	float:right;	
	margin:0;
	padding:0;
	margin-right:60px;
	margin-top:10px;
	width:257px;
	height:110px;}
	
.line {
	margin:0 0 15px 0;
	height:1px;
	background:#BDC0C3;
}
	
.hp_text {	
	padding:0;
	width: 260px;
	text-align:left;	
}

.italic {
	font-size:1.09em;
	font-style:italic; }
	
.whophoto {
	width:81px;
	float:left;
	margin-right:20px;
	margin-top:18px;
	border:solid 1px #bcbfc3;
	padding:4px 4px 12px 4px;
	background-color:#FFFFFF; } 
	
.homephoto {
	width:199px;
	float:left;
	margin-right:20px;
	border:solid 1px #d9dadc;
	padding:4px 4px 12px 4px;
	background-color:#FFFFFF; } 


