/* TEMPLATE */
body {
/*  font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    background-color: #fff;
}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font: normal 10pt arial;
    background: #E8EDF0 url(../images/background.jpg) no-repeat;
    color: #000000;
    /*padding: 0 0 15px 0;*/
}
div#container {
	position: relative; /* needed for f0oter positioning*/
	/*margin:0 auto; /* center, not in IE5 */
	margin: 15px auto 15px auto; /* center, not in IE5 */
	width: 760px; /*-10 -10 margins*/
	padding: 0 10px 0 10px;
	background: #fff url(../images/logo.png) no-repeat;
	height:auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
}
div#top {
    width: 760px;
    height: 125px;/* 117 */
    margin: 0;
    padding: 0;
}
div#top .join {
    position: absolute;
    width: 150px;
    height: 44px;
    left: 620px;
    top: 20px;
    /*border: solid 1px #000;*/
    background: #fff url(../images/join.png) no-repeat top left;
}
div#top .join:hover {
    background: #fff url(../images/join.png) no-repeat bottom left;
}
div#top .logo {
    position: absolute;
    left: 20px;
    top: 7px;
    /*display:  block;*/
    width: 150px;
    height: 150px;
    /*border: solid 2px #000;*/
}
.boldItalic {
    font-style: italic;
    font-weight: bold;
}






/* NAV */
.nav {
  /*font: italic 10pt "arial black", Arial;*/
  font: italic bold 10pt arial;
  background-color: #A1B800;
  text-transform: uppercase;
  margin: 77px 0 0 0;
  padding: 0;
  width: 567px;
  height: 30px;
  list-style: none;
  float: right;
  /*background: #DC4034 url(../images/nav_line.png) no-repeat left top;*/
}
.nav li {
    /* Needed for IE6 */
    float: left;
}
.nav a {
  padding: 0 20px 0 0;
  margin: 0;
  line-height: 30px;
  text-decoration: none;
  color: #000;
  float: left;
  display: block;
}
.nav a:hover {
  color: #fff;
}
.nav li a {
  float: left;
}








/* NON-ROLL BACKGROUNDS */
.nav li.whoweare a {
  margin-left: 165px;
  display: inline; /* IE6 Required  */
  background: #A1B800 url(../images/nav_line.png) no-repeat left top;
}
.nav li.news a {
  background: #A1B800 url(../images/nav_line_small.png) no-repeat left top;
}
.nav li.whatwedo a {
  background: #A1B800 url(../images/nav_line.png) no-repeat left top;
}
.nav li.supportus a {
  background: #A1B800 url(../images/nav_line_nodot.png) no-repeat left top;
}

/* NAV DOWN STATES */
.whoweare .nav a.whoweare { 
  color: #fff;
  background: #fff url(../images/nav_line.png) no-repeat left bottom;
}
.news .nav a.news { 
  color: #fff;
  background: #fff url(../images/nav_line_small.png) no-repeat left bottom;
}
.whatwedo .nav a.whatwedo { 
  color: #fff;
  background: #fff url(../images/nav_line.png) no-repeat left bottom;
}
.supportus .nav a.supportus { 
  color: #fff;
  background: #fff url(../images/nav_line_nodot.png) no-repeat left bottom;
}








/* NAV LEFT */
#navLeftContainer {
    float: left;
    width: 179px;/* 164*/
    margin: 50px 0 0 0;
    padding: 0;
    font: normal 9pt arial;
    line-height: 12pt;
    background: #e2e2d2 url(../images/navleft_background.png) no-repeat top right;
}
div#navLeftContainer h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    display: inline;
    line-height: 25pt;
    padding-left: 10px;
    padding-bottom: -20px;
}
div#navLeftContainer a {
    text-decoration: none;
    color: #000;
}
#navLeftContainer ul {
    margin: -8px 0 0 0;
}
#navLeft {
    list-style: none;
    padding: 3px 10px 0 0;
    width: 159px;/*144*/
}
#navLeft .subtitle {
    /*font: bold 12pt arial;*/
    font-weight: bolder;
    background-color: #bbb;
    /*color: #00f;*/
}
#navLeft li {
    border-top: solid 1px #fff;
    margin: 0px 0 0px 0px;
    padding: 3px 0 3px 10px;
    width: 169px;/*154 */
    height: 16px;
}
#navLeft a {
    text-decoration: none;
    color: #000;
    width: 169px;/*154*/
    height: 19px;
    display: block;
    text-indent: 2px;/*10*/
}
#navLeft a:hover {
  font-weight: bold;
}
#navLeft .unselected:hover {
  background-color: #A1B800;
}
#navLeft .selected {
    font-weight: bold;
    background-color: #A1B800;
    width: 169px;/*154*/
    height: 16px;
}
#navLeft .sub {
    padding-left: 20px;
    background: #e2e2d2 url(../images/navleft_subroll.png) no-repeat top left;
    width: 144px; /*134*/
}
#navLeft .sub:hover {
    color: #000;
    font-weight: normal;
    background: #e2e2d2 url(../images/navleft_subroll.png) no-repeat top right;
}
#navLeftSub {
    list-style: none;
    background-color: #A1B800;
    padding: 3px 10px 3px 10px;
}
.navLeftRow {
    background-color: #A1B800;
    padding: 3px 10px 3px 10px;
}
.navLeftRowSub {
    background-color: #e2e2d2;
    padding: 3px 25px 3px 25px;
}








