body{
  margin: 0px;
  padding: 0px;
  background: #EDEBF2 url('images/g-background-gradient.gif') repeat-x;
}

ul{
  margin: 7px 0px 0px 0px;
  padding: 0px;
}
ul li {
  list-style: none;
  padding: 0px 5px 0px 13px;
  margin: 0px 0px 0px 0px;
  line-height: 1.9em;
  background: transparent url('images/g-list-star.gif') no-repeat 0px 8px;
  color: #000;
}
ul.std li {
	background:none;
}
ol li {
  padding: 2px 0px;
}
ol li ol li {
	list-style-type: lower-alpha;
}
p,a,h1,h2,h3,h4,div,span,th,td,dl,dt,dd {
  font-family: 'Myriad Pro', Tahoma, Helvetica, sans-serif;
}
p,a,div,span,th,td,dl,dt,dd {
  font-weight: normal;
}
p { margin: 0 0 10px; }

h1 { font-size: 24px; font-weight: normal; color :#000; margin: 0 0 20px;}
h2 { font-size: 17px; margin: 20px 0 10px; }
h3 { font-size: 15px; margin: 10px 0 5px; }
h4 { font-size: 13px; margin: 10px 0 5px; }

h3.attention {
  font-style: italic;
  font-weight: bold;
}
#tagline h1 {
  font-family: 'Kozuka Gothic Pro','Helvetica Neue', Tahoma, Helvetica, sans-serif;
  color :#E6E6E6;
}

a {
  color: #0084B8;
  text-decoration: none;
}
a:hover { text-decoration: underline; }

#content .leftside a,#content .rightside a{
  color: #60C4E8;
}

/* Layout */
#centered{
  text-align: center;
}
#innerwrapper{
  position: relative;
  text-align: left;
  margin: 0px auto;  
  width: 770px;
  border: 1px solid transparent;
}
#content {
  z-index: 0;
  position: relative;
  background-color: #F4F1EC;
  margin: 0;
  padding: 20px 0px;
  font-size: 13px;
  border-top: 2px solid #FFF;
}

#head {
  background: transparent url('images/g-header.jpg') no-repeat;
  width: 770px;
  margin-top: 30px;
  height: 374px;
}
.top-links {
  position: absolute;
  width: 400px;
  height: 52px;
  right: 0px;
  top: 81px;
}
.top-links ul{
  padding: 0px;
  margin: 0px;
}
.top-links ul li{
  list-style: none;
  line-height: 1.4em;
  background: transparent url('images/g-list-triangle.png') no-repeat 12px;
  font-size: 15px;
  float: left;
  padding: 0px 5px 0px 27px;
  padding-top: 2px;
}
.top-links ul li a{
  margin-top: 3px;
  line-height: 1.5em;
  color: #111;
}
.top-links ul li a:hover{
  color: #666;
  text-decoration: none;
}  

