/* Main Screen CSS Document */

/* ---- DEFAULT TEXT STYLES ---- */
body { font-family: Arial, Helvetica, "Times New Roman"; background-color: #8a0002; margin: 0; }

/* h1 Used in header */
h2 { font-size: 140%; font-weight: normal; line-height: 1em; margin: 0 0 0.8em 0; color: #8a0002; } /* Used for page titles */
h3 { font-size: 90%; font-weight: bold; line-height: 0.8em; margin: 1em 0 0.8em 0; color: #8a0002; text-decoration: underline; } /* Used for page sub titles */
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.4em; color: #8a0002; }

/* -- Links -- */
a:link, a:visited { color: #8a0002; }
a:active, a:hover { color: #d10104; }
a { outline: none; }
a.selected { color: #d10104; }

/* ---- CLEAR STYLES ---- */
.clear { clear: both; }

/* ---- ERROR STYLES ---- */

/* ---- Error Text ---- */
.error { color: #c00 !important; }

/* -- Error Box -- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title { padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold; }
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }

/* ---- MARGIN STYLES ---- */
.margin10 { margin: 10px; }
.margin10-r { margin-right: 10px!important; }
.margin10-b { margin-bottom: 10px!important; }
.margin10-l { margin-left: 10px!important; }

.margin10-r-b { margin: 0 10px 10px 0!important; }

.margin20-b { margin-bottom: 20px; }

/* ---- COLUMNS ---- */

.column-200 { width: 200px; float: left; }
.column-470 { width: 470px; float: left; }

.column-240 { width: 240px; float: left; }
.column-420 { width: 420px; float: left; }

/* ---- CONTAINER ---- */
#frame { width: 960px; margin: 0 auto 0 auto; padding: 0 20px; background: url(../../images/frame_background.gif) top left repeat-y; }

/* ---- HEADER ---- */
#header { width: 960px; height: 120px; background-color: #fff; border-bottom: 1px solid #8a0002; }
#header #header-logo { float: left; width: 610px; padding: 10px 0 10px 10px; }
#header #header-logo h1 { color: #8a0002; font-size: 180%; font-weight: normal; line-height: 1em; padding: 33px 0 0 0; margin: 0; }
#header #header-logo img { float: left; margin-right: 10px; }
#header #quick-contact { float: left; width: 330px; text-align: right; padding-top: 30px; }
#header #quick-contact p { font-size: 120%; line-height: 1.4em; font-weight: normal; margin: 0; }
#header #quick-contact a { text-decoration: none; color: #8a0002; }

/* -- MAIN IMAGE -- */
#main-image { width: 960px; height: 222px; position: relative; overflow: hidden; }

/* ---- NAVIGATION ---- */
#navigation { width: auto; height: 34px; position: absolute; right: 10px; top: 0; z-index: 200; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li { float: left; margin: 0 0 0 5px; padding: 0; font-size: 90%; font-weight: bold; }
#navigation a { text-decoration: none; display: block; padding: 5px 15px; color: #fff; background-color: #8a0002; }
#navigation a:hover, #navigation .selected { background-color: #d10104; padding: 10px 15px; }

/* ---- BODY ---- */
#body { width: 940px; padding: 10px; border-top: 1px solid #8a0002; position: relative; }

/* -- Titles -- */
#title { width: 680px; height: 36px; background: url(../../images/title_background.gif) bottom left repeat-x; }
#title div { width: auto; height: 28px; background-position: top left; background-repeat: no-repeat; }
#title h2 { display: none; visibility: hidden; }
#title .news { background-image: url(../../images/title_news.gif); }

/* ---- FOOTER ---- */
#footer { width: 1000px; padding: 4px 0; margin: 0 auto; text-align: center; background: url(../../images/frame_shadow_bottom.gif) top left repeat-x; }
#footer p { color: #fff; }