/*

Main CSS file

When making additions to this file be sure to keep it as organized as possible.
All redefined HTML tags should go at the top, any declarations for specific areas
ie: #content should be added below the main declaration. Page specific styles can
be added to this sheet on the bottom or if the styles are extensive a new
sheet can/should be made
 
Also be sure to comment any odd/CSS hacks you use to make it easier to
change/update the file at a later date

*/


* {margin:0; padding:0; }

body{ 
	text-align:center; 
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #555454;
	}

img{ border:0; }
a{ font-weight:bold; text-decoration: none; }

h2{ color:#7ea1ba; border-bottom:1px solid  #7ea1ba; font-size:14px;}

/***********************************************************************

TEMPLATE STYLES AND CONTAINER ELEMENT STYLES

***********************************************************************/

#site{
	width:761px;
	margin: 0 auto;
	text-align:left;
	}

#main{
	background:url(../images/bkrnd.gif) repeat-y;
	border-top:3px solid #fff;
	
	float:left; /*key -- do not remove*/
	}

#content{
	width:463px;
	margin: 30px 25px 0 25px;
	float:left;
	display:inline;    /* Vital for correct display in IE */
	}

#content p{ line-height:18px; margin: 0 0 20px 0; text-align:justify;}
#content a{ color:#7ea1ba; }
#content a:hover{ background-color:#e0eef7; border-bottom: 1px solid #7ea1ba; }

#content ul{ margin:0px 0px 20px 25px; line-height:18px; text-align:justify; }
#content li{ margin-bottom:15px; }

.content_picture {
	float:left;
	margin:0px 20px 15px 0px;
}

.content_picture_inbox {
	float:left;
	margin:20px 20px 15px 20px;
}


#sidebar{
	width:206px;
	float:right;
	margin: 30px 21px 30px 21px;
	display:inline;		/* Vital for correct display in IE */
	}

#footer{
	width:761px;
	background-color:#e0e1e2;
	}

#footer p{ font-size:10px; text-align:center; padding:5px 0 5px 0; }


#nav{ width: 761px;  background-color:#7ea1ba; height:21px;}

/***********************************************************************

NAVIGATION STYLES

***********************************************************************/

#nav ul{ margin:0; padding:0;  }
#nav li{ list-style-type:none; float:left; margin:0; padding:0;}
#nav a{ display:block; height:21px; margin:0; padding:0;}
#nav a:hover{ background-position:bottom left; }


#vista 		{ background:url(../images/nav_vista.gif); width:178px; }
#downloads  { background:url(../images/nav_downloads.gif); width:93px; }
#faq   		{ background:url(../images/nav_faqs.gif); width:38px; }
	
/***********************************************************************

PAGE SPECIFIC STYLES BELOW

***********************************************************************/
fieldset { padding: 10px; width: 400px; display: block; }
legend { color: #7EA1BA; font-weight: bold; padding-left: 5px; padding-right: 5px; }
fieldset table { padding: 5px; text-align: left; }
fieldset table td { padding: 5px; }
.errorField { color: #FF0000; font-weight: bold; }

#error{  width:90%; margin:auto; color:red; font-weight:bold; padding:5px 3px; background-color:#eee;}
#captcha{ border-collapse:collapse; width:90%; margin:15px auto auto auto;}
#captcha th{ background-color:#ddd;}
#captcha td, #captcha th{ padding:5px 10px; border:1px solid #ccc; }
#captcha input{ width:200px; }


#friend2, #friend3, #friend4, #friend5 {
	background-color: #E0EEF7;
	display: none; 
	margin-bottom: 5px; 
	padding: 5px;
}

#friend1 {
	background-color: #E0EEF7;
	display: block;
	margin-bottom: 5px; 
	padding: 5px;
}

ul.miniList li{ margin-bottom:0;}

.fineprint{ font-size:10px; }

.table_border {
	border:1px #CCCCCC solid;
}

.table_border table td {
	padding:20px;
}