/* MID */
div#midHome {
    margin: 0;
    width: 760px;
    height: 244px;
    font: normal 9pt arial;
    color: #000;
    float: left;
    background: #fff url(../images/home_mid_background.jpg) no-repeat;
}
div#midHome .homeBox1 {
    position: absolute; /* width doesnt work with relative */
    left: 395px;
    top: 200px;
    width: 349px;
    height: 51px;
    padding: 10px;
    background: #fff url(../images/home_arrows.png) no-repeat top left;
    text-decoration: none;
    color: #000;
}
div#midHome .homeBox2 {
    position: absolute; /* width doesnt work with relative */
    left: 395px;
    top: 283px;
    width: 349px;
    height: 51px;
    padding: 10px;
    background: #fff url(../images/home_arrows2.png) no-repeat top left;
    text-decoration: none;
    color: #000;
}
div#midHome .homeBox1 h1, div#midHome .homeBox2 h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*line-height: 0pt; replaced with inline due to IE issues, */
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    display: inline; /* changed to inline for IE6/7 */
}
div#midHome .homeBox1:hover {
    background: #fff url(../images/home_arrows.png) no-repeat bottom left;
}
div#midHome .homeBox2:hover {
    background: #fff url(../images/home_arrows2.png) no-repeat bottom left;
}
div#midHome .homeBox1:hover h1, div#midHome .homeBox2:hover h1 {
    /* on box hover event, apply style to h1 */
    color: #A1B800;
}
/* MID LEFT/RIGHT */
div#midLeft {
    float: left;
    width: 180px;
    /*height: px;*/
    padding: 42px 0 0 0;
    font: normal 10pt arial;
    line-height: 12pt;
}
div#midLeft h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    display: inline;
    margin: 50px 0 5px 0;
    line-height: 20pt;
}
div#midRight {
    float: right;
    width: 567px;
    height: 280px;
    /*margin-top: 3px;*/
}
div#midRightNoHeight {
    float: right;
    width: 567px;
}
div#midRightNoHeight h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*display: inline;*/
    margin: 10px 0 5px 0;
    /*line-height: 20pt;*/
    padding-bottom: 10px;
}
div#midRight2 {
    float: right;
    width: 567px;
    height: 204px;
    /*margin-top: 3px;*/
}



/* Breadcrumbs */
div#breadcrumbs {
    float: right;
    width: 567px;
    font: normal 8pt arial;
    /*margin-bottom: 3px;*/
    padding-bottom: 3px;
    color: #000;
    /*line-height: 15pt;*/
    /*height: 35px;*/
    /*background-color: #f00;*/
}
div#breadcrumbs a {
    color: #000;
}



/* News */
div#midRightNoHeight #midRightL {
    float: left;
    width: 373px;
    margin-top: 40px;
    margin-left: 3px;
    margin-right: 10px;
}
div#midRight #midRightL h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*display: inline;*/
    margin: 60px 0 5px 0;
    /*line-height: 20pt;*/
}
div#midRightNoHeight #midRightPhoto {
    float: right;
    width: 180px;
    height: 205px;
    /*background-color: #999;*/
    background-repeat: no-repeat;
}
.proj1photo {
    background-image: url(../images/proj1.jpg);
}





