body{
font-family:'Trebuchet MS', Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#252525;
font-size:62.5%;
line-height:2em;
height:100%;
}


#header_inner, #content_inner, #sub_nav_inner {
width:935px;
margin:0 auto;
position:relative;
height:100%;
}

#wrapper{
width:100%;
}

div.overview_item{
  font-weight:normal;
  font-size:0.9em;
}


p a {
color:#FFFF99;
}

h1 a{
background:transparent url(../images/efutures_toolkit_logo.gif) 0 0 no-repeat;
width:324px;
height:54px;
display:block;
position:absolute;
top:24px;
left:0;
}

h1 a span{
display:none;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
margin:0;
padding:0;
}

p {font-size:1.4em; padding:5px 0;}
.home_main_summary p {font-size:1.9em; line-height:1.3em;}
.header_blurb p {color:#666666;}
#about_ep {margin:0 0 25px 0;}

.main_content a {
color:#FFFF99;
}

div.player_splash{
 font-size:1.2em;
 width:100%;
 margin-top:25%;
 height:50%;
 text-align:center;
}

h2 {
font-size:3em; 
color:#FFF; 
font-weight:bold; 
margin:0;
line-height:1em;
}

#bd-etesting h2, #bd-eportfolio h2, #bd-roles_responsibilities h2, #bd-resources h2{
display:block;
height:45px;
position:absolute;
top:26px;
left:0;
padding:15px 20px 0 65px;
}


#bd-etesting h2{
background:transparent url(../images/icon_etesting.png) 0 0 no-repeat;
border-right:2px solid #B03375;
}
#bd-eportfolio h2{
background:transparent url(../images/icon_eportfolio.png) 0 -5px no-repeat;
border-right:2px solid #7F6999;
}
#bd-roles_responsibilities h2{
background:transparent url(../images/icon_roles.png) 0 5px no-repeat;
}
#bd-resources h2{
background:transparent url(../images/icon_resources.png) 0 5px no-repeat;
}

#bd-accessibility h2, #bd-about_us h2, #bd-contact_us h2, #bd-glossary h2, #bd-questions h2, #bd-search h2, h2#error{
display:block;
height:40px;
position:absolute;
top:30px;
left:0;
padding:5px 20px 0 0px;
}

h3 {font-size:2em; color:#FFFF99; font-weight:bold; margin:40px 0 0 0;}

.home_bottom h3 {
font-size:2em; 
color:#FFF; 
font-weight:bold; 
margin:0 0 5px 0;
}

.home_main_title h3 {margin-bottom:10px;}

#resources_general h3, #resources_etesting h3, #resources_eportfolios h3 {
background:transparent url(../images/tile_sidebar.gif) bottom repeat-x;
width:100%;
padding:0 0 10px 0;
margin:40px 0 0 0;
}

#bd-glossary h3 {
background:transparent url(../images/tile_sidebar.gif) bottom repeat-x;
width:100%;
padding:0 0 10px 0;
}

#bd-glossary h4 {
padding:20px 0 0 0;
margin:0;
}

#bd-glossary p {
padding:0px 0 10px 0;
margin:0;
}

h4 {font-size:2.2em; color:#FFF; font-weight:bold; margin:2px 0 5px 0;}

.journey_stage h4 a {color:#FFF;}
.journey_stage h4 a:hover {color:#FFFF99;}

#bd-questions h4 {
margin:20px 0 0 0;
height:20px;
padding:0 0 0 30px;
font-size:1.8em;
background:transparent url(../images/icon_question.jpg) 0 0 no-repeat;
}

h5 {
font-size:1.1em;
font-style:normal;
line-height:140%;
padding:5px 0 0 0;
}

.right_menu h5 {
font-size:0.9em;
margin:0 0 5px 0;
color:#FFFF99;
}

h6{
float:left;
display:inline;
clear:left;
margin:0;
padding:0;
font-size:1em;
}

.resource_entry {
margin:15px 0;
font-size:1.4em;
margin-bottom:30px;
}

.resource_entry a {
color:#FFF;
background:transparent url(../images/icon_pdf.png) 0 0 no-repeat;
padding:0 0 20px 50px;


}

.resource_entry a:hover {
color:#FFFF99;
}

li {font-size:1.4em;}

.home_roles, .home_resources, .home_journey, .home_podcasts, .home_case_studies {
padding:0 0 20px 60px;
clear:both;
height:100%;
overflow:hidden;
margin:10px 0;
}

.home_bottom p{
margin:0 0 10px 0;
}

.home_bottom h3 a{
color:#FFF;
text-decoration:none;
}

.home_bottom h3 a:hover {
color:#FFFF99;
text-decoration:underline;
}

.home_roles{
background:transparent url(../images/icon_roles_home.png) 0 0 no-repeat;}
.home_resources{
background:transparent url(../images/icon_resources_home.png) 0 0 no-repeat;}
.home_journey{
background:transparent url(../images/icon_journey_home.png) 0 0 no-repeat;}
.home_podcasts{
background:transparent url(../images/icon_case_podcasts_home.png) 0 0 no-repeat;
position:relative;
padding-bottom:40px;
}
.home_case_studies{
background:transparent url(../images/icon_case_studies_home.png) 0 0 no-repeat;}

/* Header */

#header{
height:200px;
width:100%;
background-color:#FFF;
}

#header_inner{
position:relative;
overflow:hidden;
}

