/* General Style Info */
body {
	background: #95C6F2;
	color: #555;
	font-family:'Lucida Grande',verdana,helvetica,arial,sans-serif;
    background-image:url("../img/background.jpg");
    background-repeat:repeat-x;
	font-size:12px;
	margin: 0;
}
a {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: bold;
}
h1 {
	color: #0066CC;
	margin: 0.1em 0;
}
ul, li {
	margin: 0 12px;
}

#website-container {
    width:1000px;
    margin:auto;
    text-align:center;
}

#website {
    float:left;
    width:100%;
    text-align:left;
}

#header-container {
    float:left;
    width:100%;
    height:150px;
    border-bottom:1px solid #CBCBCB;
}

#header-container #header {
    background-image: url("../img/logo.jpg");
    background-repeat:no-repeat;
    background-position:left center;
    width:540px;
    float:left;
    height:150px;
}             

#header-container #logo {
         margin-top:20px;
         width:250px;
         height:100px;
         float:right;
         background-color:#FFF;
         overflow:hidden;
}

#header-container #green-button {
    background-color:#FFF;
    float:left;
    margin-left:2px;
    width:200px;
    height:150px;
}

#header-container #green-button-image {
    background-position:20px 5px;
    background-image:url("../img/green-button.jpg");
    background-repeat:no-repeat;
    float:left;
    width:200px;
    height:125px;
}

#header-container #discount-club {
    float:left;
    width:200px;
    height:25px;
    text-align:center;
    font-weight:bold;
    font-variant:small-caps;
    color:#999;
    font-size:120%;
}

#header-container #discount-club a {
    color:#999;
}

#header-container #sponsors {
         clear:right;
         float:right;
         width:250px;
         margin-top:3px;
         text-align:center;
         font-size:120%;
         background-color:#FFF;
         font-variant: small-caps;
}

#header-container #sponsors a {
    color:#999;
}

#navigation-container {
    float:left;
    width:100%;
}
#navigation-container #navigation {
    float:left;
    width:100%;
    padding:15px 0px;
}
#navigation-container #navigation ul {
    margin: 0;
    padding: 0;
    float:left;
    width:100%;
    list-style-type:none;
}
#navigation-container #navigation ul li {
    float:left;
    background-repeat:no-repeat;
    background-color:#0077DD;
    height:29px;
    padding:0px;
    margin:0px;
    margin-right:9px;
}
#navigation-container #navigation ul li a {
         background-image:url("../img/nav_buttons.jpg");
         background-repeat:no-repeat;
         padding:8px 0px 8px 0px;
         color:#FFFFFF;
         text-align:center;
         width:102px;
         display:block;
}

#navigation-container #navigation ul li a:hover {
         background-image:url("../img/nav_buttons_hover.jpg");
}

#navigation-container #navigation ul li a.selected {
         background-image:url("../img/nav_buttons_selected.jpg");
}

#navigation-container #navigation ul li.last {
    border-right:0px;
}

#middle-container {
    float:left;
    width:100%;
}

#content-container {
    float:left;
    width:100%;
}

#content-container #content{
    padding: 0;
	color: #333;
}

#content-container #content #admin {
         background-color:#FFFFFF;
         border:1px solid #CBCBCB;
         padding:10px;

}

#footer-container {
    float:left;
    width:100%;
    height:30px;
    margin-top:10px;
    background-image:url("../img/footer.jpg");
    background-repeat:no-repeat;
    border-top:1px solid #CBCBCB;
}

#footer-container #footer {
	clear: both;
	padding: 8px 10px;
	text-align: center;
    color:#FFF;
}

#content-images {
    float:left;
    width:552px;
    height:474px;
    background-color:#FFFFFF;
}

#content-images #history-images {
    width:552px;
    height:474px;
    float:left;
    overflow:hidden;
    background-color:#E1EEF5;
}

#content-images #history-images img {
    border:1px solid #CBCBCB;
}

#content-images #image-main {
    float:left;
    border:1px solid #CBCBCB;
    width:550px;
    overflow:hidden;
    height:250px;
    background-color:#EEE;
}

#content-images #image-left {
    margin-top:20px;
    border:1px solid #CBCBCB;
    float:left;
    overflow:hidden;
    width:266px;
    height:200px;
    background-color:#EEE;
}
#content-images #image-right {
    margin-top:20px;
    border:1px solid #CBCBCB;
    float:right;
    width:266px;
    overflow:hidden;
    height:200px;
    background-color:#EEE;
}