/* Who We Are */
div#midRight .wwaBox1 {
    position: absolute; /* width doesnt work with relative */
    left: 207px;
    top: 322px;/*314*/
    width: 347px;
    height: 50px;
    padding: 10px;
    background: #fff url(../images/wwa_arrows.png) no-repeat top left;
    text-decoration: none;
    color: #000;
}
div#midRight .wwaBox1 h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*line-height: 0pt; replaced with inline due to IE issues, */
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    display: inline; /* changed to inline for IE6/7 */
}
div#midRight .wwaBox1:hover {
    background: #fff url(../images/wwa_arrows.png) no-repeat bottom left;
}
div#midRight .wwaBox1:hover h1 {
    /* on box hover event, apply style to h1 */
    color: #A1B800;
}
.mrWhoweare {
    background: #fff url(../images/whoweare_mid_background.jpg) no-repeat;
}
.mr2Whoweare {
    background: #fff url(../images/whoweare_mid2_background.jpg) no-repeat;
}



/* What We Do */
div#midRight .wwdBox1 {
    position: absolute; /* width doesnt work with relative */
    left: 397px;
    top: 285px; /*277*/
    width: 347px;
    height: 50px;
    padding: 10px;
    background: #fff url(../images/wwd_arrows.png) no-repeat top left;
    text-decoration: none;
    color: #000;
}
div#midRight .wwdBox1 h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*line-height: 0pt; replaced with inline due to IE issues, */
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    display: inline; /* changed to inline for IE6/7 */
}
div#midRight .wwdBox1:hover {
    background: #fff url(../images/wwd_arrows.png) no-repeat bottom left;
}
div#midRight .wwdBox1:hover h1 {
    /* on box hover event, apply style to h1 */
    color: #A1B800;
}
.mrWhatwedo {
    background: #fff url(../images/whatwedo_mid_background.jpg) no-repeat;
}



/* Support Us */
div#midRight .suBox1 {
    position: absolute; /* width doesnt work with relative */
    left: 397px;
    top: 285px;/* 277*/
    width: 347px;
    height: 50px;
    padding: 10px;
    background: #fff url(../images/su_arrows.png) no-repeat top left;
    text-decoration: none;
    color: #000;
}
div#midRight .suBox1 h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*line-height: 0pt; replaced with inline due to IE issues, */
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    display: inline; /* changed to inline for IE6/7 */
}
div#midRight .suBox1:hover {
    background: #fff url(../images/su_arrows.png) no-repeat bottom left;
}
div#midRight .suBox1:hover h1 {
    /* on box hover event, apply style to h1 */
    color: #A1B800;
}
.mrSupportus {
    background: #fff url(../images/su_mid_background.jpg) no-repeat;
}






/* Whitebox */
.whiteBox1 {
    float: left;
    width: 354px; /* 383*/
    height: 56px;/* 76 */
    padding: 10px;
    background: #fff url(../images/white_arrows.png) no-repeat top left;
    text-decoration: none;
    color: #000;
    margin: 25px 0 10px 0;
}
.whiteBox1:hover {
    background: #fff url(../images/white_arrows.png) no-repeat bottom left;
}
.whiteBox1 h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*line-height: 0pt; replaced with inline due to IE issues, */
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    display: inline; /* changed to inline for IE6/7 */
}
.whiteBox1:hover h1 {
    color:#A1B800;
}

.whiteBoxWide {
    float: left;
    width: 567px;
    height: 77px;
    /*padding: 10px;*/
    background: #fff url(../images/whitewide_arrows.png) no-repeat top left;
    text-decoration: none;
    color: #000;
    margin: 25px 0 10px 0;
}
.whiteBoxWide:hover {
    background: #fff url(../images/whitewide_arrows.png) no-repeat bottom left;
}
.whiteBoxWide h1 {
    font: italic bold 13pt arial;
    text-transform: uppercase;
    /*line-height: 0pt; replaced with inline due to IE issues, */
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    display: inline; /* changed to inline for IE6/7 */
}
.whiteBoxWide:hover h1 {
    color:#A1B800;
}
.whiteBoxWide .right {
    float: right;
    width: 303px;
    margin-right: 60px;
    margin: 10px 60px 10px 0;
}
.whiteBoxWide .leftImage {
    float: left;
    border: 0;
    margin: 2px 0 0 5px;
    padding: 0;
}






/* NEWS TICKER */
#newsTicker {
    width: 748px; /* 760 - 31 */
    background: #38331D url(../images/newsticker_background.png) no-repeat;
    /*background-color: #00f;*/
    float: left;
    margin: 10px 0 0 0;
    /*padding: 4px 6px 4px 6px;*/
    padding: 6px;
}
#newsTickerLeft {
    float: left;
    width: 120px;/*610*/
    font: italic bold 11pt arial;
    color: #A1B800;
    text-transform: uppercase;
    /*background-color: #0f0;*/
}
#newsTickerLeftContainer {
    float: left;
    width: 590px;
    margin: 0;
    padding: 0;