div.header_top{
width:100%;
}

div.header_left{
float:left;
width:65%;
}

div.header_right{
position:absolute;
top:5px;
right:0;
width:34%;
}

div.header_right form{
clear:right;
margin:0;
padding:0;
}

div.header_title{
float:left;
}

div.header_blurb{
width:510px;
position:absolute;
top:90px;
left:0;
}

div.header_bottom{
clear:both;
height:37px;
width:800px;
position:absolute;
left:0;
bottom:0;
}

#sub_nav{
margin:0;
padding:0;
height:145px;
}

#sub_nav_inner{
}

#bd-accessibility #sub_nav, #bd-about_us #sub_nav, #bd-contact_us #sub_nav, #bd-glossary #sub_nav, #bd-questions #sub_nav, #bd-search #sub_nav, #sub_nav_error
{background:#339794 url(../images/tile_green.gif) bottom repeat-x; height:100px;}
#bd-home #sub_nav {background:#339794 url(../images/tile_green.gif) bottom repeat-x;}
#bd-etesting #sub_nav {background:#9C0052 url(../images/tile_pink.gif) bottom repeat-x;}
#bd-eportfolio #sub_nav {background:#5F4480 url(../images/tile_purple.gif) bottom repeat-x;}
#bd-roles_responsibilities #sub_nav {background:#C55E00 url(../images/tile_orange.gif) bottom repeat-x;}
#bd-resources #sub_nav {background:#0F7896 url(../images/tile_blue.gif) bottom repeat-x;}

#bd-etesting .sub_nav_intro{
color:#FFF;
position:absolute;
left:240px;
top:30px;
width:570px;
font-style:italic;
}

#bd-eportfolio .sub_nav_intro{
color:#FFF;
position:absolute;
left:270px;
top:30px;
width:570px;
font-style:italic;
}

#bd-home #sub_nav{
height:100%;
overflow:hidden;
padding:15px 0 20px 0;
}

div.home_intro_text{
width:40%;
float:left;
}

.home_intro_text h2{
margin:5px 0 0 0;
line-height:1em;
}

.home_intro_text p{
padding-top:3px;
color:#FFF;
}

div.home_intro_links{
width:50%;
float:left;
margin:0 0 0 40px;
}

div.home_intro_links a{
margin:20px 40px 0 0px;
text-decoration:none;
}

div.home_intro_links a:hover {
text-decoration:underline;
color:#FFFF99;
}

div.home_intro_links a.home_btn_ep:hover, div.home_intro_links a.home_btn_et:hover {
color:#FFFF99;
}

div.home_intro_links a.home_btn_ep {
background:transparent url(../images/btn_home.png) 0 0 no-repeat;
width:140px;
height:28px;
display:block;
float:left;
color:#FFF;
font-weight:bold;
font-size:1.7em;
padding:72px 0 0 25px;
}

div.home_intro_links a.home_btn_et {
background:transparent url(../images/btn_home.png) -165px 0 no-repeat;
width:116px;
height:28px;
display:block;
float:left;
color:#FFF;
font-weight:bold;
font-size:1.7em;
padding:72px 0 0 24px;
}

/* Top Nav */

ul.topnav{
float:right;
height:30px;
margin-top:10px;
}