#content-data {
    float:right;
    background-color:#FFF;
    width:410px;
    padding:10px;
    height:452px;
    overflow:auto;
    border:1px solid #CBCBCB;
}

#content-data.fullpage {
    float:right;
    background-color:#FFF;
    width:978px;
    padding:10px;
    height:452px;
    overflow:auto;
    border:1px solid #CBCBCB;
}

input, textarea, select {
    font-family: "Lucida Grande",sans-serif;
    font-size:100%;
    border:1px solid #CBCBCB;
}

.input {
    padding:5px 0px;
}

label {
    display:block;
    font-weight:bold;
}

fieldset {
    border:1px solid #CBCBCB;
    padding:10px;
}

fieldset legend {
    font-weight:bold;
    color:#CC0000;
}

/* Classes */
.bold { font-weight: bold; }
.width-100 { width:100px; }
.width-200 { width: 200px; }
.float-left { float:left; }
.clear-both { clear:both; }

#flashMessage.bad {
    color:#CC0000;
    border-top:2px solid #CC0000;
    border-bottom:2px solid #CC0000;
    background-color:#FFDDDD;
    padding:5px;
    font-weight:bold;
}

#flashMessage.good {
    color:#009900;
    border-top:2px solid #00CC00;
    border-bottom:2px solid #00CC00;
    background-color:#DDFFDD;
    padding:5px;
    font-weight:bold;
}

#authMessage.message {
    color:#CC0000;
    border-top:2px solid #CC0000;
    border-bottom:2px solid #CC0000;
    background-color:#FFDDDD;
    padding:5px;
    font-weight:bold;
}

table.default {
         border:1px solid #CBCBCB;
         border-collapse:collapse;
}

table.default th {
         background-color:#4876F0;
         color:#FFFFFF;
}

table.default th a {
         color:#FFFFFF;
         text-decoration:underline;
}

table.default td, table.default th {
         padding:5px;
         border-bottom:1px solid #CBCBCB;
}

.altrow td {
         background-color:#EEEEEE;
}

.ui-dialog-titlebar {
         background-color:#4876F0; padding:5px; color:#FFFFFF;
         cursor: move;
}

.ui-widget-overlay {
         position:absolute;
         -moz-background-clip:border;
         -moz-background-inline-policy:continuous;
         -moz-background-origin:padding;
         background:#555555 url(../../images/jquery/ui-bg_flat_0_aaaaaa_40x100.png) repeat-x scroll 50% 50%;
         opacity:0.5;
}

.ui-dialog-titlebar a {
         color:#FFFFFF;
}

.counter span a {
         border:1px solid #CCC;
         background-color:#EEE;
         padding:2px 5px;
}

#admin ul.actions {
         list-style-type:square;
         border-top:1px solid #333;
         border-bottom:1px solid #333;
         margin:0px;
         margin-bottom:10px;
         float:left;
         width:100%;
         padding:10px 0px;
}

#admin ul.actions li {
         float:left;
         padding:0px 5px 0px 0px;
}

ul.padout li {
         padding:5px 0px;
}

/* Calendar CSS */
table.calendar {width: 100%; border: 1px solid #003F74; border-collapse: collapse; margin: 0px; padding: 0px; background-color: #ffffff;}
table.calendar th {background-color: #0077DD; color:#FFF; text-transform: none; padding: 4px; text-align: center; border: 1px solid #003F74;}
 table.calendar th a { color:#FFFFFF; text-decoration:underline; }

table.calendar th.cell-prev {text-align: left;}
table.calendar th.cell-next {text-align: right;}
table.calendar th.cell-header {width: 70px; border-bottom: 1px solid #003F74;}
table.calendar td.cell-today { font-weight:bold; background-color: #85BDEE;} /* today in the current month */
table.calendar td.cell-weekend {background-color: #DDDDDD;}
table.calendar td {border: 1px solid #003F74; height:51px; vertical-align:top;}

table.calendar td div.cell-number { text-align: right; color: #444444; display: block;}
table.calendar td div {display: block; font-size: 10px; text-align: left;}
table.calendar thead th {border: 1px solid #003F74;}