/*    min-height:17px;
    height:auto !important;
    height: 17px;    */
    height: 17px;
    /*background-color: #f00;*/
}
#newsTickerRight {
    float: right;
    width: 134px;
    font: italic bold 11pt arial;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.newsTickerItem {
    margin-right: 150px;
}
.newsTickerItem a {
    text-decoration: none;
    color: #fff;
}







/* NEWS TICKER SMALL */
#newsTickerSmall {
    position: absolute;
    /*width: 554px; *//* 760 - 31 */
    width: 110px;
    /*background: #38331D url(../images/newsticker_background.png) no-repeat top right;*/
    background-color: #38331D;
    /*float: right;*/
    margin: 10px 0 0 0;
    /*padding: 4px 6px 4px 6px;*/
    padding: 6px;
    top: 362px;/*355*/
    font: italic bold 11pt arial;
    color: #A1B800;
    text-transform: uppercase;
    height: 17px;
    /*float: left;*/
}
#newsTickerSmallRight {
    position: absolute;
    padding: 6px;
    background-color: #38331D;
    /*width: 430px;*/
    /*top: 250px;*/
    top: 372px;
    left: 325px;
    height: 17px;
    width: 432px;
}

/*
#newsTickerSmallLeft {
    float: left;
    width: 610px;
    font: italic bold 11pt arial;
    color: #A1B800;
    text-transform: uppercase;
}/*
#newsTickerSmallRight {
    float: right;
    width: 134px;
    font: italic bold 11pt arial;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}*/









/*  BOXA */
div#boxes {
    float: left;
    height: 145px;
    width: 760px;
    margin: 10px 0 0 0;
}
div#boxes .boxA1, div#boxes .boxA2, div#boxes .boxA3, div#boxes .boxA4 {
    position: absolute;
    width: 181px;
    height: 134px;
    background: #fff url(../images/boxa.png) no-repeat top right;
    text-decoration: none;
}
div#boxes .boxA1:hover, div#boxes .boxA2:hover, div#boxes .boxA3:hover, div#boxes .boxA4:hover {
    background: #fff url(../images/boxa.png) no-repeat top left;
}
.boxA2 {
    left: 202px;
}
.boxA3 {
    left: 394px;
}
.boxA4 {
    left: 586px;
}
div#boxes .boxA1:hover .boxAText, div#boxes .boxA2:hover .boxAText, 
div#boxes .boxA3:hover .boxAText, div#boxes .boxA4:hover .boxAText
{
    color: #A1B800;
}  
.boxAImage {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 122px;
    height: 79px;
}
.boxA1Image {
    background: #fff url(../images_dynamic/boxa1.jpg) no-repeat;
}
.boxA2Image {
    background: #fff url(../images_dynamic/boxa2.jpg) no-repeat;
}
.boxA3Image {
    background: #fff url(../images_dynamic/boxa3.jpg) no-repeat;
}
.boxA4Image {
    background: #fff url(../images_dynamic/boxa4.jpg) no-repeat;
}
div#boxes .boxAText {
    position: absolute;
    left: 7px;
    top: 97px;
    color: #000;
    text-transform: uppercase;
    font: italic bold 9pt arial;
    text-decoration: none;
}





.boxBooking {
    /*float: right;*/
    position: absolute;
    top: 340px;
    left: 590px;
    width: 181px;
    height: 134px;
    background: #fff url(../images/boxba.png) no-repeat top right;
    text-decoration: none;
}
.boxBookingImage {
    position: absolute;
    left: 7px;
    top: 71px;
    width: 150px;
    height: 38px;
    background: #fff url(../images/box_bookings.jpg) no-repeat;
}





