/*
Title: Main Stylesheet for Screen
Aurthor: jon@threefivedesign.com
Modified: 02-09-2007
*/

@import "reset.css";

/* main tags */

body 				{ background: #292929; font: 11px/1.8em Helvetica, Arial, Sans-serif; color: #a6a6a6; text-align: center;}
img, img:focus 		{ border: 0;}

/* links */
a, a:focus 			{ outline: none; }
a:link 				{ text-decoration: none; color: #74A5CD; }
a:visited 			{ text-decoration: none; color: #74A5CD; }	
a:hover 			{ text-decoration: underline; color: #fff; }
a[rel="external"] 	{ color: #fff; }

/* typography */
h1 					{font-size: 2em; line-height: 1.2em;	color: #74A5CD;	margin: -5px 0 0 0;}
h2, 				{font-size: 1.8em;	line-height: 1em;	color: #74A5CD;	margin-bottom: 18px;}
h3, 				{font-size: 1.4em;	line-height: 1em;	color: #74A5CD;	margin-bottom: 18px;}
h4 					{font-size: 1.2em;	line-height: 1em;	color: #74A5CD;	margin-bottom: 18px;}
h5 					{font-size: 11px/1.8em;	color: #74A5CD;}
p 					{	margin-bottom: 10px;	line-height: 1.8em;}
ul 					{margin-left: 1.5em;	list-style: disc;	list-style-position: outside;	margin-bottom:10px;}
li					{line-height: 1.8em;}
blockquote 			{margin-bottom: 0;}
blockquote p 		{margin-bottom: 0;}
blockquote p.author {font-style: italic;}
blockquote span 	{font-size: 1.8em;	line-height: 0.55555556em;	color: #74A5CD;}

/* styles */
.calltoaction 		{font-size: 1.8em;	line-height: 1.3em;	color: #74A5CD;	margin: 18px 0 0;	padding-top: 18px;	border-top: 1px solid #a6a6a6;	clear: both;	width: 100%;}

/* form 
form 				{ margin: 1em 0; padding: 0; }
form p 				{ margin: 1em 0; padding: 0; width: 100%; clear: both; display: block;}
fieldset 			{ margin: 1em 0 0; padding: 0; border: none; float: left; width: 100%;}
legend 				{ margin: 0 0 0 20%; padding: 0; width: 100%; text-transform: uppercase; letter-spacing: 0.25em;}
input, textarea 	{ padding: 9px; font: 10px/1.8em Helvetica, Arial, Sans-serif; color: #a6a6a6; background: #292929; border: 1px solid #a6a6a6; width: 70%;}
input:hover, input:focus, textarea:hover, textarea:focus { background-color: #000; color: #fff;	border-color: #fff;}
label 				{ margin: 0; padding: 0.33em 2% 0 0; width: 19%; text-align: right; float: left;}
#submit 			{ margin: 1em 0 0 21%; padding: 9px; width: auto;}*/


/* layout */
#wrap 				{ width: 955px; margin: 0 auto; text-align: left;}
#header 			{ margin: 0; padding: 0; color: #74A5CD;}
#logo 				{ float: left; margin: 23px 0 9px;}
#bug 				{ margin: 39px 0 9px; float: right; font-size: 1.8em; line-height: 1em; color: #74A5CD;}

/* navigation */
#navigation ul, #sub_navigation ul {list-style: none; float: left; display: block; width: 100%; margin: 0; }
#navigation ul li 	{ float: left; width: 16.666%; padding: 0; margin: 0;}
#navigation ul li a, #sub_navigation ul li a { display: block; width: auto; padding: 9px 0 8px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; border: 1px solid #a6a6a6; border-width: 1px 0;}
#navigation ul li a:hover, #sub_navigation ul li a:hover, #navigation ul li a.navcurrent, #sub_navigation ul li a.navcurrent { background: #74A5CD; color: #000; }
#sub_navigation ul li a { border-top: 0;}
#sub_navigation ul 	{ border-top: 1px solid #a6a6a6; margin-bottom: 18px;}

/* content */
.column 			{ margin: 18px 18px 18px 0; padding: 18px 0 0; border-top: 1px solid #a6a6a6; float: left; }
.two 				{ width: 198px;}
.three 				{ width: 306px;}
.four 				{ width: 414px;}
.six 				{ width: 630px;}
.seven 				{ width: 737px;}
.column img 		{ margin-bottom: 18px;}

/* hotspots */
.hotspot 			{ float: left; width: 198px; min-height: 126px; background: #000  url(../imgs/hotspot_bottom.gif) no-repeat bottom left; margin: 0 18px 18px 0; padding: 0 0 9px; overflow: hidden; }
body#home .hotspot  { height: 126px; }
.hotspot h3 		{ background: #000  url(../imgs/hotspot_top.gif) no-repeat top left; padding: 9px 9px 0; margin-bottom: 9px;}
.hotspot p 			{ margin-bottom: 0; padding: 0 9px;}
.hotspot p.quote 	{ margin-bottom: 0;}
.last 				{ margin-right: 0;}

/* home page hero image */
#heroimage { width: 630px; height: 450px; background: #000; margin-bottom: 18px;}

/* footer */
#footer 			{ margin: 18px 0; padding: 9px 0; clear: both; width: 100%; border-top: 1px solid #a6a6a6; font-size: 0.9em;}
.footerright 		{ float: right; text-align: right; }

/* Hacks -- all ie6 spacing issues */
* html #wrap, * html #header { width: 990px; }

/* so long and thanks for all the fish */

strong 		{ color:#FFFFFF;}
.disclaimer	{ margin:20px 0px 0px 0px; border-top:1px solid #666;  padding-top:15px;}
.disclaimer	p { margin:0px 0px 7px 0px; line-height:1.2em;}



#app_form 			{ height: 100%; margin-bottom: 18px; }
fieldset            { padding: 8px; border:1px solid #999; width:717px; font-size:125%;}
legend              { background-color: #000; width: 20%; margin: 0 0 0 0; }
#content			{ width:950px; margin:0 auto;}

#report input 		{  }
#report 	 		{ font-size:90%; color:#fff;}
/*.TextBox 			{  color:#c7c7c7; font-size:100%;}
.row_block			{ width: 48%; float:left;}	*/
/*.row_block_right	{ float:left;}*/
.row 				{ margin: 10px 0 5px 0; }
.row .names			{ width: 140px; display:block; float: left; color: #999; font-weight: 500; margin-right:10px; padding-left:10px; padding-top:5px; color:#e4e4e4; }
.message			{ color: #BD0606;}
/*.tabbed 			{ margin-left:260px;}*/

/*#booking td { border:1px solid #ccc; width:40%; }*/
.bigger 			{ padding:0; margin:0; margin-top:-7px;}
fieldset			{ margin:10px 0px;}
legend 				{ border:1px solid #ccc; padding: 3px 5px; width: 400px;}

/*.hotspot img 		{ border:none;}*/
.left				{ float:left;}

.clear				{ clear:both;}
.button				{ text-align:right; margin-right:250px;}

/*.control-error      { background-color: #ff9999;  }*/
.error 				{ color:#FF0000; }
.errormessage		{ margin: 0 0 0 0px; color:#FF0000; }
.lblsize			{ font-size:1.2em;}

.wide               { width: 800px; }
.medium             { width: 400px; }
.tall               { height: 200px; }


.cal_padding img		{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.radStyle					{ float:left;  margin-right: 8px; display:block; width: 150px; }
#lblChkTerms, #lblHeader, #lblEmploymentStatus2, #lblGuarantor, #lblFutureEmploymentStatus,	#lblFutureEmploymentStatus2	{ color:#FF0000;}