/* initial */
* {
margin:0;
padding:0;
}

html, body {
width:100%;
height:100%;
margin:0px;
padding:0px;

}
* html #page_content { /* ie6 */
height:100%;
}


* html #content_search { /* ie6 */
height:100%;
}



/*--------------PAGE LAYOUT--------------*/
body {
margin:0px 0px 0px 0px;
background-color: #ccc;
text-align:left;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height:18px;
font-weight:lighter;
color:#000;
background:#fff;
}

#header {
margin:0px;
padding:0px;
width:100%;
height:187px;
background:#fff url('_img/header_bg2.jpg') top left repeat-x;
z-index:999;
}


#content {
position:relative;
width:100%;
background:#fff url('_img/bg_center.png') top left repeat-x;
}

#content_search {
position:relative;
width:100%;
height:100%;
background: url('_img/footer_bg.jpg') 0 left repeat-x;
}


#page_content {
position:relative;
width:900px;
margin:0 auto;
height:100%;
padding:0px 0px 0px 9px;
margin-top:0px;
background:url('_img/bdr_lft.png') top left no-repeat;

}

.page_bg { background:#fff url('_img/vert_div.png') 490px top repeat-y ;}
.page_white { background:#fff;}
.past {visibility: hidden;}

#top_menu {
position:relative;
top:141px;
height:2px;
width:100%;
background:#234f14;
z-index:1000;
opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}


#shadow {
position:relative;
top:184px;
height:2px;
width:100%;
background:#000;
z-index:1000;
opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

#menu_shadow {
position:relative;
top:182px;
height:2px;
width:100%;
background:#000;

z-index:9999;
opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}

/*--------------CONTENT LAYOUT--------------*/

#top {
position:relative;
margin:0px auto;
padding:0px;
width:900px;
height:104px;
z-index:999;

}

#logo {
position:absolute;
left:0px;
top:0px;
width:250px;
height:139px;
background:url('_img/bp_logo_trans.png') no-repeat;
z-index:1000;
}




      #2_col_wrapper { position:relative; background:#fff url('_img/trans.gif') bottom center repeat-y; padding-bottom: 1px;}
      #columns { float: left; overflow: visible; }
      div.col_left {  width: 220px; margin-left: 0px; padding:0px; padding-left: 0px;}
      div.col_mid { width: 455px; margin-right: 0px;  padding-top:15px; padding-left:0px; padding-bottom: 10px;padding-right: 10px; background:#fff; margin-left:0px; }
	  div.col_right {  width: 210px; margin-left: 0px; padding:0px; padding-left: 0px;}





.clear {
height:0px;
clear:both;
}
.clear_15 {
height:15px;
clear:both;
}

.clear_40 {
height:40px;
clear:both;
}

.clear_line{
padding:5px 10px;
margin:0px 0px;
height:2px;
clear:both;
background: url('_img/grey_div.gif') left bottom repeat-x;
}
.clear_line2{
padding: 2px 5px;
margin:10px 15px;
height:2px;
clear:both;
background: url('_img/grey_div.gif') left bottom repeat-x;
}



#location_map {
float:left;
left:300px;
margin-top:-20px;
z-index:1;
}


#state {
position:absolute;
top:100px;
right:15px;
}


/*---------------------LINKS---------------------*/

a         {text-decoration:none; color:#a4d709;}
a:hover   {text-decoration:underline;}
a:focus   {outline-style: none;}

a.pdf,
a[href$='.pdf'] {display:inline-block; padding-left:0px; background:transparent url(_img/pdf.gif) left center no-repeat;}


ul {list-style:none;}
li {list-style:none;}


img {
border: 0;
outline: 0; /*no firefox dotted border*/
outline-style: none;
}

/*------------------STYLES------------------*/

p .table{
text-align:left;
font-size: 10px;
line-height:11px;
font-weight:lighter;
color:#000;
}

p {
text-align:left;
padding:7px 15px;
font-size: 12px;
line-height:18px;
font-weight:lighter;
color:#000;
}

b {font-weight:bold;}

p.intro {
text-align:left;
padding-bottom:15px;
padding-right:10px;
font-size: 11px;
line-height:15px;
font-weight:lighter;
color:#000;
letter-spacing: 1px;
}

p.rc{
text-align:left;
padding-bottom:2px;
padding-right:5px;
padding-left:10px;
padding-top: 3px;
font-size: 11px;
line-height:normal;
font-weight:lighter;
color:#000;
letter-spacing: 1px;
}

p.button{
font-size: 12px;
padding-left: 4px;
color:#000;

}

h1 {
text-align: left;
padding:10px 15px;
/* margin-bottom:15px; */
font-size: 20px;
line-height:22px;
font-weight:lighter;
font-style:normal;
letter-spacing: 1px;
text-transform: none;
/* text-transform: capitalize;*/
color:#000;
}


h1 a { color:#000; text-decoration:none;}
h1 a:hover {color:#976F5C; text-decoration:underline; }


h2 {
text-align: left;
padding:10px 15px;
/* margin-bottom:15px; */
font-size: 18px;
line-height:24px;
font-weight:normal;
text-transform:none;
color:#00b900;
}

h3 {
text-align: left;
padding:0px 0px;
font-size: 12px;
line-height:18px;
font-weight:bold;
color:#006c41
}

h4{ font-size:10px;
font-weight:lighter;
color:#00b900;
}


h5 {
text-align: left;
padding-left: 0px;
font-size: 10px;
color:#666;
}

em { color:#00b900;  font-style:normal;}


h1, h2, h3, h4, h5 {  letter-spacing: 1px;}


.date  { font-size:10px; }
.white {width:500px; background:#fff;}

/*--------------TOP NAVIGATION MENU--------------*/




/*-------------------FOOTER-------------------*/

#base {
position:relative;
height:178px;
width:900px;
margin:0px auto;
z-index:999;
background:#fff url('_img/footer_bg.gif') bottom left no-repeat;
}

#footer {
position:relative;
width:100%;
}

#footer_logo{
width:900px;
float: left;
padding-left: 20px;
padding-bottom: 20px;

}
#footer_logo li{
display:inline;
text-align:center;

}
#footer_nav {
width:900px;
margin:0px auto;
list-style: none;
padding:0px;
font-size: 9px;
color: #666;
padding-top:6px;
text-align:center;
}
#footer_nav li{
display:inline;
text-transform:uppercase;
}

