/*
 * A CSS file for laying out the page in general
 */

body.blue { background: #FFFFFF url(images/sections/blue_header.jpg) repeat-x; }
body.green  { background: #FFFFFF url(images/sections/green_header.jpg) repeat-x; }
body.orange { background: #FFFFFF url(images/sections/orange_header.jpg) repeat-x; }
body.purple { background: #FFFFFF url(images/sections/purple_header.jpg) repeat-x; }
body.red { background: #FFFFFF url(images/sections/red_header.jpg) repeat-x; }
body.yellow { background: #FFFFFF url(images/sections/yellow_header.jpg) repeat-x; }
body.magenta { background: #FFFFFF url(images/sections/magenta_header.jpg) repeat-x; }
body.teal { background: #FFFFFF url(images/sections/teal_header.jpg) repeat-x; }

#masthead {
    width: 1000px;
    height: 235px;
    position: relative;
}

#masthead h1 a {
    display: block;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 1000px;
    height: 180px;
    text-indent: -999px;
    text-align: left;
}


body.blue #masthead { background: #FFFFFF url(images/sections/blue_title.jpg) repeat-x; }
body.green #masthead  { background: #FFFFFF url(images/sections/green_title.jpg) repeat-x; }
body.orange #masthead { background: #FFFFFF url(images/sections/orange_title.jpg) repeat-x; }
body.purple #masthead { background: #FFFFFF url(images/sections/purple_title.jpg) repeat-x; }
body.red #masthead { background: #FFFFFF url(images/sections/red_title.jpg) repeat-x; }
body.yellow #masthead { background: #FFFFFF url(images/sections/yellow_title.jpg) repeat-x; }
body.teal #masthead { background: #FFFFFF url(images/sections/teal_title.jpg) repeat-x; }
body.magenta #masthead { background: #FFFFFF url(images/sections/magenta_title.jpg) repeat-x; }



ul#nav {
    list-style: none;
    padding: 0 10px;
    float: left;
    clear: both;
    margin: 10px 0px 0px 350px;
}

ul#nav li {
    padding: 10px;
    font: bold 14px Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    float: left;
}

ul#nav li a, ul#nav li a:visited {
    color: #FF7800;
    text-decoration: none;
}

ul#nav li a:hover {
    color: #FF7800;
    text-decoration: underline;
}

ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover {
    color: white;
}



#footer {
    clear: both;
    height: 125px;
    text-align: left;
}

body.blue #footer { background: #FFFFFF url(images/sections/blue_footer.jpg) repeat-x; }
body.green #footer  { background: #FFFFFF url(images/sections/green_footer.jpg) repeat-x; }
body.orange #footer { background: #FFFFFF url(images/sections/orange_footer.jpg) repeat-x; }
body.purple #footer { background: #FFFFFF url(images/sections/purple_footer.jpg) repeat-x; }
body.red #footer { background: #FFFFFF url(images/sections/red_footer.jpg) repeat-x; }
body.yellow #footer { background: #FFFFFF url(images/sections/yellow_footer.jpg) repeat-x; }
body.teal #footer { background: #FFFFFF url(images/sections/teal_footer.jpg) repeat-x; }
body.magenta #footer { background: #FFFFFF url(images/sections/magenta_footer.jpg) repeat-x; }




#footer .content {
    width: 1000px;
    margin: auto;
}

#footer .content .logo {
    float: left;
}

#footer .content .nav {
    padding: 0px;
    margin: 18px 0px 0px 10px;
    list-style: none;
    float: left;
}

#footer .content .nav li {
    float: left;
    margin: 0px 10px 0px 0px;
    text-transform: uppercase;
}

#footer .content .nav li a {
    color: #FF7800;
    text-decoration: none;
    font-size: 12px;
}

#footer .content .nav li a:hover {
    text-decoration: underline;
}

#footer .content .nav li.current_page_item a {
    color: #999999;
}

.box {
    padding: 4px;
    border: 1px solid #CCCCCC;
}

.box .title {
    background: #F37E00 url(images/title_bg.png) repeat-x 0 bottom;
    color: white;
    font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif;
    padding: 3px 3px 10px 3px;
}

.box .title a {
    color: white;
}

/*
 * Style the image-gallery-reloaded plugin
 */
.gbackgr {
    margin: auto;
}

.main_image {
    height: 250px;
}

.main_image img {
    height: 250px ! important;
}

/*
 * Style contact form
 */
.cformsform {
    width: 90% ! important;
}

.galleryview {
    text-align: left;
}

.galleryview .panel h2 {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    background-image: none;
}