ul.topnav li{
list-style-type:none;
display:inline;
font-size:1.2em;
padding:0 10px 0 0;
}

ul.topnav li a{
color:#000;
}

ul.topnav li a:hover {
text-decoration:none;
color:#339794;
}

ul.primary_nav{
}

ul.primary_nav li{
list-style-type:none;
display:block;
float:left;
background:transparent url(../images/nav_primary.png) 0 0 no-repeat;
height:37px;
overflow:hidden;
margin-right:5px;
}

ul.primary_nav li a{
display:block;
height:37px;
overflow:hidden;
text-align:center;
padding:7px 0 0 0;
font-size:1em;
font-weight:bold;
color:#FFF;
text-decoration:none;
}

ul.primary_nav li a:hover {
background:transparent url(../images/nav_primary.png) 0 0 no-repeat;
text-decoration:underline;
}

li#pri_nav_home a{width:78px;}
li#pri_nav_home a:hover { background-position:0 -74px;}
li#pri_nav_home_active a:hover { background-position:0 0;}
li#pri_nav_etesting a{width:104px;}
li#pri_nav_etesting a:hover { background-position:-79px -74px;}
li#pri_nav_etesting_active a:hover { background-position:-79px 0;}
li#pri_nav_eportfolio a{width:120px;}
li#pri_nav_eportfolio a:hover { background-position:-184px -74px;}
li#pri_nav_eportfolio_active a:hover { background-position:-184px 0;}
li#pri_nav_roles a{width:190px;}
li#pri_nav_roles a:hover { background-position:-305px -74px;}
li#pri_nav_roles_active a:hover { background-position:-305px 0;}
li#pri_nav_resources a{width:100px;}
li#pri_nav_resources a:hover { background-position:-496px -74px;}
li#pri_nav_resources_active a:hover { background-position:-496px 0;}

li#pri_nav_home{width:78px; background-position:0 -37px;}
li#pri_nav_home_active{width:78px; background-position:0 0;}
li#pri_nav_etesting{width:104px; background-position:-79px -37px;}
li#pri_nav_etesting_active{width:104px; background-position:-79px 0;}
li#pri_nav_eportfolio{width:120px; background-position:-184px -37px;}
li#pri_nav_eportfolio_active{width:120px; background-position:-184px 0;}
li#pri_nav_roles{width:190px; background-position:-305px -37px;}
li#pri_nav_roles_active{width:190px; background-position:-305px 0;}
li#pri_nav_resources{width:100px; background-position:-496px -37px;}
li#pri_nav_resources_active{width:100px; background-position:-496px 0;}

.tabbednav_wrap{
position:absolute;
display:block;
height:27px;
width:935px;
bottom:0;
left:0;
}

ul.tabbednav li{
list-style-type:none;
display:block;
background-color:#444444;
float:left;
height:24px;
overflow:hidden;
margin-right:5px;
padding:3px 7px 0 7px;
}

ul.tabbednav li:hover {
background-color:#333333;
}

ul.tabbednav li.active {
background-color:#252525;
}

ul.tabbednav li a{
text-decoration:none;
color:#FFF;
}

ul.tabbednav li a:hover {
text-decoration:underline;
color:#FFF;
}

.content {
clear:both;
width:100%;
color:#FFF;
margin-bottom:40px;
overflow:hidden;
}

div.right_menu{
float:right;
width:240px;
margin-top:40px;
}

ul.right_nav{
list-style-type:none;
}

ul.right_nav li{
}

ul.right_nav li a{
display:block;
height:50px;
padding:25px 0 0 60px;
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
background:transparent url(../images/tile_sidebar.gif) bottom repeat-x;
}

ul.right_nav li a:hover {
text-decoration:underline;
color:#FFFF99;
background:transparent url(../images/sidebar_gradient.gif) bottom repeat-x;
}

li#btn_journey{
background:transparent url(../images/icon_sidebar_journey.jpg) 0 12px no-repeat;
}
li#btn_case{
background:transparent url(../images/icon_sidebar_casestudies.jpg) 0 20px no-repeat;
}
li#btn_testimonials{
background:transparent url(../images/icon_sidebar_testimonials.jpg) 0 10px no-repeat;
}
li#btn_roles{
background:transparent url(../images/icon_sidebar_roles.jpg) 0 10px no-repeat;
}
li#btn_questions{
background:transparent url(../images/icon_sidebar_questions.jpg) 0 20px no-repeat;
}
li#btn_ask{
background:transparent url(../images/icon_sidebar_ask.jpg) 0 20px no-repeat;
}
li#btn_checklists{
background:transparent url(../images/icon_sidebar_checklists.jpg) 0 20px no-repeat;
}

