/* styles for hbrt
=  ingrid ankerson, ankerson.com
=  february 2008
=============== */

body {
font-size: 75%;
color: #333;
text-align: center;
font-family: Trebuchet, "Trebuchet MS", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
margin: 0;
background: #E5E5E5 url('/style/art/background.gif') top center repeat-y;
}

div, ul, li, p,
h1,h2,h4,
ul, ol, td  {
font-family: Trebuchet, "Trebuchet MS", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
padding: 0;
margin: 0;
text-align: left;
}


h3 {
font-size: 120%;
padding: 1em 0 .05em 0;
color:#000;
}

td {
padding: 3px;
}

blockquote{
margin: 15px;
}

#footer {
font-size: .75em;
float: left;
width: 660px;
padding: 25px 0 15px 100px;
}


.access {display: none;}
.clr {clear: both;}
li {list-style-type: none;}

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

#wrapper {
text-align: left;
margin: 0 auto;
width: 765px;
position: relative;
padding-bottom: 20px;
}


/* Header 
=============== */
h1 {
font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 1.6em;
color: #666;
margin: 10px 0 0 135px;
}

#header {
background: url('art/header-bar.gif')  top left repeat-x;
margin: 10px 10px 30px 10px;
position: relative;
height: 45px;
}

#logo {
position: absolute;
left: 35px;
top: -35px;
width: 95px; height: 103px;
background: url('art/hrbt-logo.gif') top left no-repeat;
text-indent: -4000px;
}

#header ul {
	position: absolute;
	left: 144px;
	top: 16px;
}

#header li {
font-family: Arial, Helvetica, Sans-Serif;
display: inline;
color: #eee;
font-size: 1.05em;
text-transform: uppercase;
}

#header li a {
color: white;
text-decoration: none;
font-weight: bold;
}
#header li a:hover {
text-decoration: underline;
}


/* Content 
=============== */
#content p {
font-size: 1.2em;
line-height: 1.7em;
}

a:link, a:visited {
color: #970F00;
text-decoration: none;
}
a:hover {
color: #C68930;
}

#content li {
line-height: 1.7em;
list-style:disc;
margin-left:20px;
}


/* Home page 
=============== */

#home-text {
float: left;
width: 380px;
padding: 0 0 0 40px;
margin-bottom: 20px;
}

#callout {
width: 270px;
background-color: #FFCE33;
float: right;
padding: 15px 15px 5px 15px;
margin-right: 30px;
border: 2px dotted #970F00;
font-size:.95em;
}

#callout {
line-height: 1.3em;
}

#callout strong {
font-size: 1.6em;
font-weight: bold;
}
#callout a {
color: #333;
text-decoration: none;
}
#callout a:hover {
color: #C68930;
}

hr {
clear: both;
border: none;
width: 700px;
margin: 25px 20px;
background-color: #BD8D8C;
color: #BD8D8C;
height: 2px;
}

p.linkto {
text-align: right;
}

#highlights {
overflow: auto;
padding: 0 0 0 30px;
}

#highlights .item {
width: 210px;
float: left;
margin-right: 25px;
}
#highlights .item img {
border: 1px solid #333;
}

#highlights p {
margin-top: .3em;
font-size: 1.04em;
color: #555;
}



/* Content pages 
=============== */

#content h2, #main_full h2 {
color: #C68930;
font-size: 2.3em;
margin-bottom: 1em;
font-weight: normal;
}


#main {
width: 450px;
float: right; display: inline;
margin-right: 30px;
}
#main p, #main_full p {
font-size: 1.04em;
margin-bottom: 1.3em;
}

#sidebar {
float: left; display: inline;
width: 200px;
margin: 50px 0 0 30px;
}

#sidebar .pullquote {
margin: 15px 0;
border: 2px dotted #C68930;
padding: 4px;
}

#sidebar img {
border: 2px solid black;
}

#sponsor img {
border: 0px;
}

#sponsor p {
text-align:left;
color:#000000;
font-size:1.1em;

}

.pullquote p {
font-size: 1.1em;
color: #C68930;
line-height: 1.3em!important;
margin: .5em 0;
text-align: right;
}
.pullquote .quoted {
text-align: left;
font-style: italic;
}

.pullquote .menu {
text-align: left;
}

.pullquote .menu {
text-align: left;
}



/* Form 
=============== */
form {
margin-bottom: 2em;
}
#main_full form p {
line-height: 1.4em;
}
.formfields p {
margin-bottom: .6em!important;
line-height: 1.3em!important;
}

.formfields input,
.formfields textarea {
border: 1px solid #999;
padding: 2px;
}

.formfields textarea {
font-family: Trebuchet, "Trebuchet MS", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
font-size: 1.1em;
}

.formfields label {
font-size: 1em;
}
p.submit {
margin: 1em 0 .5em 0;
}
.validation-advice {
color: #e00;
font-weight: bold;
margin-bottom: .8em;
}
input.required, textarea.required {
background: #fff url('/style/art/required.gif') center right no-repeat;
}

p.message {
font-weight: bold;
color: #e00;
}
p input.checkbox {
vertical-align: middle;
}
p.verify_h {
padding: 1em;
color: #e00;
}
label.checkbox_label {
vertical-align: middle;
}


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

#main_full {
margin: 1em 40px;
}

form p {
margin: .5em 0;
clear: both;
}
form p.label {
margin-top: 1em;
margin-bottom: 0!important;
}

label {
color: #666;
}

form label {
display: block;
}
form label.checkbox_label {
display: inline;
vertical-align: middle;
}

input.checkbox,
input.radio  {
vertical-align: middle;
margin: 0 .5em 0 0!important;
}
input.text, textarea {
margin: 1px;
padding: 2px;
border: 1px solid #999;
}
input.required, textarea.required {
background: #fff url('/stylesheets/art/required.gif') center right no-repeat;
}
input.text:focus,
textarea:focus {
padding: 1px;
border: 2px solid #6FADDF;
}
textarea:focus {
padding: 3px;
}

textarea {
font-size: 1em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 4px;
}
textarea.code {
font-family: Monaco,"Courier New",Courier,monospace;
font-size: .9em;
}

input.invalid {
background-color: #fcc;
border-color: #844;
}
p.invalid {
color: #a00;
font-weight: bold;
}

.big_field input {
font-size: 1.3em;
font-weight: bold;
}
.medium_field input {
font-size: 1.1em;
font-weight: bold;
}
input.full {
width: 652px;
}
.col1,
.col2,
.col3 {
margin:0.5em 0;
}
.col1 {
float: left;
clear: left;
}
.col2 {
float: left;
clear: none;
padding-left: 1em;
}

.col3 {
float: left;
clear: none;
padding-left: 3em;
}

.form_section {
clear: both;
padding: .5em 0 .5em 0;
}