#footer_nav li a{
color: #666;
padding:0 8px ;
border-left:1px solid #ccc;
}

#footer_nav li a:hover{color: #000;}

div.address {padding:15px 0px; text-align:center; font-size: 14px;}
div.address a       {color:#444;    text-decoration:none;}
div.address a:hover {color:#004487; text-decoration:underline;}


.footnote {
font-size:8px;
color:#999;
text-transform:uppercase;
}



/*-------------------PAGE MENU-------------------*/

#page_menu {
position:relative;
width:700px;
list-style: none;
padding:0px;
color: #fff;
padding-bottom:25px;
}


#page_menu li{
float:left;
margin:0;
text-align:left;


}

#page_menu li a{
text-align: left;
color: #fff;
padding:0 8px ;
border-left:1px solid #ccc;
text-transform:uppercase;
}

#page_menu li a:hover{color: #09f ;}


/*-------------------IMAGES STYLES-------------------*/




div.img-regular {
padding: 0pt;
background: transparent url('_img/shadow.png') no-repeat scroll right bottom;

-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
clear: right;
float: left;
position: relative;
}
div.img-regular img {
height:105px;
width:140px;
border: 1px solid rgb(169, 169, 169);
margin: 0px 5px 5px 0px;
padding: 8px;
background-color: rgb(255, 255, 255);
display: block;
position: relative;
}


#profile_wrapper {
float:left;
display:inline;
overflow:hidden;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#profile_bio {
float:left;
width:300px;
margin-bottom: -10000px; padding-bottom: 10000px;
}

#profile_img {
float:left;
padding-top: 20px;
padding-right:5px;
padding-left: 15px;
margin-bottom: -10000px; padding-bottom: 10000px;
}

div.left_img {
position:relative;
float:left;
margin-left:10px;
margin-top:10px;
padding-bottom:10px;
width:200px;
z-index:99;
}
div.RT_img {
position:relative;
float:left;
margin-top:45px;
padding-bottom:10px;
width:200px;
z-index:99;
}

div.img-medium, div.img-profile, div.img-large {
padding: 0px;
margin:0px;
background: transparent url('_img/shadow.png') no-repeat scroll right bottom;

-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
clear: right;
float: left;
position: relative;
}
div.img-medium img {
height:150px;
width:200px;
border: 1px solid #ccc;
margin: 0px 5px 5px 0px;
padding: 8px;
background-color:#fff;
display: block;
position: relative;
}

div.img-profile img {
height:100px;
width:110px;
border: 1px solid rgb(169, 169, 169);
margin: 0px 5px 5px 0px;
padding: 8px;
background-color: rgb(255, 255, 255);
display: block;
position: relative;
}

div.img-large img {
height:300px;
width:400px;
border: 1px solid #ccc;
margin: 0px 5px 5px 0px;
padding: 8px;
background-color:#fff;
display: block;
position: relative;
}
/*-------------------space-------------------*/

.spacer {margin-left: 10px;}
.spacer_top{padding-top: 15px;}

.button_inline {
display:inline;
padding: 10px 0px 0px 10px;
}




/*-------------------TEXT OVER IMAGES-------------------*/









/*-------------------EMAIL ALERTS-------------------*/
div.alerts {
width:227px;
border:0px solid #f60;
}

div.alerts_content {
position:relative;
width:227px;
padding-left:15px;
margin:0px;
background: url('_img/menu_bg.png') bottom left no-repeat;
}

div.alerts_top {
margin:0px;
padding:0px;
width:227px;
height:24px;
background: url('_img/menu_top.png') top left no-repeat;
}

/*-------------------BULLET LIST-------------------*/

.bullet_list {margin-bottom:0px; margin-left:25px; padding-left: 10px;}

