/*************************************************************
 * description: css for screen media
 *************************************************************/

/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/
 *************************************************************/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
body {
    background: #799aba url( ../images/bg_body.png ) repeat-x 0 0;
    color: #323232;
    font: 75%/1 "Trebuchet MS", serif;
}
a:hover { text-decoration: none; }
/* /global elements
 *****************************************************/

/* base layout
 *****************************************************/
.bg { background: transparent url( ../images/bg_bg.jpg ) no-repeat 50% 0; }
#container {
    background: #fdfdfd url( ../images/bg_container.png ) repeat-x 0 0;
    margin: 0 auto;
    width: 776px;
}
#branding {
    padding: 35px 0 0;
    text-align: center;
}
#wrap {
    background: transparent url( ../images/bg_wrap.jpg ) no-repeat 0 0;
    border: 1px solid #fff;
    border-width: 0 12px 12px;
}
#contentWrap {
    background: transparent url( ../images/bg_content_wrap.png ) repeat-y 246px 0;
}
#contentWrap .wrap {
    background: transparent url( ../images/bg_content_wrap.png ) no-repeat -260px 100%;
    padding: 0 0 20px;
    overflow: hidden;
}
#mainContent {
    float: right;
    line-height: 1.4em;
    padding: 0 34px 0 20px;
    width: 449px;
}
#subContent {
    float: left;
    padding: 0 18px;
    width: 210px;
}
#footer {
    background: #323232 url( ../images/bg_footer.jpg ) repeat-y 0 0;
    border-top: 5px solid #d2e3f4;
    color: #757575;
    margin: 22px -12px -12px;
    line-height: 5.2em;
    min-height: 52px;
    text-align: center;
}
/* /base layout
 *****************************************************/

/* common elements
 *****************************************************/
.left { float: left; }
.right { float: right; }
.cols { overflow: hidden; }
.col { float: left; }
.print { display: none; }

form h3.legend {
    padding: 7px 19px 8px;
    text-transform: uppercase;
}
form .item { overflow: hidden; }
form .item input,
form .item textarea {
    background: #fff url( ../images/bg_text_input.png ) no-repeat 0 0;
    border: 1px solid #4f504f;
    font: inherit;
    padding: 0 3px;
}
form .item textarea { padding: 3px; }
form .item select { font: inherit; line-height: 0.8em; }
form .buttons button {
    background: #4981b1 url( ../images/bg_form_buttons.gif ) repeat-x 0 0;
    border: 1px solid #fbfbfb;
    color: #fff;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    padding: 0 5px;
    text-transform: uppercase;
}
form .buttons button:hover,
form .buttons button.hover {
    background-position: 0 100%;
    border-color: #323232;
    color: #323232;
}
/* /common elements
 *****************************************************/

/* branding elements
 *****************************************************/
#branding h1 {
    font-size: 2.9em;
    font-weight: normal;
    margin: 0 0 52px;
}
#branding h1 a {
    color: #323232;
    text-decoration: none;
}
#branding h2 {
    font-weight: normal;
    margin: 0 0 37px;
}
/* /branding elements
 *****************************************************/

/* navigation elements
 *****************************************************/
#navigation {
    background: transparent url( ../images/bg_navigation.png ) no-repeat 0 0;
    margin: 0 auto 33px;
    width: 716px;
}
#mainNav {
    background: transparent url( ../images/bg_navigation.png ) no-repeat -716px 100%;
    padding: 10px 0;
    text-align: center;
}
#mainNav li {
    background: transparent url( ../images/sep_main_nav.png ) no-repeat 0 3px;
    display: inline;
    padding: 0 10px 2px 13px;
    text-transform: uppercase;
}
#mainNav li.first { background: none; }
#mainNav a {
    color: #323232;
    text-decoration: none;
}
#mainNav a:hover {
    color: #3d7aae;
    text-decoration: underline;
}
/* /navigation elements
 *****************************************************/

/* mainContent elements
 *****************************************************/
#mainContent h1 {
    color: #7a9bbb;
    margin: -2px 0 0;
    font-size: 1.5em;
    font-weight: normal;
    padding: 0 0 1px;
}
#mainContent h2 {
    font-size: 1.25em;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 18px;
}
#mainContent p { margin: 0 0 1em; }
#mainContent a { color: #3d7aae; }
#mainContent a:hover,
#mainContent a:visited {
    color: #7a9bbb;
    font-weight: normal;
    text-decoration: none;
}
#mainContent li {
    background: transparent url( ../images/bg_list_item.gif ) no-repeat 0 5px;
    color: #55603d;
    padding: 0 0 0 10px;
}
#mainContent li a {
    color: #323232;
    text-decoration: none;
}
#mainContent li a:hover {
    color: #7a9bbb;
    text-decoration: underline;
}