/* Sidebar - Featured Case Study */

li#btn_featured_case{
background:transparent url(../images/icon_sidebar_casestudies.jpg) 0 20px no-repeat;
height:100%;
}

ul.right_nav li#btn_featured_case a {
height:50px;
background:none;
}

ul.right_nav li#btn_featured_case a.featured {
text-decoration:underline;
}

ul.right_nav li#btn_featured_case a.featured:hover {
text-decoration:none;
}

.main_content {
position:relative;
}

.main_content div.case_study_item {
background:none;
padding:0;
}

.main_content div.case_study_item p {
font-size:1.4em;
}

.main_content div.case_study_item div.casestudyintro p{
font-size:1.8em;
line-height:140%;
padding:0;
margin-top:20px;
}

.home_case_studies img {
float:left;
margin:10px 15px 0 0;
}

.home_case_studies p {
padding:6px 0 0 0;
margin:0;
}

.casestudythumb {
overflow:hidden;
height:auto;
}

.casestudybtn {
margin:15px 0 0 95px;
}

.casestudyimage {
margin:25px 0 10px 0;
}

div.case_study_item {
background:transparent url(../images/tile_sidebar.gif) bottom repeat-x;
padding:0 0 20px 0;
}

div.case_study_item p{
font-size:1em;
}

div.case_study_item h3 {
line-height:120%;
}

h3.less_width {
width:80%;
}

div.case_study_item h3 span a {
position:absolute;
right:30px;
text-align:right;
top:40px;
width:auto;
font-size:0.6em;
}

div.testimonial h3 a, div.case_study_item h3 a{
color:#FFFF99;
text-decoration:underline;
}

div.testimonial h3 a:hover, div.case_study_item h3 a:hover {
text-decoration:none;
}

li#btn_featured_case div.case_study_item a {
background:none;
font-size:1em;
padding:0;
height:auto;
}

div.case_study{
border:1px solid #FF0000;
}

a.download_case {
float:right;
display:block;
font-weight:bold;
font-size:1.6em;
color:#999999;
margin:10px 0 20px 0;
padding:15px 0 0 70px;
width:215px;
height:33px;
background:transparent url(../images/btn_download.png) 0 0 no-repeat;
text-decoration:none;
}

a.download_case:hover {
background:transparent url(../images/btn_download.png) 0 -48px no-repeat;
color:#FFF;
}

div.main_content{
float:left;
width:630px;
padding:0 30px 0 10px;
background:transparent url(../images/tile_main.gif) right repeat-y;
}

div.journey_stage {
clear:left;
margin:20px 0 15px 0;
height:100%;
overflow:hidden;
}

div.journey_stage_thumb {
float:left;
margin-right:20px;
}

div.journey_stage_content{
width:480px;
float:right;
}

div.arrow_down{
width:120px;
display:block;
height:30px;
margin-top:6px;
background:transparent url(../images/icon_arrow_down.png) 51px 0 no-repeat;
clear:left;
float:left;
}

/* Journey of Evidence Nav */

.main_content ul.etesting_journey_subnav {
height:100%;
padding:0;
margin:30px 0 35px 0;
overflow:hidden;
}

.main_content ul.etesting_journey_subnav li{
list-style-type:none;
display:block;
float:left;
width:17%;
padding:0;
margin:0 0 0 0;
text-align:center;
}

.main_content ul.etesting_journey_subnav li.arrow_across{
background:transparent url(../images/icon_arrow_across.png) 0 0 no-repeat;
width:21px;
height:14px;
margin:30px 10px 0 10px;
}

div.number{
color:#252525;
padding:2px 0 0 0;
width:24px;
height:24px;
background:transparent url(../images/icon_number.png) 0 0 no-repeat;
margin:0 auto;
font-weight:bold;
}

div.stage{
float:left;
width:100%;
}

ul.etesting_journey_subnav li a {
width:95px;
text-decoration:underline;
color:#CCCCCC;
}