.bullet_list li {  line-height:18px; list-style-position:outside; color:#000; margin-bottom:10px; 
}


.bullet_list li a { color:#666;}
.bullet_list li a:hover { color:#000;}

.bull { float: left; margin-left:-25px;}
.tri:before { content: url('_img/vv_bullet.gif'); }

/*-------------------SPEC LIST-------------------*/

.spec_list {margin-bottom:0px; margin-left:25px; padding-left: 10px;}

.spec_list li {  line-height:12px; list-style-position:outside; color:#000; margin-bottom:10px; 
}


.spec_list li a { color:#666;}
.spec_list li a:hover { color:#000;}

.bull { float: left; margin-left:-25px;}
.tri:before { content: url('_img/vv_bullet.gif'); }

/*---------NAV BUTTONS----------------*/

#button, #button li {list-style: none; margin: 0px; padding: 0px; margin-bottom:2px;}

#button li { width:100%; }

#button li a {   height:50px; display:block;  background-repeat: no-repeat; background-position: left top;  padding:5px 0px 0px 5px; text-decoration:bold; text-transform: uppercase; color:#000; margin-right:5px;  letter-spacing: 1px;}
#button li span {  display:block;  height:50px; width:10px; float:right; background-repeat: no-repeat; background-position: right top; margin-top:-4px;}
#button li a:hover {        background-position: left 0px;  text-decoration: none; color:#00b900;  }
#button li a:hover span {   background-position: right -50px; }

.button_left  { background-image: url('_img/block_left.gif');}
.button_right { background-image: url('_img/block_right.gif'); }

/*---------SIDE NAV BUTTONS----------------*/

#list-menu {
width: 200px;
/* this width value is also effected by
the padding we will later set on the links. */
}
#list-menu ul {
margin: 0; 
padding: 0px 0px 8px 0px;
list-style-type: none;
} 
#list-menu li {
margin: 2px 5px 0px;
} 
#list-menu a {
display: block;
width:180px;
padding: 2px 2px 2px 10px;
border: 1px solid #c0c0c0;
background: #a4d709;
text-decoration: none; /*lets remove the link underlines*/
} 
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000;
}

#list-menu a:hover {
border: 1px solid #000000;
background: #f2f200;
color: #000000;
} 
/*---------HEADLINE----------------*/

#headline, #headline li {list-style: none; margin: 0; padding: 0; margin-bottom:5px;}

#headline li { width:100%; }

#headline li a {   height:25px; display:block;  background-repeat: no-repeat; background-position: left top;  padding:3px 0px 0px 15px; text-decoration:none; text-transform: none; color:#fff; margin-right:10px; font-size: 14px;  letter-spacing: 1px; font-weight:normal;}
#headline li span {  display:block;  height:25px; width:10px; float:right; background-repeat: no-repeat; background-position: right top; margin-top:-3px;}

#headline_black li a {   height:25px; display:block;  background-repeat: no-repeat; background-position: left -30px;  padding:3px 0px 0px 15px; text-decoration:none; text-transform: none; color:#fff; margin-right:10px; font-size: 14px;  letter-spacing: 1px; font-weight:normal;}
#headline_black li span {  display:block;  height:25px; width:10px; float:right; background-repeat: no-repeat; background-position: right -30px; margin-top:-3px;}



/*-------------------TABLE STYLES------------------*/

#mytable, #listing {
width: 800px;
padding: 0;
margin: 0;
border-collapse: collapse;
}

.checkbox_list{
width:100%;
float:none;
clear:both;
border:0px Solid #f60;
}

th {
text-align: left;
padding: 0px 25px;

}

tbody td {
vertical-align: top;
background: none;
padding: 0px 25px;

}

#listing td {
vertical-align: top;
background: none;
padding: 0px 25px 0px 0px;

}


#enquiry_wrap{
width:800px;
-moz-border-radius: 1em;
border-radius: 1em;
background:#fff  url('_img/cmxform-fieldset.gif') left bottom repeat-x;
margin:0px;
padding:8px;
}


#table_enquiry {
width: 800px;
padding: 0;
margin: 0;
border-collapse: collapse;

}

#loading {
position:absolute;
width:100%;
height:100px;
padding:0px;
z-index:1;

background:url('_img/loading-bar.gif') top left no-repeat;
}

#iframe_wrapper {
position:relative;
margin-top:-15px;
z-index:5;
}
/*---------MENU TABS HORIZONTAL ----------------*/

ul.months {margin-bottom:10px;}
ul.months li {float:left; width:100px; margin-left:0px;}
ul.months li a {display:block; color:#fff; font-weight:bold; text-align:center; text-decoration:none;}
ul.months li a {background-color:#a4d709; line-height:20px; padding-bottom:5px; padding-top: 3px; border: 1px solid #fff;}
ul.months li a.past    {background-color:#a4d709; border:1px solid #fff;}
ul.months li a.current,
ul.months li a:hover   {background-color:#f2f200; color: #000; border: 1px solid #000; text-decoration:none;}


#cal_list {position: relative;}
#cal_list div.cal_month {position:absolute; visibility:hidden;}
#cal_list div.cal_month.current {}
}