/*  BOXB */
div#boxes .boxB1 {
    position: absolute;
    width: 181px;
    height: 134px;
    background: #fff url(../images/boxba.png) no-repeat top right;
    text-decoration: none;
}
div#boxes .boxB2, div#boxes .boxB3 {
    position: absolute;
    width: 181px;
    height: 134px;
    background: #fff url(../images/boxbb.png) no-repeat top right;
    text-decoration: none;
}
div#boxes .boxB4 {
    position: absolute;
    width: 181px;
    height: 134px;
    background: #fff url(../images/boxbcimages.png) no-repeat top right;
    text-decoration: none;
}
div#boxes .boxC4 {
    position: absolute;
    width: 181px;
    height: 134px;
    background: #fff url(../images/boxbb.png) no-repeat top right;
    text-decoration: none;
}
div#boxes .boxB1:hover {
    background: #fff url(../images/boxba.png) no-repeat top left;
}
div#boxes .boxB2:hover, div#boxes .boxB3:hover {
    background: #fff url(../images/boxbb.png) no-repeat top left;
}
div#boxes .boxB4:hover {
    background: #fff url(../images/boxbcimages.png) no-repeat top left;
}
div#boxes .boxC4:hover {
    background: #fff url(../images/boxbb.png) no-repeat top left;
}
.boxB2 {
    left: 202px;
}
.boxB3 {
    left: 394px;
}
.boxB4 {
    left: 586px;
}
.boxC4 {
    left: 586px;
}
div#boxes .boxB1:hover .boxBText, div#boxes .boxB2:hover .boxBText, 
div#boxes .boxB3:hover .boxBText, div#boxes .boxB4:hover .boxBText, 
div#boxes .boxB1:hover .boxBText3
{
    color: #A1B800;
}
div#boxes .boxC4:hover .boxBText
{
    color: #A1B800;
}

.boxB1Image {
    position: absolute;
    left: 7px;
    top: 71px;
    width: 150px;
    height: 38px;
    background: #fff url(../images_dynamic/boxb1.jpg) no-repeat;
}
.boxB2Image {
    position: absolute;
    left: 7px;
    top: 33px;
    width: 122px;
    height: 79px;
    background: #fff url(../images_dynamic/boxb2.jpg) no-repeat;
}
.boxB3Image {
    position: absolute;
    left: 7px;
    top: 33px;
    width: 122px;
    height: 79px;
    background: #fff url(../images_dynamic/boxb3.jpg) no-repeat;
}
.boxC1Image {
    position: absolute;
    left: 7px;
    top: 71px;
    width: 150px;
    height: 38px;
    background: #fff url(../images_dynamic/boxc1.png) no-repeat;
}
.boxC2Image {
    position: absolute;
    left: 7px;
    top: 33px;
    width: 122px;
    height: 79px;
    background: #fff url(../images_dynamic/boxc2.jpg) no-repeat;
}
.boxC3Image {
    position: absolute;
    left: 7px;
    top: 33px;
    width: 122px;
    height: 79px;
    background: #fff url(../images_dynamic/boxc3.jpg) no-repeat;
}
.boxC4Image {
    position: absolute;
    left: 7px;
    top: 33px;
    width: 122px;
    height: 79px;
    background: #fff url(../images_dynamic/boxc4.jpg) no-repeat;
}
div#boxes .boxBText, .boxBText {
    position: absolute;
    left: 7px;
    top: 6px;
    color: #383222;
    text-transform: uppercase;
    font: italic bold 13pt arial;
    text-decoration: none;
}
div#boxes .boxBText2, .boxBText2 {
    position: absolute;
    left: 7px;
    top: 30px;
    color: #000;
    font: bold 9pt arial;
    text-decoration: none;
}
div#boxes .boxBText3, .boxBText3 {
    position: absolute;
    left: 7px;
    top: 115px;
    color: #000;
    font: normal 9pt arial;
    text-decoration: none;
}

















/* FOOTER */
.footer {
    /*width: 824px;*/
    width: 760px;
    height: 40px;
    float: left;
    font: bold 10pt arial;
    background: url(../images/footer_line.png) no-repeat top;
    text-align: center;
    line-height: 50px;
    margin: 0;
    padding: 0;
    /*border-top: solid 1px #000;
    margin-top: 20px;*/
}
.footer li {
  float: left;
}

.footer a:hover {
  color: #FDB62A;
}
.footer .first a {
  /*background: none;*/
  margin-left: 150px;
}
.clear {
    clear: both;
}
.error {
    font: normal 10pt arial;
    color: #f00;
    margin-bottom: 5px;
}






/* BULLETS */
.bullets {

}
.bullets li {
    list-style-image: url(../images/bullet_greendot.png);
    margin-top: 10px;
}
/*
.list1 {
  padding: 0 0 0 20px; 
  font: bold 10pt arial;
  line-height: 16pt;
}

ul .bullet1 {list-style-image: url(../images/bullet1.png);}
ul .bullet2 {list-style-image: url(../images/bullet2.png);}
ul .bullet3 {list-style-image: url(../images/bullet3.png);}
*/