ul.etesting_journey_subnav li a:hover {
color:#FFF;
text-decoration:none;
}

ul.etesting_journey_subnav li.selected a {
font-weight:bold;
text-decoration:underline;
color:#FFFF99;
}

ul.etesting_journey_subnav li:hover div.number {
background:transparent url(../images/icon_number.png) -24px 0 no-repeat;
}

ul.etesting_journey_subnav li.selected div.number {
background:transparent url(../images/icon_number.png) -24px 0 no-repeat;
}

li.etesting_journey_intro{
}

div.bottom{
width:100%;
clear:both;
height:90px;
overflow:hidden;
background:transparent url(../images/tile_sidebar.gif) top repeat-x;
padding-top:15px;
margin-top:40px;
}

div.questions{
float:right;
width:40%;
margin:5px 0 0 0;
font-size:1.4em;
}

div.questions a{
color:#FFFF99;
font-size:1.2em;;
display:block;
height:28px;
padding:0 0 0 40px;
}

div.questions a:hover {
text-decoration:none;
color:#FFF;
}

a.bot_questions{
background:transparent url(../images/icon_bottom_questions.png) 0 0 no-repeat;
}
a.bot_ask{
background:transparent url(../images/icon_bottom_ask.png) 0 0 no-repeat;
}

div.ratings{
float:left;
width:50%;
font-size:1.8em;
position:relative;
background:transparent url(../images/tile_main.gif) right repeat-y;
height:50%;
padding:35px 0 0 10px;
}

div.ratings a{
color:#FFFF99;
text-decoration:none;
}

div.ratings a:hover {
color:#FFF;
text-decoration:none;
}

div#ratingField {
display:block;
position:absolute;
right:60px;
top:0;
width:57px;
height:27px;
background:transparent url(../images/rating.png) 0 0 no-repeat;
text-align:center;
padding:40px 0 0 0;
color:#FFF;
text-decoration:none;
cursor:pointer;
}

div#ratingField:hover {
background:transparent url(../images/rating.png) -57px 0 no-repeat;
}

div#ratingField a span {
text-decoration:none;
color:#FFF;
}

div#ratingField span {
width:40px;
}

div#ratingField span p {
font-size:1.1em;
padding:1px 0;
}

.comments{
margin-top:50px;
}

div.comment_name{
font-style:italic;
}

div.home_main_summary{
float:left;
width:280px;
padding-right:5px;
}

div.home_main_content{
float:left;
width:580px;
padding-left:25px;
}

div.home_content{
clear:both;
overflow:hidden;
margin:0 0 40px 0;
}

div.home_bottom{
clear:both;
width:825px;
overflow:hidden;
}

div#home_bottom_top {
display:block;
height:13px;
width:825px;
background:transparent url(../images/frame_top_home.png) 0 0 no-repeat;
overflow:hidden;
}

div#home_bottom_middle {
height:100%;
overflow:hidden;
background-color:#1F1F1F;
padding:15px 0 0 40px;
}

div#home_bottom_bottom {
display:block;
height:13px;
width:825px;
background:transparent url(../images/frame_bottom_home.png) 0 0 no-repeat;
}

div.home_bottom_left{
width:300px;
float:left;
}

div.home_bottom_right{
width:360px;
float:left;
margin-left:70px;
}

div.podcast_main_body{
width:100%;
}

div.podcast_main{
float:left;
width:45%;
margin-bottom:30px;
}

div.podcast_subscribe{
float:right;
width:50%;
margin-bottom:30px;
}

div.podcast_subscribe input{
width:280px;
border:1px solid #c2c2c2;
background-color:#333;
color:#FFF;
}

#letter_index {
margin:35px 0 0 0;
}

#letter_index li{
display:inline;
}

#letter_index li a{
color:#FFFF99;
padding:5px 8px;
}

#letter_index li a:hover { 
background-color:#121212;
color:#FFF;
}

div.podcast_intro {
margin:0 0 15px 0;
}

div.items{
width:200px;
position:relative; 
}

div.player{
float:left;
height:250px;
background-color:#171717;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-top:1px solid #999;
}

div.podcast_playlist{
 position:relative; 
 overflow:hidden;          
 float:left;
 height:250px;
 background-color:#171717;
 border-left:1px solid #999;
 border-bottom:1px solid #999;
 border-top:1px solid #999;
}

