/* Main */

body { background: url("../images/backgrounds/shadow-background.png") center repeat-y; padding: 0px; margin: 0px; font: 1em Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; line-height: 1em; background-color; #FFFFFF; color: #454545; text-align: center; }

a { color: #2c5272; }
a:hover { color: #878787; }

h1 { font: normal 2.5em Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; letter-spacing: 0px; padding: 20px 0px 0px 0px; margin: 0px; }

p { font-weight: normal; font-size: 0.8em; margin: 0px 0px 5px 0px; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; }

ul { margin: 0px; padding: 0px; test-align: left; }

form { margin: 0px; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; }

.container { margin: 0px auto; width: 900px; padding: 0px 10px 0px 10px; text-align: left; }

/* Header */

#header { background: url("../images/backgrounds/header.jpg") top left no-repeat; background-color: #2c5272; color: #ffffff; margin: 0px; padding: 0px; border-bottom: 1px solid #c7d2db; height: 200px;}
#header img { border: none; }
#header img a { border: none; }
#header a { color: #ffffff; text-decoration: none; }
#header a:hover { color: #ffffff; text-decoration: none; }


/* Navigation */

#navigation { background: url("../images/backgrounds/nav-background-inactive.jpg") top left repeat-x; font-size: 0.8em; margin: 0px; padding: 0px; border-bottom: 1px solid #c7d2db; }
#navigation li { background: url("../images/backgrounds/nav-background-inactive.jpg") top left repeat-x; margin: 0px; padding: 0px; text-align: left; color: #ffeadc; float: left; position: relative; list-style: none; display: block; }
#navigation li.active { background: url("../images/backgrounds/nav-background-active.png") top left repeat-x; padding: 7px 12px; color: #ffffff; font-weight: bold; }
#navigation li a { font-weight: bold; padding: 7px 12px; color: #2c5272; text-decoration: none; display: block; }
#navigation li a:hover { background: url("../images/backgrounds/nav-background-hover.png") top left repeat-x; color: #ffffff; padding: 7px 12px;}
#navigation ul ul { position: absolute; z-index: 1; left: 0; top: 100%; font-size: 75%; padding: 0px; margin: 0px 0px 0px -1px; }
#navigation ul ul li { width: 100%; padding: 0px; display: block; margin: 0px; border-bottom: 1px solid #c7d2db; border-right: 1px solid #c7d2db; border-left: 1px solid #c7d2db; }
#navigation ul ul li a { padding: 3px 7px; }
#navigation ul ul li a:hover { padding: 3px 7px; }
#navigation ul ul ul { top: 0; left: 100%; text-align: left; }
div#navigation ul ul, div#navigation ul li:hover ul ul, div#navigation ul ul li:hover ul ul { display: none; }
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul { display: block; }

#sec_navigation { background: url("../images/backgrounds/nav-background-inactive.jpg") top left repeat-x; font-size: 0.7em; margin: 0px; padding: 0px; border-bottom: 1px solid #c7d2db; }
#sec_navigation li { background: url("../images/backgrounds/nav-background-inactive.jpg") top left repeat-x; margin: 0px; padding: 0px; text-align: left; background-color: #c7d2db; color: #2c5272; float: left; list-style: none; }
#sec_navigation li.active { background: url("../images/backgrounds/nav-background-active.png") top left repeat-x; padding: 3px 12px 3px 12px; color: #ffffff; font-weight: bold; }
#sec_navigation li a { padding: 3px 12px 3px 12px; font-weight: bold; color: #2c5272; text-decoration: none; display: block; }
#sec_navigation li a:hover { background: url("../images/backgrounds/nav-background-hover.png") top left repeat-x; color: #ffffff; padding: 3px 12px 3px 12px; }

/* Content */

#content { background: url("../images/backgrounds/content-background.png") left repeat-y; padding: 0px; margin: 0px; clear: both; }

#main_content { background-color: transparent; float: left; width: 580px; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 10px; }
#main_content h2 { color: #2c5272; padding: 0px 0px 5px 0px; font-size: 1.2em; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; margin: 20px 0px 10px 0px; line-height: 1.1em;}
#main_content h3 { margin: 10px 0px 0px 0px; padding: 0; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 1.0em; margin-bottom: 5px; color: #2C5272; background: inherit; }
#main_content h4 { margin: 10px 0px 0px 0px; padding: 0; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 0.9em; margin-bottom: 5px; color: #2C5272; background: inherit; }
#main_content p { margin: 0px 0px 10px 0px; color: #222222; padding: 3px 0px; line-height: 140%; }
#main_content ul { font-size: 0.8em; margin: 0px 0px 10px 20px; color: #222222; padding: 3px 0px; list-style-type: square; }
#main_content li { margin: 2px 0px; }

#main_content .more { background: url("../images/backgrounds/more-background.jpg") top left repeat-x; background-color: #2c5272; width: 40%; border: 1px solid #c7d2db; float: right; padding: 2px 10px 2px 10px; margin: 0px 10px 5px 0px; height: 100%; min-height: 20px;}
/* Min-height for IE: http://www.cssplay.co.uk/boxes/minheight.html */
#main_content .more h2 { color: white; margin: 0px; border: 0px; line-height: 120%;}
#main_content .more p { color: white; margin: 0px; }
#main_content .more a { color: white; margin: 0px; }
#main_content .more a:hover { color: white; margin: 0px; }

#main_content .words { float: left; width: 50%; }

table { border: 1px solid #252525; border-collapse: collapse; }
tr { }
td { padding: 5px; }

.tableData { font-size: 0.8em; vertical-align: top; padding: 0.7em 4px 4px 4px; font-weight: bold; }

.formTitle { background-color: #2c5272; color: #ffffff; padding: 5px; font-weight: bold; font-size: 0.9em; border-bottom: 1px solid #000000; }
.formSubTitle { background-color: #4a86b9; color: #ffffff; padding: 5px; font-weight: bold; font-size: 0.8em; border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
.formHeading { background-color: #93B7D5; color: #000000; padding: 5px; font-weight: bold; font-size: 0.8em; border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-style: italic; }
.formHighlightField { background-color: #396a95; color: #ffffff; padding: 15px 5px; font-weight: bold; font-size: 0.8em; border-top: 1px solid #000000; }
.formHighlightField input { background-color: #ffffff; color: #ff0000; border: 0px; font-size: 1.0em; font-weight: bold;}
.formFieldName { color: #222222; text-align: right; padding: 0.7em 4px 4px 4px; font-size: 0.8em; vertical-align: top; }
.formFieldCheckbox { color: #222222; text-align: right; padding: 0.4em 4px 4px 4px; font-size: 1.0em; vertical-align: top; }
.formComment { display: none; }
.formNote { font-size: 70%; font-style: italic; line-height: 90%; }
.tick { background: url("../images/backgrounds/tick.jpg") top left no-repeat; background-color: #2c5272; }
.cross { background: url("../images/backgrounds/cross.jpg") top left no-repeat; background-color: #2c5272; }

input { color: #222222; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif;  font-size: 0.8em; }
select { color: #222222; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif;  font-size: 0.8em; }
textarea { color: #222222; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif;  font-size: 0.8em; }

/* Secondary Content */

#sec_content { background-color: transparent; color: #414141; float: right; width: 280px; margin: 0px; padding: 0px 10px 20px 10px; }
#sec_content h2 { clear: both; color: #2c5272; padding: 0px 0px 5px 0px; font-size: 1.2em; font-family: Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; margin: 20px 0px 10px 0px; line-height: 1.1em; }
#sec_content h3 { margin: 10px 0px 0px 0px; padding: 0px; font: bold 0.8em Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; }
#sec_content h3 a { color: #414141; text-decoration: none; }
#sec_content h3 a:hover { color: #2c5272; text-decoration: underline; }
#sec_content h4 { margin: 5px 0px 0px 0px; padding: 0px; font: bold 0.7em Optima, "Trebuchet MS", Tahoma, Arial, Sans-Serif; }
#sec_content h4 a { color: #414141; text-decoration: none; }
#sec_content h4 a:hover { color: #2c5272; text-decoration: underline; }
#sec_content p { font-size: 0.8em; padding: 0px; margin: 0px 0px 10px 0px; line-height: 140%; }
#sec_content ul { font-size: 0.8em; margin: 0px 0px 10px 20px; color: #222222; padding: 3px 0px; list-style-type: square; }
#sec_content li { margin: 2px 0px; }

.image { float: right; margin: 0px 0px 3px 9px; padding: 0px 0px 0px 0px; border: 1px solid #c7d2db; }


/* Footer */

#footer { font-size: 0.85em; clear: both; text-align: center; padding: 10px 0px 10px 0px; margin: 0px; border-top: 1px solid #c7d2db; line-height: 1.8em; }
#footer a { color: #808080; background: #ffffff; }
#footer img { border: none; }
#footer img a { border: none; }