#tagline {
  position: absolute;
  top: 300px;
  width: 377px;
  height: 101px;
  color: #FFF;
}
#tagline h1{
  font-family: 'Trebuchet MS';
  margin: 10px 0px 0px 19px;
  font-size: 22px;
  line-height: 37px;
}
#tagline h2{
  text-align: center;
  width: 298px;
  font-family: 'Trebuchet MS';
  margin-left: 19px;
  font-size: 22px;
  line-height: 17px;
}
#content h2 {
  line-height: 1.2em;
  margin: 0px;
  padding: 0px;
}
#feature-box {
  z-index: 200;
  position: absolute;
  background: transparent url('images/g-feature-box.png') no-repeat;
  padding: 10px 0px 0px 16px;
  margin: 0px;
  width: 164px;
  height: 215px;
  right: 10px;
  top: 206px;
}
#feature-box h3 {
  padding: 3px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  line-height: 2.2em;
  font-size: 13px;
}
#feature-box p {
  margin: 0;
}
a.button {
  text-align: left;
  text-indent: -9999px;
  display:block;
}
.apply-online {
  background: transparent url('images/g-apply-online.gif') no-repeat;
  padding: 0px;
  margin: 0px;
  width: 121px;
  height: 27px;
/*  cursor: pointer;*/
}
.contact-phone {
  background: transparent url('images/g-call-us.gif') no-repeat;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 127px;
  height: 31px;  
  font-size: 15px;
  text-align: center;
  line-height: 2em;
  color: #FFF;
}
#top-nav {
  position: absolute;
  top: 6px;
  right: 0px;
  height:30px;
  line-height:20px;
  font-size: 11px;
	text-align:right;
}
#top-nav ul {
  margin:0;
  padding:0;
  list-style: none;
}
#top-nav ul li {
  background: none;
  padding-right:10px;
  display:inline;
}
#top-nav a{
  color: #000;
}
#top-nav a:hover{
  text-decoration: none;
}
.online-application{
  background: transparent url('images/g-apply-online-2.gif') no-repeat;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  width: 144px;
  height: 26px;  
/*  cursor: pointer;*/
}
#footer {
  padding: 4px 0px 0px 0px;
  background: transparent url('images/g-footer-gradient.jpg') no-repeat;
  width: 777px;
  height: 127px;
  position: relative;
}
#footer a{
  color: #4D4D4D;
}

#author {
  width: 380px;
}
#author dl{
  font-size: 12px;
}
#author dl { 
  margin: 0px 0px 0px 48px; 
 padding:0; 
 line-height:1.5em; 
}
#author dl dt {
  float:left; 
  width:8em; 
}
#author dl dd { 
  margin-left:9em; 
}
#author dl dd a:hover{
  text-decoration: none;
  color: #000;
} 

#nav {
  width: 300px;
  position: absolute;
  right: 0px;
  top: 10px;
}
#nav ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#nav ul li {
  float: left;
  height:20px;
  width: 140px;
  list-style: none;
  background: none;
  margin: 0;
  padding: 0px;
}
#nav ul li a{
  text-decoration: none;
  color: #3D3D3D;
  text-transform: uppercase;
  font-size:12px;
}
#nav ul li a:hover{
 color: #000; 
}

.logo {
  background: transparent url('images/g-logo-small.png') no-repeat;
  width: 241px;
  height: 46px;
  padding: 10px 0px 0px 12px;
  margin: 0px 0px 0px 14px;
}
.clear {
  clear: both;
}

div.clear-fix {
	position: relative;
	height: 1px;
	overflow: hidden;
}
dl.col {
  line-height:1.7em;
}
dl.col dt {
  float:left;
  width:4em;
  padding-right:0.5em;
  text-align:left;
}
dl.col dd {
  margin-left:0.5em;  
}
/* Application Form */
body.application {
  font-size: 14px;
}
.application-top-wrapper{
  text-align: center;
  padding: 10px;
  font-size: 14px;
}

/* Application Form */
.noscreen {
  display:none;
}
.print {
  display:none;
}
a.hand {
  cursor: pointer;
}


fieldset{
	display:block;
	border:none;
	margin:0px;
	margin:0px;
}
legend{ font-weight: bold; color:#000;}
label { padding: 0 3px;}

table.d {
  width:100%;
}
.d th, .d td {
  border-left:0;
  border-bottom:0;
  padding:0px 4px;
}
.d th {
  line-height:2em;
  text-align:right;
  width: 200px;
  background-color: #F5B166;
  font-weight: normal;
}
.d thead th, .d thead td {
  text-align: center;
  width:auto;
}
.d tbody td {
  padding : 4px;
  background-color: #ECE9D8;
}


.container {
  width:710px;
  margin:10px auto;
}
/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 50px;}
.span-2  { width: 110px;}
.span-3  { width: 170px;}
.span-4  { width: 230px;}
.span-5  { width: 290px;}
.span-6  { width: 350px;}
.span-7  { width: 410px;}
.span-8  { width: 470px;}
.span-9  { width: 530px;}
.span-10 { width: 590px;}
.span-11 { width: 650px;}
.span-12, div.span-12 { width: 710px; margin: 0; }

