/* Begin Three Column Layout */
/* Blue #374260 */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background-color: #ffffff;
    color: black;
    min-width:600px;		/* Minimum width of layout - remove line if not required */
                                    /* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
     /*background-image: url(../images/page_background1.jpg);*/
}
/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
    border-bottom: 1px solid #000000;
}
#header {
    /*border-bottom: 1px solid #000000;*/
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}
#header ul {
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0px 0px 0px 0px;;
    padding: 0;
}
#header ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header ul li a {
    display: block;
    float: left;
    margin: 0px 0px 0px 1px;
    padding: 3px 10px 0px 0px;
    text-align: center;
    background: #eeeeee;
    color: #000000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}
#header ul li a:hover {
    background: #336699;
    color: #ffffff;
}
#header ul li a.active,
#header ul li a.active:hover {
    color: #ffffff;
    background: #000000;
    font-weight: bold;
}
#header ul li a span {
    display: block;
}
/* 'widths' sub menu */
#layoutdims {
    clear: both;
    background: #eeeeee;
    /*border-top:4px solid #000000;*/
    margin:0;
    padding:6px 15px !important;
    text-align: right;
}
/* column container */
.colmask {
    position: relative;	/* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%;			/* width of whole page */
    overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float: left;
    width: 100%;			/* width of page */
    position: relative;
}
.col1,
.col2,
.col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
                                    only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
/* 3 Column settings */
.threecol {
    /*background: #eeeeee;*/		/* right column background colour */
    background-color: #ffffff;
}
.threecol .colmid {
    right: 25%;			/* width of the right column */
    background: #ffffff;		/* center column background colour */
    color: #000000;
}
.threecol .colleft {
    right: 50%;			/* width of the middle column */
    background-color: #ffffff;
    /*background:#f4f4f4;*/	/* left column background colour */
}
.threecol .col1 {
    width: 46%;			/* width of center column content (column width minus padding on either side) */
    left: 102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
    width: 21%;			/* Width of left column content (column width minus padding on either side) */
    left: 31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    width: 21%;			/* Width of right column content (column width minus padding on either side) */
    left: 85%;			/* Please make note of the brackets here:
                                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top: 1px solid #000000;
}
#footer p {
    padding:10px;
    margin:0;
}
/***************** End Three Column Layout *****************/

.spacer {
    background-color: #ffffff;
    height: 10px;
}

.bannerContainer
{
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 5px;
    width: 54%;
    background-color: #ffffff;
}

.banner
{
    width: 100%;
    float: left;
    clear: both;
}


/* Footer */
.footerContainer {
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 5px;
    width: 46%;
    color: #000000;
}

.footerItem {
    text-decoration: underline;
    display: inline;
}

.footerItem A {
    color: #000000;
}

.footerItem A:hover {
    color: #ff0000;
}

.footerItem A:visted {
    color: #000000;
}

.footerItem A:active {
    color: #ff0000;
}
/* End Footer */

/* Main Menu */
.menuContainer
{
    clear: both;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.mainMenu {
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 5px;
    width: 50%;
    background-color: #ffffff;
    /*background-color: #ffffff;*/
}

.menuItem {
/*
    background-color: #ffffff;
    color: #ffff00;
    border-left: solid 2px #000000;
    border-right: solid 2px #000000;
    border-bottom: solid 2px #000000;
*/
    /*text-align: right;*/
    margin: 0px 3px 0px 3px;
    padding: 3px 3px 3px 3px;
    display: inline;
}

.menuItem A {
    color: #0000FF;
    font-weight: bold;
    text-transform: capitalize;
}

.menuItem A:hover {
    color: #00ffff;
    font-weight: bold;
    text-transform: capitalize;
}

.menuItem A:visted {
    color: #0000FF;
    font-weight: bold;
    text-transform: capitalize;
}

.menuItem A:active {
    color: #00ffff;
    font-weight: bold;
    text-transform: capitalize;
}
/* End Main Menu */

/* Event Feed */
.eventFeed {
    line-height: 25px;
}

.eventEntry {
    background-color: transparent;
}

.eventEntryAlt {
    background-color: highlight;
}
/* End Event Feed */

/* Photo Box */
.rightPhotoBox {
    float: right;
    /*border: thin double yellow;*/
    /*margin: 165px 0px 0px 10px;*/
    width: 150px;
    height: 400px;
}
/* Photo Box */
.photoBox {
    /*border: thin double yellow;*/
    /*margin: 165px 0px 0px 10px;*/
    width: 150px;
    height: 400px;
}

.photoRow {
    clear: both;
}

.photo {
    display: inline;
    width: 150px;
    padding: 5px 5px 5px 5px;
    border: none 0px transparent;
}
/* End Photo Box */

/* Calendar */
.calendar {
    border-width: 0px;
    display: inline-block;
}

/* End Calendar */

/* Contact Us Entry Form */
.contactEntryForm {
    width: 375px;
    margin-left: auto;
    margin-right: auto;
}

.contactEntryWrapper {
    clear: both;
    width: 370px;
}

.contactPrompt {
    float: left;
    text-align: right;
    width: 150px;
    padding: 3px 3px 3px 3px;
}

.contactField {
    float: right;
    text-align: left;
    width: 200px;
    padding: 3px 3px 3px 3px;
}
/* End Contact Us Form */

/* Generic Entry Form */
.genericEntryForm {
    width: 375px;
    margin-left: auto;
    margin-right: auto;
}

.genericEntryWrapper {
    clear: both;
    width: 370px;
}

.genericPrompt {
    float: left;
    text-align: right;
    width: 150px;
    padding: 3px 3px 3px 3px;
}

.genericField {
    float: right;
    text-align: left;
    width: 200px;
    padding: 3px 3px 3px 3px;
}
/* End Genric Form */