.podcast_item_desc {
clear:left;
font-size:1.3em;
display:block;
width:165px;
color:#FFF;
cursor:pointer;
}

.podcast_item_title {
font-size:1em;
text-transform:uppercase;
color:#999;
width:165px;
display:block;
}

.podcast_item_title:hover, .podcast_item_desc:hover {
color:#FFFF99;
cursor:pointer;
}

a div.podcast_item {
text-decoration:none;
padding:6px 5px 8px 15px;
margin:0;
border-bottom:1px solid #212121;
background:transparent url(../images/icon_arrow_podcast.png) 183px 50% no-repeat;
}

a div.podcast_item:hover {
background:#212121 url(../images/icon_arrow_podcast_active.png) 183px 50% no-repeat;
}

a.down span, a.up span {
display:none;
}

a.down {
clear:left;
display:block;
color:red;
font-size:1.4em;
background:transparent url(../images/icon_arrow_downwards.png) 75px 0 no-repeat;
display:block;
height:14px;
width:200px;
cursor:pointer;
}

a.up {
clear:left;
display:block;
color:red;
font-size:1.4em;
background:transparent url(../images/icon_arrow_upwards.png) 75px 0 no-repeat;
display:block;
height:14px;
width:200px;
cursor:pointer;
}

a.learn, a.learn_light{
display:block;
width:160px;
height:27px;
background:transparent url(../images/btn_learn.png) 0 0 no-repeat;
font-size:1.3em;
font-weight:bold;
color:#999;
padding:2px 0 0 15px;
float:left;
text-decoration:none;
}

a.learn:hover, a.learn_light:hover {
background-position:0 -29px;
color:#FFF;
}

a.learn_light{
background:transparent url(../images/btn_learn_light.png) 0 0 no-repeat;
float:right;
}

a.btn_ep_journey{
display:block;
width:250px;
height:32px;
background:transparent url(../images/btn_journey.png) 0 0 no-repeat;
font-size:1.3em;
font-weight:bold;
color:#999;
padding:6px 0 0 15px;
float:left;
text-decoration:none;
margin:2px 0;
}

a.btn_ep_journey:hover {
background-position:0 -38px;
color:#FFF;
}

a.btn_et_journey{
display:block;
width:250px;
height:32px;
background:transparent url(../images/btn_journey.png) 0 0 no-repeat;
font-size:1.3em;
font-weight:bold;
color:#999;
padding:6px 0 0 15px;
float:left;
text-decoration:none;
margin:2px 0;
}

a.btn_et_journey:hover {
background-position:0 -38px;
color:#FFF;
}

a.watch {
display:block;
position:absolute;
width:139px;
height:26px;
background:transparent url(../images/btn_watch.png) 0 0 no-repeat;
bottom:32px;
left:150px;
color:#999;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
padding:1px 0 0 15px;
}

a.watch:hover {
background-position:0 -27px;
color:#FFF;
}

.etesting_journey_intro p, .eportoflios_journey_intro p {
font-size:1.7em;
line-height:140%;
margin:10px 0 5px 0;
}

.etesting_journey_intro h3, .eportoflios_journey_intro h3 {
padding:0 0 0 0;
margin:0;
font-size:2.4em;
}

.etesting_journey_intro {
padding:10px 0 0 0;
}

.etesting_journey_content {
clear:left;
}

span.numberspan{
color:#252525;
margin:-2px 10px 0 0;
padding:2px 0 0 6px;
width:18px;
height:24px;
background:transparent url(../images/icon_number.png) -24px 0 no-repeat;
font-weight:bold;
display:block;
float:left;
font-size:0.7em;
}

.etesting_journey_main .journey_stage_thumb {
margin:0 25px 5px 0;
}

.main_content ul {
list-style-type:circle;
margin-left:20px;
padding:10px 0;
}

.main_content ul li {
list-style-position:outside;
padding:8px 0;
}

div.question_form, div.contact_form, div.show_comments, div.post_comment{
background-color:#333;
padding:20px 30px 60px 30px;
overflow:hidden;
width:570px;
position:relative;
}

div.show_comments{
padding-bottom:30px;
}

.question_form {
margin-top:40px;
}

div.show_comments {
border-top:1px solid #252525;
}