/* Form Elements */
.i-12 { width : 936px; }
.i-11 { width : 856px; }
.i-10 { width : 776px; }
.i-9 { width : 696px; }
.i-8 { width : 616px; }
.i-7 { width : 536px; }
.i-6 { width : 456px; }
.i-5 { width : 376px; }
.i-4 { width : 296px; }
.i-3 { width : 216px; }
.i-2 { width : 136px; }
.i-1-5 { width : 96px; }
.i-1 { width : 56px; }
.i--5 { width : 36px; }
.i--25 { width : 16px; }

textarea.h-1{ height:20px; }
textarea.h-2{ height:40px; }
textarea.h-3{ height:60px; }
textarea.h-4{ height:80px; }

input.error, textarea.error, select.error {
	border: 1px solid #F00;
}
label.block {
	display:block;
}

#Contact label {
	display:block;
}
#Contact input.optional {
	color:#999;
}

.note {
  border-width : 1px;
  border-style : solid;
  border-color : #9EE2FF;
  padding : 5px 5px 5px 24px;
  background-color : #F2FAFF;
  background-image : url(images/info.png);
  background-repeat: no-repeat;
  background-position : 5px 5px;
  height : auto !important;/* For Modern Browsers */
  height : 18px;/* For IE */
  min-height : 18px;/* For Modern Browsers */
  margin-bottom:5px;
}


div#wizard {
	position:relative;
	width:710px;
	/*height:400px;*/
	/*background: #FFF;*/
}

/* root element for tabs  */
ul.tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #F5B166;
}

/* single tab */
ul.tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. */
ul.tabs a {
	float:left;
	font-size:13px;
	display:block;
	padding:0px 20px;
	line-height:28px;
	height:28px;
/*
	padding:5px 20px;
	height:18px;
*/
	text-decoration:none;
	border:1px solid #666;
	border-bottom:0px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
ul.tabs a.current {
	background-color:#F7F4EF;
	border:1px solid #F5B166;
	border-bottom:2px solid #F7F4EF;
	color:#000;
	cursor:default;
}


/* tab pane */
div.panes div {
	position: relative;
	overflow: auto;
	display:none;
	border:1px solid #F5B166;
	border-width:0 1px 1px 1px;
	min-height:338px;
	padding:15px 10px;
	background-color:#F7F4EF;
}

div.form_row {
	display:block;
	width:100%;
	clear:both;
	margin-bottom:3px;
}

div.confirm, div.notice, div.alert, div.warning {
  border-width : 1px;
  border-style : solid;
  padding : 5px 5px 5px 24px;
  background-image : none;
  background-repeat : no-repeat;
  background-position : 5px 5px;
  height : auto !important;/* For Modern Browsers */
  height : 18px;/* For IE */
  min-height : 18px;/* For Modern Browsers */
  margin-bottom:5px;
}
div.confirm {
  border-color : #BBFFB8;
  background-color : #EDFFEB;
  background-image : url(icons16x16/accept.png);
}
div.notice {
  border-color : #9EE2FF;
  background-color : #F2FAFF;
  background-image : url(icons16x16/info.png);
}
div.alert {
  border-color : #E5E517;
  background-color : #FFFFD9;
  background-image : url(icons16x16/favorite.png);
}
div.warning {
  border-color : #FFCCCC;
  background-color : #FFE5E5;
  background-image : url(icons16x16/remove.png);
}


table.contact {
	border-collapse:collapse;
}
table.contact th, table.contact td {
	vertical-align: top;
	text-align: left;
}
table.contact th {
	font-weight: bold;
	padding-right: 10px;
}
