@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	background:url(../images/background.png) repeat-x;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:.8125em;
	line-height: 1.18em;
	
}


p {
    color: #363636;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 1em;
}



h1 {
	color: #363636;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	margin-bottom: 1em;
    margin-top: 1em;
}

h2 {
	color: #d67200;
	font-size: 1em;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	margin-bottom: .9em;
    margin-top: .9em;
}

h3 {
	color: #363636;
	font-size: .9em;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	margin-bottom: .9em;
    margin-top: .9em;
}



a, visited {
	/*color:#2a5400;*/
	color:#006553;
	text-decoration:none;
	
	/**/
}
 a:hover {
	color:#006553;
	text-decoration:underline;
	
}
#footerText {
	width:800px;
	text-align:center;
	margin:auto;
	padding:5px;
	/**/
}
.active {
	color:#f4911e;
}

.clr {
	clear:both;
}

p.intro-text {
    font-size: 1.2em;
    line-height: 1.2em;
}

.faq-question {
 color: #d67200;
 font-weight: bold;
}


hr.logodivider {
    height: 1px;
    color: #e5e5e5;
    background-color: #e5e5e5;
    width: 100%;
    border: 0;
    float: left;
    clear: left; 
}

hr.getstarteddivider {
    height: 4px;
    color: #c9e9e3;
    background-color: #c9e9e3;
    width: 100%;
    border: 0;
    float: left;
    clear: left; 
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px; 
}

img.gs-tabs {
    margin-right: 4px;
}


/* Navigation */
#nav {
	background:url(../images/navBar.gif) no-repeat;
	width:822px;
	height:33px;
	margin-top:4px;
}
#nav ul li {
	list-style:none;
	display:inline;
	margin:0px;
}

#home {
	margin: 0px 33px 5px 0px;
}
#whatcei {
	margin: 0px 33px 5px 0px;
}
#areyouready {
	margin: 0px 33px 5px 0px;
}
#getstarted {
	margin: 0px 137px 5px 0px;
}
#aboutus {
	margin: 0px 33px 5px 0px;
}
#resources {
	margin: 0px 33px 5px 0px;
}
#feedback {
	margin: 0px 0px 5px 0px;
}


/* Content Blocks */

#main {
	width:808px;
	margin: 11px;
	float:left;	
}
	
#container {
	width:830px;
	background:#FFFFFF;
	margin:auto;
	border:solid 1px #e5e5e5;
}

#footer {
	width:830px;
	margin:auto;
	padding:5px;
	font-size:10px;
	font-family: Helvetica, Arial, Verdana;	
}

#headerImages {
	background:url(../images/header/rotate.php);
	width:492px;
	height:107px;
	float:right;
}

#content {
	width:822px;
	min-height:400px;
	margin: 4px;
	font-size:.88em;
}

#main-home {
	width:474px;
	margin-top:15px;
	margin-left:11px;
	margin-bottom: 15px;
	float:left;
}

#main-resources {
	width:274px;
	margin-top:15px;
	margin-left:11px;
	margin-bottom: 15px;
	float:left;
}

#sidebar {
	width:311px;
	margin-top:5px;
	margin-right:11px;
	margin-left: 15px;
	margin-bottom: 15px;
	float:right;
}

#sidebar-resources {
	width:511px;
	margin-top:5px;
	margin-right:11px;
	margin-left: 15px;
	margin-bottom: 15px;
	float:right;
}

#vidpreview-vids {
  width: 100%;
  float: left;
}

#vidpreview-text {
	padding-left:11px;
}

#vidpreview-text p {
	font-size: .9em;
	line-height: 1.2em;
}

.vidpreview-wrapper {
  border:solid 4px #c6ddd9;   
}

#callout {
  width: 425px;
  clear: both;
  padding: 20px;
}

#callout-icons {
  width: 25%;
  float: left;
}

#callout-text {
  width: 72%;
  float: right;
}




/* Get Started pages */

#getstarted-content h3 {
	font-size: .94em;
	margin-bottom: 0px;
}

#main-getstarted {
	width:814px;
	min-height: 400px;
	height: 100%;
	margin: 0px;
    border:solid 4px #c9e9e3;
    overflow: hidden;
}



#getstarted-tabs, #pilot-tabs {
    padding: 4px;
	
}

#getstarted-content, #pilot-content {
    padding: 0px;
}

#faq {padding: 0px 10px 10px 10px;}

#main-getstarted ul, blockquote {margin-left: 20px;}


#getstarted-intro {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#getstarted-completetools-leftcol   {
    padding-left: 11px;
    padding-bottom: 11px;
    padding-right: 11px;
    padding-top: 16px;
    width: 46%;
    float: left;
}

#getstarted-completetools-rightcol   {
    padding-left: 11px;
    padding-bottom: 11px;
    padding-right: 11px;
    padding-top: 16px;
    width: 46%;
    float: right;
}

#getstarted-leftcol-dot1, #getstarted-leftcol-dot2, #getstarted-leftcol-dot3, #getstarted-leftcol-dot4, #getstarted-leftcol-dot5, #getstarted-leftcol-dot6, #getstarted-leftcol-dot7, #pilot-intro-leftcol, #pilot-leftcol   {
    padding: 11px;
    width: 47%;
    float: left;
}

#getstarted-leftcol-dot1 p, #getstarted-leftcol-dot2 p, #getstarted-leftcol-dot3 p, #getstarted-leftcol-dot4 p, #getstarted-leftcol-dot5 p,  #getstarted-leftcol-dot6 p,  #getstarted-leftcol-dot7 p {
    margin-top:0px;
}

#getstarted-rightcol-dot1, #getstarted-rightcol-dot2, #getstarted-rightcol-dot3, #getstarted-rightcol-dot4, #getstarted-rightcol-dot5, #getstarted-rightcol-dot6, #getstarted-rightcol-dot7,  #pilot-intro-rightcol, #pilot-rightcol    {
    padding: 11px;
    width: 43%;
    float: right;
}

#getstarted-content .module-num {
	color: #006553;
	font-size: 1.30em;
}

#getstarted-content .icon-label {
	color: #006553;
	font-weight: bold;
}

#getstarted-content .icon {
	margin-right: 10px;
	vertical-align: middle;
}

#getstarted-content div.toolbox {
 background-color: #c9e9e3;
 color: #006553;
 padding: 7px;
 margin-bottom: 15px;
 overflow: hidden;
}

div.toolbox p {
 color: #006553;
 background-color: #c9e9e3;
 font-size: .9em;
 margin: 5px;
}



/* Get Started pages END */

#survey ol{
	 line-height:2.5em;
	 margin-left:23px;
}

.horiz {
	size:1px;
	color:#CCC;
	height:1px;
}