/************************************************************************/
/* Axiom CSS default style sheet. Leon Barrett 2009. leon@leonbarrett.com 
/************************************************************************/

body{
background-image: url(../images/body_bg.jpg);
background-position: top;
background-repeat:repeat-x;
background-color: #4A4A4A;
font-size: 16px;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
}

#header_wrapper{
width:100%;
height: 256px;
}

h1{
text-indent: -9999px;
height: 0px;
margin: 0;
font-size: 0px;
}

#header{
width: 930px;
height: 256px;
background-image: url(../images/header_bg.jpg);
background-position: top;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
position: relative;
}

.home_link{

margin-left: 70px;
}

#top_nav{
position: relative;

display: block;
width: 771px;
height: 50px;
margin: 77px auto 0 auto;
font-size: 0.81em;
}

.nav_list{
position: absolute;
top:16px;
float: left;
}

.nav_list a, .nav_list a:visited{
text-decoration: none;
color: #333333;

}

.nav_list a:hover{
text-decoration: underline;
color: #333333;
}

.nav_list li{
float: left;
background-image: url(../images/seperator.jpg);
background-position: left;
background-repeat: no-repeat;
padding: 0 0 0 7px;
margin: 0 5px 0 0;
height: 14px;
}

.nav_list li.first{
background-image: none;
}

#profile_link{
display: block;
float: right;
width: 157px;
height: 50px;
}

#testimonial_wrapper{
width:100%;
height: 94px;
}

#testimonial{
width: 800px;
height: 94px;
/*
background-image: url(../images/testimonial_1.jpg);
background-position: top;
background-repeat: no-repeat;
*/
margin: 0 auto 0 auto;
position: relative;
}

#wrapper{
width: 794px;
height: auto;
background-color: white;
margin: 0 auto 0 auto;
position: relative;
}

#content{
position: relative;
float: left;

width: 574px;
background-color: #FFFFFF;
background-image: url(../images/tea_stain.jpg);
background-position: bottom right;
background-repeat: no-repeat;
min-height:1190px;
padding: 0 0 80px 0;
}

#content ul, #content ol{
font-family: "Arial", Arial;
color: #848484;
font-size: 13px;
line-height: 18px;
padding: 12px 16px 0px 16px;
}

#content ul li{
list-style: disc;
margin: 5px 5px 5px 10px;
list-style-position: inside;
}

#content ol li{
list-style:decimal;
margin: 5px 5px 5px 10px;
list-style-position: inside;
}

#content h2{
margin: 24px 16px 16px 16px;
font-size: 18px;
color: #83D11B;
}

#content h3{
margin: 25px 16px 0px 16px;
font-size: 15px;
color: #83D11B;
}

.body_content{
font-family: "Arial", Arial;
color: #848484;
font-size: 13px;
line-height: 18px;
padding: 12px 16px 0px 16px;
}

.body_content a,.body_content a:visited{
color: #848484;
text-decoration: underline;
}

.testimonial_content{
font-family: "Arial", Arial;
color: #848484;
font-size: 13px;
line-height: 18px;
margin: 12px 16px 10px 16px;
padding: 0 0 10px 0;
border-bottom: 1px dashed black;
}

.all_courses_link{
font-size: 13px;
padding: 12px 16px 20px 16px;
}

.all_courses_link a, .all_courses_link a:visited{

color: #83D11B;
text-decoration: none;
}

.all_courses_link a:hover{
color: #83D11B;
text-decoration: underline;
}

#side_bar_wrapper{
position: relative;
float: left;
height: auto;
/* height: 1270px; */
width: 220px;
}

#side_bar{
width: 190px;
height: auto;
/* height: 1270px; */
float: left;
position: relative;
margin: 0;
padding: 0;
}

#side_bar_tabs{
width: 30px;
height: auto;
float: left;
position: relative;
}

.side_bar_tab{
width: 30px;
height: 130px;
background-color: green;
}

.side_bar_content{
width: 190px;
display: none;
/* height: 1270px; */
margin: 0;
padding: 0;
}


.tab_inner{
display: block;
width: 155px;
height: auto;
margin: 0 auto 0 auto;
}

.tab_inner p{
font-size: 12px;
margin: 5px 0 5px 0;
line-height: 14px;
}

.tab_inner h2{
color: #FFFFFF;
font-size: 18px;
font-weight: 100;
margin: 0 0 10px 0;
padding: 15px 0 0 0;
}

.tab_inner h2 a, .tab_inner h2 a:visited{
color: #FFFFFF;
font-size: 18px;
font-weight: 100;
margin: 0 0 10px 0;
padding: 15px 0 0 0;
text-decoration: none;
}

.tab_inner h2 a:hover{
color: #FFFFFF;
text-decoration: underline;
}


