﻿/*#################################################### LAYOUT ####################################################
##################################################################################################################*/

body, html {
    font-size:0.85em;
    /*font-family: Arial, Verdana, Trebuchet MS;*/
    font-family: Verdana, Arial, Trebuchet MS;
    background:#22333e url(../images/body-bg.gif) repeat-x 0 0;
color:#696969;
}

#wrap {
    background:url(../images/wrap-bg.png) repeat-y 0 0;
    margin:0 auto;
    width:960px;
    height:auto;
    padding: 0 17px 0 17px;
}

#header {
    width:860px;
    height:110px;
    padding: 0 50px 0 50px;
}

#logo {
    float:left;
}

#toplinks {
    float:right;
    margin: 20px 0 13px 0;
}

#phonenumber {
    float:right;
    background: url(../images/phone.gif) no-repeat 0 1px;
    clear:right;
    padding: 0 0 0 30px;
	width:160px;
}

#ctl00_search {
width:250px;
float:right;
clear:right;
margin:10px 0 0 0;
}

input#ctl00_ImageButton1 {
float:right;
}

input.search {
border:solid 1px #bfbebe;
border-right:0;
height:14px;
width:149px;
padding:3px;
float:right;
}

#navigation {
    text-align:left;
    width:860px;
    height:48px;
    background: url(../images/nav-bg.gif) repeat-x 0 0;    
    padding: 0 50px 0 50px;
}

#ctl00_breadcrumb {
    padding:10px 0px 10px 20px;
    margin:0 auto;
    width:960px;
}

#MainArea {
    width:960px;
    height:auto;
    overflow:hidden;
    padding: 0 0 0 0;
}

/* ################# HOME PAGE LAYOUT COLUMNS ##################################*/


#ctl00_TopArea {
    width:960px;
    height:auto;
    margin-bottom:40px;
    overflow:hidden;
}

#ctl00_rightcol_home {
    float:right;
    width:246px;
    padding:0 50px 30px 20px;
    border-left: solid 1px #dedddd;
}

#ctl00_leftcol_home {
    float:left; 
    width:555px;
    padding:0 0 0 50px; 
}

/*news*/
#home_right_col1 {
    margin:0px 0px 50px 0px;
    height:auto;
}

/*events*/
#home_right_col2 {
    margin:0;
    height:auto;
}


/*Slideshow*/

#slideshow-cont {
position:relative;
width:960px;
height:252px;
}

#slideshow-cont a.next, #slideshow-cont a.prev {
display:block;
position:absolute;
width:19px;
height:19px;
background:red;
top:110px;
z-index:999;
background: url(../images/slide-nav.png) no-repeat;
}

#slideshow-cont .slideshow {
width:960px;
height:252px;
}

#slideshow-cont a.next {
right:20px;
background-position:-17px 0;
}

#slideshow-cont a.prev {
left:20px;
}

#slideshow-cont .slideshow a { display: none }
#slideshow-cont .slideshow a.first { display: block }


#ctl00_home_foot {
    width:960px;
    height:274px;
    clear:both;
    background:url(../images/home-foot.jpg) no-repeat 0 0;
}


#ctl00_home_foot a {
display:block;
width:37px;
height:37px;
float:left;
margin: 72px 0 0 18px;
}

#ctl00_home_foot a.learn {
width:130px;
height:30px;
margin: 91px 0 0 416px;
}

#ctl00_home_foot a.twitter {
margin-left:210px;
}

br.clear {
clear:both;
}


/*homepage 3 buttons*/
a.home-btn {
    background:url(../images/home-btns.jpg) no-repeat 0 0;
    height:132px;
    display:block;
    float:left;
    margin: 20px 0 0 0;
}

a.btn1 {
    width:299px;
    margin-left:25px;
}

a.btn1:hover {
    background-position: 0 -133px;
}

a.btn2 {
    width:299px;
    background-position: -299px 0;
}

a.btn2:hover {
    background-position: -299px -133px;
}

a.btn3 {
    background-position: -598px 0;
    width:313px;
}

a.btn3:hover {
    background-position: -598px -133px;
}




/* ################# COPY PAGE LAYOUT COLUMNS ##################################*/


.leftcol {
    float:left; 
    width:202px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 7px; 
}

#ctl00_maincol {
    float:left;
    margin-left:25px;
}

#ctl00_rightcol {
    float:right;
    width:135px;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	}

/* ############################################## SIDE MENU ######################*/

#ctl00_SideMenu
{
    width:202px;
}


/* ########################################## FOOTER ################################*/


#footer {
    width:860px;
    padding: 0;
    background: #0d445d url(../images/footer-bg.gif) repeat-x 0 0;
    height:auto;
    overflow:hidden;
    padding: 50px 50px 15px 50px;
}

#footer-links {
    clear:both;
    border-top:dotted 1px #8cc4d5;
    overflow:hidden;
    margin: 14px 0 0 0;
    padding: 30px 0 0 0;
    float:left;
    width:860px
}

#footer-links ul {
    float:left;
    margin: 0 25px 0 0;
    padding:0;
width:150px;

}

#footer-links ul.noMargin {
    margin-right:0;
}


/*#################################################### GALLERY ####################################################
##################################################################################################################*/

#gallery_box
{
    background-color:#3b3b3b;
    width:272px;
    height:242px;
    border: solid 1px #808080;
    float:left;
    padding:8px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    text-align:center;
    
}

.image_container
{
    width:258px;
    height:173px;
    border:solid 1px #9a9a9a;
    text-align:center;
    margin:0 auto;
}

#gallery_image img
{
    border:0px;
}


.gallery_text
{
    font-size:13px;
    font-family:Arial, Verdana;
    width:250px;
    margin:0 auto;
    padding:10px 0px 0px 0px;
    line-height:18px;
    bottom:5px;
    text-align:center;
    border:solid 0px #000;
}


/*#################################################### NEWS ####################################################
##################################################################################################################*/


#news_box
{
    background-color:#3b3b3b;
    width:242px;
    height:230px;
    border: solid 1px #808080;
    float:right;
    padding:10px;
    margin:0px 0px 20px 0px;
    
}

#news_box td
{
    line-height:1.1em;
    font-size:1.0em;
}

#news_box table
{

margin:0px 0px 25px 0px;
}

