/* 
  
  [[o]]== BOILERPLATE FOR 3.7 DESIGNS ========================[[o]]
   ||                                                          ||
   ||  Authored by Ross Johnson  - CEO of 3.7 DESIGNS          ||
   ||                                                          ||
 [[o]]=======================================================[[o]]
  
 Like the code you see?


  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : TYPOGRAPHY
  =03 : LINKS
  =04 : BODY STRUCTURE
  =05 : NAVIGATION
  =06 : HELPER CLASSES
  =07 : ACCESSIBILITY
  =08 : TABLES
  =09 : FORMS
*/

/* =01 : UNIVERSAL SELECTORS */

html, body { margin: 0; padding: 0; background: #0059b3;font-family: arial, helvetica, san-serif; line-height: 21px; font-size: 12px; color: #393939;}
.container_12 { width: 960px; margin: 0 auto 0 auto; }
.bgwrapper { background: url('../images/top_header_bg.gif') center top no-repeat;}
.bgwrapper2 { background: #0059b3 url('../images/glow-bg.gif') center repeat-y;}

/* =02 : TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 { margin: 10px 0 8px 0; }
p, ol, ul, img, dl, blockquote { margin: 8px 0 10px 0; }


h1 { font-size: 36px; }
h2 { font-size: 22px; color: #003e8f; line-height: 30px; } h2 strong { color: #00b1e1; }

#subpage h2 { background: #003d8d; color: #fff; padding: 5px 5px 5px 10px; margin: 0px -16px 10px -14px;}

h3 { font-size: 18px; }
h4 { font-size: 13px; margin-top: 15px;}
h5 { font-size: 14px; }
h6 { font-size: 13px; }

blockquote { margin-left: 18px; border-left: 5px solid #ddd; padding-left: 9px; }

ul li { padding-left: 10px; margin-left: 15px; line-height: 18px; margin-bottom: 5px; }
ul { margin-left: 0;}

.nonlist { list-style: none; margin: 0; padding: 0; }
.nonlist li { padding: 0; margin: 0; }

/* =03: LINKS */

a { color: #0059b3; }
a:hover { text-decoration: none;color: #006ddc;}
a:vistied {}
a:active {}

/* =04: BODY STRUCTURE */

#header { position: relative; height: 128px;}

#header h1 { margin: 0;}
#header p { margin: 0;}

#top_nav {
	width: 390px;
	height: 70px; float: right;
	background: url('../images/application_link.png') no-repeat;
}

#top_nav a {
	display: block;
	width: 390px;
	height: 0;
	font-size: 1em;
	padding-top: 70px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/application_link.png') no-repeat;
}

#top_nav a:hover { background-position: -390px 0;}

#logo {
	width: 339px;
	height: 128px; float: left;
	background: url('../images/logo.gif') no-repeat;
}

#logo a {
	display: block;
	width: 339px;
	height: 0;
	font-size: 1em;
	padding-top: 128px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/logo.gif') no-repeat;
}

#logo a:hover { background-position: -349px -1px; }

#right_subnav { position: relative; height: 129px; width: 600px; float: right; }

#home #main_content { padding-top: 0px !important; height: 523px;}
.girls { margin-top: -1px; position: relative; z-index: 5;} .girls img { margin: 0;}

#content { width: 608px; float: left; padding: 0 15px 0px 15px; position: relative;}

.cgrid1 { width: 294px; float: left;  }
.cgrid2 { float: right; width: 294px;}
.cgrid3 { float: left; width: 450px; margin-left: 0; padding-left: 0px !important; position: relative;}

.apply { background: url('../images/apply_column.gif') right repeat-y;
}


#sidebar { width: 290px; float: right; margin-top: 0px; padding: 10px 15px 10px 15px; color: #fff; font-size: 12px; line-height: 18px; margin-top: -1px;}
#home #sidebar { padding: 0px; width: 320px; height:530px;}
#sidebar h3 { margin: 5px 0 20px 0;}
#sidebar h4 { font-weight: bold; font-variant: small-caps;}
#subpage #sidebar a { color: #fff; font-weight: bold;}
#sidebar a.external { background: url(../images/gexternal_link.gif) right center no-repeat; padding-right: 20px;}

.green_sidebar { background: url('../images/green_sidebar.gif') left repeat-y; position: relative; z-index: 10;}
.apply_sidebar { background: url('../images/apply_sidebar.gif') left repeat-y; position: relative; z-index: 10;}

#center_col { width: 157px; float: right; color: #000; font-size: 12px; line-height: 16px; border-top: 1px solid #fff; position: absolute; right: 0; margin: -1px -1px 0 0;}
#center_col p { margin: 10px;}
#center_col em, #center_col strong { font-size: 12px;}