.tab_inner h3{
color: #FFFFFF;
font-size: 13px;
font-weight: 100;
margin: 0 0 10px 0;
padding: 15px 0 0 0;
}

.tab_inner h3 a, .tab_inner h3 a:visited{
color: #FFFFFF;
font-size: 13px;
font-weight: 100;
margin: 0 0 10px 0;
padding: 15px 0 0 0;
text-decoration: none;
}

.tab_inner h3 a:hover{
color: #FFFFFF;
text-decoration: underline;
}


.tabInactive{
background-position: 30px 0px;
}

.tabActive{
background-position: 0px 0px;
}

#tab1{
background-color: #73C922;
background-image: url('../images/contact_tab.jpg');
}

#side_bar_tab1{
background-color: #73C922;

}

#tab2{
background-color: #D88A00;
background-image: url('../images/flickr_tab.jpg');

}

#side_bar_tab2{
background-color: #D88A00;
}

#tab3{
background-color: #9C0F97;
background-image: url('../images/youtube_tab.jpg');
}

#side_bar_tab3{
background-color: #9C0F97;
}

#tab4{
background-color: #0088AF;
background-image: url('../images/feed_tab.jpg');
}

#side_bar_tab4{
background-color: #0088AF;
}

#footer_wrapper{
width:100%;
height: 217px;
background-image: url(../images/footer_bg.jpg);
background-position: top;
background-repeat:repeat-x;
}

#footer{
width: 800px;
height: 217px;
margin: 0 auto 0 auto;
position: relative;
background-image: url(../images/footer_center_bg.jpg);

background-repeat:no-repeat;
}

#map_overlay{
position: relative;
width:100px;
height: 199px;
float: left;
}

#contact_info{
position: relative;
top:75px;

float: left;
}

#contact_info p{
display: block;
margin: 5px 0 8px 0;
color: #ffffff;
}

#contact_info  a,#contact_info a:visited{
color: #ffffff;
text-decoration: none;
}

#contact_info  a:hover{
color: #ffffff;
text-decoration: underline;
}

#contact_info p.legal{
display: block;
margin: 15px 0 8px 0;
color: #ffffff;
font-size: 12px;
}

#contact_info span{

color: #848484;
}

#footer h2{
display: block;
text-indent: -9999px;
}

.clearfix {    
 
display: block;    
height: 0;    
clear: both;    

}

.view_more{
padding: 25px 0 25px;
font-weight: bold;
}

.view_more a, .view_more a:visited{
color: #333333;
text-decoration: none;
font-size: 12px;

}

.view_more a:hover{
color: #333333;
text-decoration: underline;
}

.photo{
border-bottom:2px dashed #FFFFFF;
margin:0 0 10px;
padding:0 0 10px;
}



.flickr_img{
width: 155px;
height: 116px;
}

.flickr_meta{
font-size: 0.75em;
font-weight: bold;
margin: 8px 0 10px 0;
}

#contact_form label{
display: block;
font-size: 14px;
margin: 8px 0 3px 0;

}

.input_label{
color: #ffffff;
}

.error{
color: red;
}

.text-input{
width:145px;
padding: 3px;
}

#message{
height: 70px;
width: 153px;
}

#submit_btn{
display: block;
margin: 10px 0 10px 0;
}

.index_main_img{
margin: 5px 0 0 5px;
}

.accred_main_img{
margin: 10px 0 0 15px;
}

.callout_image{
position: relative;
left: -18px;
}

.read_more{
color: #ffffff;
margin: 3px 0 3px 0;
}

.read_more a, .read_more a:visited{
color: #ffffff;
text-decoration: none;
}

.read_more a:hover{
color: #ffffff;
text-decoration: underline;
}

.news_item{
margin: 0 0 15px 0;
}

.news_item a,.news_item a:visited{
color: #333333;
}

.news_item a:hover{
color: #cccccc;
}

.news_item img{
display: none;
}

#course_list ul{
margin: 20px 0 0 0;
}

#course_list ul li{
position: relative;
list-style: none;
margin: 0;
}

#course_list h4{
margin: 0;
padding: 0;
height: 0;
text-indent: -9999px;
}

.course_heading{
position: relative;
left: -5px;

}

.course_heading:hover{
cursor:pointer;
}

.hidden_content{
display: none;
font-family: "Arial", Arial;
color: #848484;
font-size: 13px;
line-height: 18px;
padding: 12px 16px 10px 16px;
}

.arrow{
background-image: url(../images/arrow.png);
background-position: 0 0;
height:21px;
left:514px;
position:relative;
top:30px;
width:19px;
z-index: 100;
}

.active{
background-position: 20px 0;
}

.client_strip{
position: relative;
top:300px;
left:-20px;
}