/* Ticket #1141 - Bug: Some themes are interfering with some page elements */
#mainContent td, #mainContent th {border:1px solid #000;}

#mainContent form {
    background: #7a9bbb url( ../images/bg_form.png ) repeat-x 0 0;
    border: 2px solid #191919;
    color: #fff;
    margin: 0 0 14px;
}
#mainContent form fieldset {
    padding: 0 15px 20px;
}
#mainContent form h3.legend {
    background: #3d7aae url( ../images/bg_form_legend.png ) no-repeat 0 100%;
    font-size: 1.1em;
    margin: 0 -15px 15px;
}
#mainContent form .item { margin: 0 0 9px; }
#mainContent form label,
#mainContent form span.label {
    float: left;
    font-size: 0.83em;
    line-height: 1em;
    padding: 3px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 124px;
}
#mainContent form .withRadio span.label {
    padding: 5px 10px 0 0;
    width: auto;
}
#mainContent form .withTextarea label,
#mainContent form .withCheckbox span.label {
    display: block;
    float: none;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
}
#mainContent form .withSelect label {
    display: inline;
    float: none;
    padding: 6px 0 0;
}
#mainContent form .withCheckbox label {
    line-height: 1.3em;
    padding: 0;
    text-align: left;
    width: auto;
}
#mainContent form ul.radios li label {
    line-height: 1.3em;
    margin: 0 10px 0 0;
    width: auto;
    text-align: left;
}
#mainContent form .item input,
#mainContent form .item select {
    margin: 0 3px 0 11px;
    width: 207px;
}
#mainContent form .item li {
    background: none;
    color: #fff;
    padding: 0;
}
#mainContent form .item li input {
    background: none;
    border: none;
    float: left;
    margin: 0 5px 0 0;
    width: auto;
}
#mainContent form textarea {
    height: 28px;
    width: 407px;
}
#mainContent form ul.radios {
    display: inline;
    margin: 0 0 0 7px;
}
#mainContent form ul.checkboxes { margin: 0 0 0 7px; }
#mainContent form ul.radios li { display: inline; }
#mainContent form ul.checkboxes li {
    float: left;
    overflow: hidden;
    margin: 0 0 4px;
    width: 100%;
}
#mainContent form .optional {
    font-size: 0.83em;
    text-transform: uppercase;
}
#mainContent form label .optional { font-size: 1em; }
/* /mainContent elements
 *****************************************************/

/* subContent elements
 *****************************************************/
#alternateLogo {
    border: 2px solid #191919;
    display: block;
    margin: 0 0 18px;
}
div.block {
    background: #7a9bbb;
    border: 2px solid #191919;
    margin: 0 0 16px;
    width: 207px;
}
div.block .inner {
    padding: 0 15px;
}

div.block h2,
div.block form h3.legend {
    background: #3d7aae url( ../images/bg_form_legend.png ) no-repeat 0 100%;
    color: #fff;
    font-size: 1.1em;
    margin: 0 -15px 11px;
    padding: 7px 19px 8px;
    text-transform: uppercase;
}
div.block form { padding: 0 0 13px; }
div.block form .item { padding: 0 0 5px 4px; }
div.block form .item input {
    display: block;
    margin: 0 0 3px;
    width: 163px;
}
div.block form a { color: #323232; }
div.block form a:hover { text-decoration: none; }
div.block form .buttons { margin: 10px 4px 0; }
ul.events { padding: 0 0 0 4px; }
ul.events li {
    background: transparent url( ../images/sep_events.gif ) no-repeat 0 0;
    line-height: 1.3em;
    margin: 0 0 8px;
    padding: 10px 0 0;
}
ul.events li.first { background: none; padding: 0 ;}
ul.events h4 {
    background: transparent url( ../images/bg_event_title.gif ) no-repeat 0 50%;
    color: #fbfbfb;
    font-weight: normal;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}
ul.events li.first h4 { background-position: 0 49%; }
ul.events h4 a {
    color: #fbfbfb;
    text-decoration: none;
}
ul.events span.date {
    display: block;
}
/* /subContent elements
 *****************************************************/

/* footer elements
 *****************************************************/
#footer a { color: #f9f9f9; }
#footer h6 { font-weight: normal; }

/* WARNING BOX */
div.warning_box
{
	background:#FFF8AF none repeat scroll 0 0;
	border:1px solid #7F7617;
	padding:0 16px;
	margin-top:12px;
	margin-bottom:12px;
}

div.warning_box fieldset
{
   border:0px;
   padding: 0 10px 10px 10px;
   margin: 10px 0;
}

div.warning_box fieldset legend
{
   color:#990000;
   font-weight:bold;
   font-size: 1.2em;
}

div.warning_box ul
{
   margin: 10px 0 0 10px;
}

#mainContent div.warning_box ul li
{
   background:transparent;
   margin: 0 0 4px 0;
   color:#3F1714;
   font-size:13px;
}