/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    andy budd
email:     info@andybudd.com
website:   http://www.andybudd.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: .5em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.3 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background-color: #12468b;
  text-align: center;
}

p {
line-height: 1.6em;
font-size: 1.2em;
}

/* =Wrapper 
-----------------------------------------------------------------------------*/
#wrapper {
background: #fff url(../images2/bg.gif) repeat-y left top;
width: 760px;
margin: 0 auto;
}



/* =Headings
-----------------------------------------------------------------------------*/

#masthead h1 {
background: url(../images2/logo.gif) no-repeat 25px 25px;
width: 241px;
height: 91px;
margin: 0;
display: block;
overflow: hidden;
line-height: 180px;
}

h2 {
color: #12468b;
font-size: 1.6em;
text-indent: -5000px;
display: block;
}

.first {
margin-top: 0;
}

h3 {
margin-top: 0;
font-size: 1.3em;
color: #12468b;
}

.one {
background: url(../images2/subhead1.gif) no-repeat left top;
width: 442px;
height: 39px;
}

.two {
background: url(../images2/subhead2.gif) no-repeat left top;
width: 458px;
height: 41px;
}

.three {
background: url(../images2/subhead3.gif) no-repeat left top;
width: 441px;
height: 39px;
}

.indstyle {
background: url(../images2/indstyle.gif) no-repeat left top;
width: 185px;
height: 30px;
}

.grouptraining {
background: url(../images2/grouptraining.gif) no-repeat left top;
width: 185px;
height: 31px;
}

.organization {
background: url(../images2/organization.gif) no-repeat left top;
width: 300px;
height: 30px;
}

span, h4 {
font-weight: bold;
letter-spacing: .1em;
color: #78a22e;
text-transform: uppercase;
} 

h4 {
font-size: 1.2em;
margin-top: 1em;
}

h4.space {
margin-top: 2em;
}

h4 span {
color: #12468b;}

.first {
margin-top: 0;
}

#contactdef p {
margin-bottom: 12px;
line-height: 15.5333px;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link { color: #12468b; }
a:visited { color: #12468b; }
a:hover { color: #78a22e; }
a:active { color: #78a22e; }


/* =Masthead
-----------------------------------------------------------------------------*/
#masthead {
margin: 0 5px;
padding: 0 25px 0 0;
position: relative;
}

#masthead h1 a {
  text-indent: 5000px;
  position: absolute;
  height: 55px;
  left: 25px;
  top: 25px;
  width: 136px;
  overflow: hidden;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#mainnav {
float: right;
margin-top: 58px;
display: inline;
}

#mainnav li {
display: inline;
list-style: none;
padding-left: 30px;
}

#mainnav li a {
text-decoration: none;
font-size: 1.2em;
}

#mainnav li a:link { color: #12468b; }
#mainnav li a:hover { color: #78a22e; }
#mainnav li a:active { color: #78a22e; }

#mainnav li a.current {
cursor: default;
color: #78a22e;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#maincontent {
width: 454px;
margin: 20px 0 20px 30px;
float: left;
text-align: left;
display: inline;
}

#maincontent p {
padding-left: 40px;
}

#maincontent p.desc, #maincontent #contactdef p {
padding-left: 0;
}



#accounts #maincontent p {
padding-left: 0;
}

#accounts #maincontent {
float: right;
margin: 20px 30px 20px 0;
}

#contactitems {
width: 60px;
float: left;
}

#contactdef {
float: right;
width: 374px;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondarycontent {
float: right;
margin: 20px 30px 20px 0;
width: 206px;
text-align: left;
display: inline;
}

#secondarycontent p {
font-size: 1.1em;
line-height: 1.2em;
}

#accounts #secondarycontent p {
font-size: 1.2em;
line-height: 1.6em ;
}

#accounts #secondarycontent {
float: left;
margin: 20px 0 20px 30px;
}

.account {
border: 2px solid #78a22e;
margin-bottom: 20px;
}

.account2 {
margin: 1px;
border: 15px solid #78a22e;
padding: 10px;
}

a.button, .loginsubmit {
text-transform: uppercase;
color: #fff;
display:block;
text-indent: -5000px;
width: 150px;
height: 27px;
margin-top: 1em;
}

a.button {
background: #12468b url(../images2/signup.gif) no-repeat left top;
margin-bottom: 0;
}


.loginsubmit {
width: 100%;
background: #12468b url(../images2/signup.gif) no-repeat left top;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
clear: both;
background: #12468b url(../images2/bottom.gif) no-repeat left top;
padding: 15px 0 15px 0;
color: #fff;
font-size: .9em;
line-height: .9em;
}


/* =Forms
-----------------------------------------------------------------------------*/

.bodytext {
width: 147px;
}

 .bodysmall {
 width: 200px;
 }

form p {
  position: relative;
	width: 100%;
}

label {
	float: left;
	width: 11em;
}

#statelabel, #ziplabel {
  text-indent: -1000em;
	width: 0;
}

#city {
width: 105px;
 margin-right: 0.2em;
}

#state {
width: 30px;
margin-right: 0.2em;
margin-bottom: 0;
}

#zip {
width: 50px;
margin-bottom: 0;
}

#ever_taken {
width: 50px;
}

#ever_takenlabel, #what_companylabel {
width: 100%;
}

#submit {
margin-top: 10px;
margin-bottom: 0;
}

form {
margin-bottom: 0;
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #b8c8dc;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/* =Misc 1
-----------------------------------------------------------------------------*/
.brand {
border-top: 9px solid #78a22e;
}

.brand2 {
border-bottom: 5px solid #78a22e;
border-top: 9px solid #78a22e;
}

/* =lists
-----------------------------------------------------------------------------*/
dd {
width: 10em;
float: left;
}

dt {
display:inline;
}