.question_form h3, .contact_form h3, .show_comments h3, .post_comment h3 {
margin:0 0 10px 0;
}

form#comment_form {
font-weight:normal;
font-family:'Trebuchet MS', Helvetica, sans-serif;
background-color:#333;
height:100%;
overflow:hidden;
display:inline;
}

label{
font-size:1.4em;
float:left;
clear:left;
margin:7px 0 0 0;
}

input{
height:20px;
padding:3px;
border:1px solid #000;
background-color:#CCC;
font-weight:normal;
color:#000;
float:left;
clear:left;
margin:5px 0;
font-family:'Trebuchet MS', Helvetica, sans-serif;
}

textarea{
border:1px solid #000;
background-color:#CCC;
font-family:'Trebuchet MS', Helvetica, sans-serif;
width:560px;
height:150px;
padding:3px;
font-size:1.4em;
clear:left;
float:left;
margin:5px 0;
}

input#submit {
border:1px solid #666666;
background-color:#252525;
color:#FFF;
font-size:1.4em;
font-weight:bold;
height:auto;
width:70px;
padding:3px;
position:absolute;
bottom:20px;
right:40px;
}

input#submit:hover {
background-color:#666666;
border-color:#FFF;
color:#FFF;
}

input#search {
border:0;
background:transparent url(../images/search.png) 0 0 no-repeat;
color:#666666;
font-size:1.4em;
height:25px;
padding:5px 0 0 32px;
width:208px;
overflow:hidden;
clear:none;
float:right;
}

input#search_btn{
border:1px solid #cccccc;
background-color:#e2e2e2;
color:#252525;
font-size:1.4em;
font-weight:bold;
float:right;
width:60px;
height:30px;
clear:none;
padding:2px;
margin:5px 0 0 10px;
}

input#search_btn:hover {
background-color:#339794;
border:1px solid #339794;
color:#FFF;
}

div#captcha {
clear:left;
float:left;
margin:10px 0 0 0;
}

div.comment{
position:relative;
margin:30px 0 0 20px;
padding-right:55px;
overflow:hidden;
width:465px;
text-align:left;
padding-bottom:20px;
border-bottom:1px solid #404040;
}

div.comment_text{
margin:0 0 0 65px;
width:80%;
font-size:1.1em;
font-weight:normal;
font-style:italic;
}

div.comment_name{
width:100%;
clear:right;
text-align:right;
font-size:0.8em;
}

div.open_quote {
background:transparent url(../images/open_quote.png) 0 0 no-repeat;
height:27px;
width:41px;
display:block;
position:absolute;
top:0;
left:0;
}

div.close_quote {
background:transparent url(../images/close_quote.png) 0 0 no-repeat;
height:27px;
width:41px;
display:block;
position:absolute;
bottom:30px;
right:0;
}

div#footer {
height:100%;
background:transparent url(../images/tile_sidebar.gif) top repeat-x;
width:935px;
margin:0 auto;
text-align:center;
padding:0 0 20px 0;
}

div#footer ul{
padding:15px 0 0 0;
}

div#footer ul li{
display:inline;
padding:0 5px;
}

div#footer ul li a{
color:#c2c2c2;
font-size:0.9em;
}

div#footer a:hover {
color:#FFFF99;
}

div.front_text{
color:#525252;
font-size:1.1em;

margin-top:30px;
margin-bottom:20px;
}

div.front_text a{
text-decoration:none;
color:#525252;

}

#bd-search .main ul {
list-style:none;
}

#bd-search .main ul li {
padding:10px 0;
}

#bd-search .main ul li a {
color:#FFFF99;
}

#bd-search .main ul li a:hover {
text-decoration:none;
}

/* Style rules for validation text */

.LV_validation_message{
font-weight:bold;
margin:0 0 0 0;
font-size:1.1em;
}
        
    
.LV_valid {
color:#00CC00;
float:left;
clear:left;
}
              
.LV_invalid {
color:#CC0000;
float:left;
clear:left;

}
                      
.LV_valid_field,
    input.LV_valid_field:hover, 
    input.LV_valid_field:active,
    textarea.LV_valid_field:hover, 
    textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
                              
.LV_invalid_field, 
    input.LV_invalid_field:hover, 
    input.LV_invalid_field:active,
    textarea.LV_invalid_field:hover, 
    textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}