
* { margin: 0; padding: 0 }
body        { color: #3d3d3d; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #66ace1; height: 100% }
/****** Main Build *******/
#container          { background-color: #fff; text-align: left; margin-top: 20px; margin-right: auto; margin-left: auto; padding-top: 24px; padding-right: 24px; padding-left: 24px; width: 960px }
#header      { background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: 0 0; margin-bottom: 5px; width: 960px; height: 145px }
#header h2 { font-weight: normal; position: relative; right: 40px; float: right }
#header h2 a { color: #3d3d00 !important; font-size: 16px; line-height: 30px; text-decoration: none; display: block }
#header h2 a:hover { color: #0678b3 !important; text-decoration: none }
#nav      { background-image: url(images/nav-off.png); background-repeat: repeat-x; width: 960px; height: 41px; clear: both }
#content_body    { background-color: #fff; margin-top: 5px; width: 960px }
#footer         { font-size: 11px; font-weight: bold; line-height: 15px; background-color: #fff; text-transform: uppercase; margin-top: 25px; width: 960px; height: 30px; clear: both }
#bfoot { font-size: 10px; line-height: 20px; text-align: right; margin: 0 auto 20px; padding-right: 24px; padding-left: 24px; width: 960px; height: 20px }
#bfoot a { color: #666; text-decoration: none }
.splitleft { width: 46%; float: left }
.splitright { width: 46%; float: right }
/**** Old navigation Styles ******/
#nav ul  { text-align: center; padding-left: 2px; width: 960px; float: right }
#nav li { list-style-type: none; display: inline }
#nav li a    { color: #fff; font-size: 14px; line-height: 43px; text-decoration: none; background-image: url(images/nav-off.jpg); background-repeat: no-repeat; position: relative; width: 160px; height: 43px; float: right }
#nav li.last a    { color: #fff; font-size: 14px; line-height: 43px; text-decoration: none; background-image: url(images/nav-off.jpg); background-repeat: no-repeat; list-style-type: none; display: inline; position: relative; width: 160px; height: 43px; float: right }
#nav li a:hover   { color: #fff; font-size: 14px; text-decoration: none; background-image: url(images/nav-on.jpg) }
/**** Home page Treatments ***/
#featurebox   { background-color: white; background-image: url(/assets/images/home-feature.jpg); background-repeat: no-repeat; width: 960px; height: 288px; float: left }
#featurebox h5   { font-weight: normal; text-align: center; display: block; position: relative; top: 163px; left: 462px; width: 182px; height: 42px; float: left }
#featurebox h5 a   { color: #fff; font-size: 17px; font-weight: normal; line-height: 42px; text-decoration: none; display: block }
#featurebox h5 a:hover  { color: #fff; text-decoration: underline }

#oycby_box   { background-color: white; background-image: url(/assets/images/oycby-home-ad.jpg); background-repeat: no-repeat; width: 378px; height: 252px; float: left }
#oycby_box h5   { font-weight: normal; text-align: center; display: block; position: relative; top: 112px; left: 197px; width: 72px; height: 27px; float: left }
#oycby_box h5 a   { color: #fff; font-size: 14px; line-height: 27px; text-decoration: none; display: block }
#oycby_box h5 a:hover  { color: #fff; text-decoration: underline }

#coaching_box    { background-color: white; background-image: url(/assets/images/coach-training.jpg); background-repeat: no-repeat; width: 378px; height: 233px; float: left }
#coaching_box h5    { font-weight: normal; text-align: center; display: block; position: relative; top: 190px; left: 280px; width: 72px; height: 27px; float: left }
#coaching_box h5 a   { color: #fff; font-size: 14px; line-height: 27px; text-decoration: none; display: block }
#coaching_box h5 a:hover  { color: #fff; text-decoration: underline }

#news_box     { padding: 12px; width: 354px; float: left; border: solid 1px #888 }
#news_box h5    { font-weight: normal; text-align: center; display: block; position: relative; top: 190px; left: 280px; width: 72px; height: 27px; float: left }
#news_box h5 a   { color: #fff; font-size: 14px; line-height: 27px; text-decoration: none; display: block }
#news_box h5 a:hover  { color: #fff; text-decoration: underline }
#endorse_box { margin-top: 5px; margin-bottom: 10px; width: 450px; height: 58px; float: left; border-bottom: 2px solid #7fc31c }
#endorse_box img { padding-right: 15px; width: 58px; height: 58px; float: left }
#endorse_box h2 { color: #7fc31c; font-size: 16px; line-height: 18px }
#endorse_pbox  { margin-top: 5px; margin-bottom: 10px; width: 100%; height: 58px; float: left }
#endorse_pbox img { padding-right: 15px; width: 58px; height: 58px; float: left }
#endorse_pbox h2  { color: #7fc31c; font-size: 14px; line-height: 15px }
#endorse_pbox h1 { color: #0678b3; font-size: 17px; line-height: 21px; padding-top: 3px }
#booksellbox h2 { font-size: 17px; line-height: 27px; display: block; top: 206px; left: 190px; width: 136px; height: 27px }
#booksellbox { width: 378px; height: 253px }
/**** Content Body Styles ******/
#content         { background-color: #fff; margin-top: 30px; margin-bottom: 10px; padding-right: 20px; padding-left: 20px; width: 500px; float: left; border-right: 1px solid #8c8c8c }
#contentfull      { background-color: #fff; width: 960px }
.fullmargins { margin-top: 30px; margin-bottom: 10px; padding-right: 20px; padding-left: 20px }
#sidebar        { background-color: #fff; margin-top: 30px; margin-bottom: 10px; padding-right: 25px; padding-left: 10px; width: 365px; float: right }
#sidebar h4  { color: #e67300; font-size: 13px; line-height: 16px }
#sidebar h4 a { color: #2f498a }
#sidebar li  { list-style-type: none; margin-left: 15px; border-style: none }
#sidebar li a  { color: #2f498a; font-size: 12px; line-height: 18px }
/*font/img/list styles*/
#content ul, #content ol  { list-style-position: inside; margin-top: 5px; margin-bottom: 15px; margin-left: 15px; padding-left: 5px }
#contentfull ul, #contentfull ol { list-style-position: outside; margin-top: 5px; margin-bottom: 15px; margin-left: 20px }
#footer ul li { list-style-type: none; display: inline }
#footer ul li a { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: none; text-align: left; padding-right: 12px; padding-left: 11px; border-right: 1px solid #3d3d3d }
#footer ul li a:hover { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: underline; text-align: left; padding-right: 12px; padding-left: 11px; border-right: 1px solid #3d3d3d }
#footer ul li.last a { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: none; text-align: left; padding-right: 12px; padding-left: 11px; border-style: none }
#footer ul li.last a:hover { color: #3d3d3d; font-size: 11px; line-height: 10px; text-decoration: underline; text-align: left; padding-right: 12px; padding-left: 11px; border-style: none }
a:hover   { color: #0678b3; text-decoration: underline }
a   { color: #0678b3; text-decoration: none }
a img{
border:none;
margin:2px 2px 2px 0;
}

img.alignleft   { margin: 3px 12px 3px 0; float: left }
img.alignright   { margin: 3px 0 3px 12px; float: right }
hr { width: 100%; color: #8C8C8C; margin-top:10px; margin-bottom: 20px}
p  { padding-bottom: 12px }
h2  { color: #474747; font-size: 19px; line-height: 24px }
h3  { font-size: 17px; line-height: 23px }
h4 { font-size: 15px }
h5 { font-size: 13px }
h6 { font-size: 11px }
li.resourc { list-style-position: inside; margin-left: 0; padding-left: 10px }
#resource_box { margin-bottom: 30px; width: 100%; float: left }
.blue { color: #0678b3 }
blockquote{
margin:0;
padding:0 0 0 30px;
color:#111;
}

/*form elements*/
select { color: #333; font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-right: 5px; padding: 3px 5px; width: 215px }
option { padding-left: 5px }
.button  { color: #fff; background-color: #333; cursor: pointer; padding: 2px 5px; width: 101px; border: solid 1px #333 }

.button:hover{
color:#333;
cursor:pointer;
background-color:#fff;
}
caption {
	padding: 0 0 5px 0;
	width: 520px;	 
	font: italic 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th    { color: #333; font: bold 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #fefefe url(../images/tablehead.gif) no-repeat; text-align: left; text-transform: uppercase; letter-spacing: 2px; padding: 6px 6px 6px 12px; border: solid 1px #999 }

th.nobg {
	border: 1px solid #999;
	background: none;
}
td { color: #333; background: #fff; padding: 6px 6px 6px 12px }
td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border: 1px solid #999;
	font: bold 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border: 1px solid #999;
	font: bold 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.odd td{
background-color:#f8f8f8;
}


/*Tabs*/

.advanced_link{
padding:2px 5px;
text-decoration:none;
border:1px solid #dedede;
background-color:#dedede;
color:#333;
}

.advanced_link:hover{
background-color:#333;
color:#dedede;
}
.tablist{
margin-top:8px;
}
textarea:hover, .textinput:hover, .textinput_st:hover { background-color: #f8f8f8 }
.textinput { color: #333; font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #d7d7d7; margin-right: 5px; padding: 3px 5px; width: 215px; border: solid 1px }
.textinput-home  { color: #333; font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #d7d7d7; margin-right: 5px; padding: 3px 5px; width: 150px; border: solid 1px }
.textinput_st   { color: #333; font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #d7d7d7; margin-right: 5px; padding: 3px 5px; width: 60px; border: solid 1px }
textarea { color: #333; font: 12px Arial, Helvetica; background-color: #d7d7d7; padding: 3px 5px; width: 380px; height: 105px; border: solid 1px }
textarea.home  { color: #333; font: 12px Arial, Helvetica; background-color: #d7d7d7; padding: 3px 5px; width: 342px; height: 60px; border: solid 1px }
textarea.contact { color: #333; font: 12px Arial, Helvetica; background-color: #d7d7d7; padding: 3px 5px; width: 215px; height: 70px; border: solid 1px }
.formcol1  { text-align: right; display: block; margin: 0 1px 3px 0; width: 125px; height: 22px; float: left }
label  { font-size: 12px; font-family: helvetica; font-weight: normal; line-height: 22px; text-align: left; text-transform: uppercase }
.chk_label { font-size: 12px; font-family: Helvetica; font-weight: bold; line-height: 17px; text-align: left; text-transform: uppercase }
checkbox { margin-top: 2px; width: 23px; height: 23px; border-top: 1px solid #333 }
.formcol2   { line-height: 22px; text-align: left; display: block; margin: 0 0 3px 2px; width: 215px; height: 22px; float: left }
.formcolh2  { line-height: 22px; text-align: left; display: block; margin: 0 0 3px 2px; width: 150px; height: 22px; float: left }
.formcol3 { line-height: 22px; text-align: left; display: block; margin: 0 0 3px 2px; width: 285px; height: 22px; float: left }
.formcolcom  { text-align: left; display: block; margin: 0 0 3px 2px; width: 215px; height: 95px; float: left }
.formcolcom2 { text-align: left; display: block; margin: 0 0 3px 2px; width: 320px; height: 55px; float: left }
div.row    { width: 365px; height: 32px; float: left }
div.hrow  { width: 270px; height: 32px; float: left }
div.row1  { width: 455px; height: 24px; float: left }
form.memberform    { margin-top: 20px; width: 365px; float: left }
form.contactform { padding-right: 20px; margin-top: 20px; width: 100%; float: left }
.error    { color: red; text-align: left; display: none; padding-left: 130px; width: 235px }
.success {color:red;}