.lgreen, .note { color: #cdffc2;} 
.note { margin-top: 0px; font-size: 12px;}

.press_list { list-style: none; }
.press_list li { margin-left: 0; padding-left: 0; font-size: 14px; line-height: 18px;}
.date_span { color: #cdffc2; display: block; font-size: 12px;}

.html_link { background:url('../images/html_icon.gif') left top no-repeat; padding: 0 0 10px 25px; position: relative; height: 1%;}
.pdf_download { background: url('../images/pdf_icon.gif') left top no-repeat;padding: 0 0 10px 25px; position: relative; height: 1%;}
.pdf_download a, .html_link a { text-transform: uppercase; color: #000000 !important; font-weight: bold;}
.pdf_download span, .html_link span { display: block; margin: 3px 0 10px 0;}


/* SUBCONTENT */

.three_bottom { margin-top: 20px; line-height: 16px; background: url('../images/building_micro.gif') bottom left no-repeat; height: 223px;}

.bottom_one { float: left; width: 190px; margin-right: 15px; font-size: 11px;}
.bottom_one h4, .bottom_two h4, .bottom_three h4 {  font-size: 13px; color: #fff; font-weight: 100; padding: 4px 0 4px 5px;}

.bottom_one h4 { background: #3cbe23; }
.bottom_two h4 { background: #00b2e3; }
.bottom_three h4 { background: #003d8d;}

.bottom_two { float: left; width: 190px; margin-right: 15px; font-size: 11px;}

.bottom_three { float: left; width: 190px; font-size: 11px;}

#info_dates { list-style: none; padding: 0; margin-left: 0;}
#info_dates li {  padding: 0; margin-left: 0; color: #000;line-height: 16px;}
#info_dates span { font-weight: bold; color: #333;} 

#info_dates em { font-style: none !important; color: #999;}

#subpage #footer { margin-top: -7px; position: relative; z-index: 1;}
#footer { background: url('../images/footer.gif') top center no-repeat; height: 100px; padding: 10px 0 0 0;}
#footer p { margin: 0 auto 0 auto; width: 960px; text-align: right; clear: both; padding-top: 0px; font-size: 10px; color: #6db1ff;}
#lcol {}
#rcol {}
#mcol {}

/* =05: NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 5px; right: 8px; }
#main_nav li { float: left; background: url(../images/nav_right_bar.gif) right center no-repeat; margin: 0 7px 0 0; padding: 0 8px 0 0;}
#main_nav li.last { margin: 0; padding: 0; background: none;}
#main_nav li a { color: #fff; text-transform: uppercase; font-size: 12px; padding: 6px 0 6px 0;text-decoration: none; display: block;}
#main_nav li a:hover, #main_nav li a.active { color: #a9ff99;}

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

.clear { clear: both; }

.cta_link { font-weight: bold; font-size: 14px; text-align: center; margin-right: 15px;}

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

summary {}
th {}
legend {}

/* =09: FORMS */

.listform { list-style: none; width: auto; }
.listform li { clear: both; padding: 9px 0 9px 0; }
.listform label { float: left; text-align: right; }
.listform input, .listform select, .listform textarea { float: right; }
.listform span { color: #FFaaaa; }
.listform .error { background: #ffaaaa; border: 1px solid #dd9999; padding: 5px;}	
#webform span { color: #cdffc2 !important;}
	

/* GRAPHICS */

.explore_graphic { background: url('../images/graphics/explore-circles.gif') top left no-repeat;}
.create_graphic { background: url('../images/graphics/create_circles.gif') bottom right no-repeat; padding-bottom: 200px !important;}

.filler1 { width: 125px; height: 20px; float: left; clear: left;}
.filler2 { width: 135px; height: 20px; float: left; clear: left;}
.filler3 { width: 160px; height: 20px; float: left; clear: left;}
.filler4 { width: 170px; height: 90px; float: left; clear: left;}

/* APPLY ICON */



#apply_icon  {
	display: block;
	width: 157px;
	height: 0; 
	font-size: 1em;
	padding-top: 186px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/apply_icon.jpg') no-repeat;
}

#apply_icon:hover { background-position: -157px 0; }


/* BROCHURE ICON */

.download_brochure { background: url('../images/download_brochure_icon2.jpg') top center no-repeat; padding: 0px 0 5px 0px; width: 200px; display: block; line-height: 40px;} 
.download_budget { background: url('../images/pdf_icon_sm.jpg') left center no-repeat; padding: 0px 0px 35px 55px; width: 150px; display: block; line-height: 18px;} 


#important_dates { border-top: 1px solid #fff; margin: 0 -15px 0 -15px; padding: 10px 10px 0 10px;}
.date_table td { padding-right: 10px; padding-bottom: 10px; font-size: 12px; font-weight: bold;}
td.tar { width: 100px;}

.dates { margin-left: 0; list-style: none;}
.dates li { margin-left: 0; padding-left: 10px; margin-bottom: 0; }
.dates li.odd { }

.left_addy {margin-top: 0;}

.dividor { margin: 0 -15px 0 -15px; padding: 10px 15px 0 15px; border-top: 1px solid #fff;}
.dividor h4 { margin-top: 0px;}

#webform { list-style: none; font-size: 12px; }
#webform li { margin-left: 0; padding-left: 0; clear: both; padding: 5px 0 5px 0; }
#webform label { float: left; text-align: right; width: 100px; }
#webform input, #webform select{ float: right; width: 175px;}
#webform textarea { height: 200px; float: right; width: 275px;}