/* MAIN SITE */

body
{
    background: url(../images/site/body_bg.png) top left #000;
    color: #FFF;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 12px;
}

strong
{
    font-weight: bold;
}

a
{
    outline: 0;
    font-size: 14px;
}

h2
{
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 6px;
}

h3
{
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #DF1125;
}

h4
{
    font-size: 12px;
    margin-top: 5px;
    padding-bottom: 4px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #142D81;
    border-bottom: 1px solid #142D81;
}

h4.title
{
    color: #FFF;
}


/* Message settings */

.flashdata
{
    margin: 10px 20px 0;
    font-size: 16px;
    float: left;
}
.ok
{
    padding-left: 25px;
    background: url(../images/site/icons/tick_circle_frame.png) 0px 1px no-repeat;
}

.error
{
    padding-left: 25px;
    background: url(../images/site/icons/exclamation__frame.png) 0px 1px no-repeat;
}

.error ul
{
    list-style-type: disc;
    margin-left: 25px;
}


.main
{
    float: left;
    clear: left;
    width: 100%;
}

.clear {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}


#container
{
    background: url(../images/site/body_bg_top.png) top right no-repeat;
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    z-index: -10;
}

#wrapper
{
    margin: 0 auto;
    padding: 0px;
    width: 960px;
    text-align: left;
    margin-top: 20px;
    *padding-top: 20px;
}

#header
{
    float: left;
    width: 100%;
    height: 90px;
}
h1.logo a
{
    width: 212px;
    height: 217px;
    float: left;
    background: url(../images/site/logo.png) top left no-repeat;
    position: relative;
    top: -133px;
    left: -2px;
    text-indent: -9999px;
}

#content
{
    float: left;
    clear: left;
    width: 100%;
    border: 2px #DF1125 solid;
    background: #FFF;
    margin-top: 133px;
    color: #000;
}

#content-left
{
    float: left;
    width: 212px;
    clear: left;
}

#main-menu
{
    float: left;
    margin: 0;
	width: 212px;
    *margin-top: -130px !important;
}

#main-menu .button
{
	float: left; 
	clear: left;
	height: 27px;
	width: 192px;
	margin: 2px 0 2px 10px;
}
#main-menu .button a
{
	float: left;
	height: 27px;
	display: block;
	width: 192px;
	background: url(../images/site/btn-main_blue.png) top left no-repeat;
	color: #FFF;
	line-height: 27px;
	padding-left: 5px;
	font-weight: bold;
	text-decoration: none;
	outline: 0;
}
#main-menu .button a:hover
{
	background: url(../images/site/btn-main_red.png) top left no-repeat;
}
#main-menu .button.active a
{
	background: url(../images/site/btn-main_red.png) top left no-repeat;
}

#main-menu .dynamic-menu .button a
{
	background: url(../images/site/btn-main_blue-dynamic-down.png) top left no-repeat;
}
#main-menu .dynamic-menu .button a:hover
{
	background: url(../images/site/btn-main_red-dynamic-down.png) top left no-repeat;
}
#main-menu .dynamic-menu .button.selected
{
	height: 25px;
	margin: 2px 0px 0px 10px;
}
#main-menu .dynamic-menu .button.active a
{
    background: url(../images/site/btn-main_red-dynamic-down.png) top left no-repeat;
}
#main-menu .dynamic-menu .button.selected a
{
	background: url(../images/site/btn-main_red-dynamic-up.png) top left no-repeat;
	height: 25px;
}
#main-menu .dynamic-menu .button.selected a:hover
{
	background: url(../images/site/btn-main_red-dynamic-up.png) top left no-repeat;
}

#main-menu .dynamic-menu .subnav-item
{
	float: left;
	clear: left;
	width: 188px;
	*width: 192px;
	margin: -2px 0 0 10px;
	background: #DF1125;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
}

#main-menu .dynamic-menu .subnav-item a
{
	float: left;
	clear: left;
	width: 178px;
	color: #FFF;
	text-decoration: none;
	outline: 0;
	padding: 5px;
	*padding: 5px 10px;
	background: #DF1125;
}
#main-menu .dynamic-menu .subnav-item a:hover
{
	color: #000;
}

#content-left .events
{
    float: left;
    margin: 5px 10px 0;
}
#content-left .events h3
{
    *width: 100%;
}
#content-left .event-summary
{
    float: left;
    border: 2px solid #000;
    background: #142D81;
    color: #FFF;
    width: 188px;
    margin: 0px 0 10px;
}
#content-left .event-summary .title
{
    float: left;
    font-weight: bold;
    width: 100%;
    margin: 2px;
    *width: 105px;
    clear: left;
}
#content-left .event-summary .date
{
    float: left;
    width: 100%;
    margin: 2px;
    font-size: 11px;
    font-weight: bold;
    clear: left;
}
#content-left .event-summary .summary
{
    float: left;
    clear: left;
    margin: 5px 2px;
    font-size: 11px;
    width: 100%;
}
#content-left .event-summary .more
{
    float: left;
    clear: left;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 2px;
    text-decoration: none;
    *width: 100%;
    *padding-bottom: 5px;
}

#content-right
{
    float: right;
    clear: right;
    width: 748px;
    color: #000;
    padding-bottom: 5px;
}

.squires_vip_signup
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 400px;
    height: 200px;
    background: url(../images/site/squires-vip.png) top left no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}
.squires_vip_signup a
{
    display: block;
    width: 400px;
    height: 130px;
    margin: 0;
    padding: 0;
}

.page_heading
{
    float: left;
    margin: 10px 0 20px 10px;
    color: #142D81;
}

#footer
{
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    margin: 10px 0;
    font-size: 10px;
}

#footer a
{
    color: #FFF;
    font-size: 10px;
}

table
{
    color: #000 !important;
}