/*------[GENERAL]--------*/

* {margin: 0;
padding: 0;}

body {background: #214563 url(../img/bg_main.jpg) repeat-x top left;
color: #000;
font: 62.5% Arial}

a {color: #0000FF;
text-decoration: underline;}

a:hover {}

ul {list-style: none;}

h1,h2,h3,h4,h5,h6 {font-family:  Arial}

/*-------[   Layout   ]---------*/

#wrap {position: relative;
width: 820px;
margin: 15px auto;}

#header {height: 425px;}

/*-------[ Logo + Navigation ]---------*/

/*Adjust LOGO position by modifiying the LEFT proprety*/

#logo {position: absolute;
top: 15px;
left: 10px;
font-family: "Times New Roman";
font-size: 32px;
color: #fff;}

#logo a {color: #fff;
text-decoration: none;}

#logo a:hover {text-decoration: underline;}

/*Adjust SLOGAN  position by modifiying the LEFT proprety*/

#slogan {position: absolute;
top: 30px;
left: 400px;
padding: 7.5px 0 7.5px 10px;
border-left: 1px solid #fff;
color: #fff;
font-family: "Times New Roman";
font-size: 18px;
letter-spacing: 1px;
font-style: italic;}

#header-pic {position: absolute;
top: 114px;
left: 0;
height: 320px;
border-bottom: 4px solid #ded384;}

#nav {position: absolute;
width: 820px;
top: 76px;
left: 0;
height: 34px;
background-color: #294963;
border-bottom: 4px solid #ded384}

#nav ul {padding: 0;
margin-left: 5px;
list-style: none;}

#nav li {display: inline;
text-align: center}

#nav a {display: block;
float: left;
padding: 10px 15px 10px 20px;
font: 10px Arial;
text-transform: uppercase;
color: #fff;
text-decoration: none;
outline: none;}

#nav a:hover {background-color: #081829;}

#nav .active a {background: #081829 url(../img/bg-menu-active.jpg) bottom center no-repeat;}

#content-wrap {padding: 25px 0 30px 30px;
background-color: #FFFFFF;}

#content {width:500px;
position:relative;}

/* --- content styling ---*/

#content {font-size: 1.5em;
line-height: 1.4em;
color: #111;}

#content h1 {margin-bottom: 20px;
font-size: 24px;}

#content h4 {color: #294963;
margin-bottom: -3px}

#content .first, #content .drop_cap {padding: 0.17em 0.08em 0.05em 0;
font-size: 3.4em;
line-height: 0.6em;
color: #aaa;
float: left;}

#content .p1 {margin: 0 0 1em 0;
font-size: .8em;
font-style: italic;
line-height: 1.3em}

#content p {margin: 0 0 1em 0;}

#content a {}

#content a:hover {color: #294963;
text-decoration: underline;}

#content blockquote {font-style: italic;
padding: 10px;
padding-left: 35px;
margin-bottom: 5px;
background: #fff url(/img/bg_blockquote.gif) no-repeat top left;
color: #111;}

#content blockquote ul, #content blockquote ol {margin: 0 0 1.46667em 15px;}

#content ul, #content ol {margin: 0 0 10px 40px;}

#content ul {list-style: square;}

#content li {}

#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol {list-style: disc;
margin: 0 0 0 50px;
display: list-item;}

#content img {display: block;
float: right;
clear: both;
padding: 10px;
border: none;
background: #e5e5e5;}

#content img:hover {background: #294963}

#coll {width: 245px;
float: left;}

#colr {width: 245px;
float: right:}

.imgfloatleft {float: left;
margin-right: 10px;}

.imgfloatright {float: right;}

.update {border: 1px solid #f2ec49;
background: #fffdcb;
padding: 10px;
margin: 0;
margin-bottom: 1em;}

/* --- Sidebar ---*/

#sidebar {position: absolute;
right: 30px;
top: 320px;
width: 230px;
height: 150px;}

/* --- sidebar styling---*/

#sidebar img {padding: 10px 10px 10px 5px;
margin: 0 5px 15px 0}

.sidebar-links {background: #29517b url(/img/bg_side_links.jpg) repeat-x bottom left;
padding: 20px;
margin-bottom: 15px;}

.sidebar-links h3 {margin-bottom: 15px;
font-size: 16px;
color: #fff;}

.sidebar-links ul {margin: 10px 0;}

.sidebar-links ul li {border-bottom: 1px solid #486a8b;
padding: 10px 8px;}

.sidebar-links ul li a {color: #9fbfd6;
text-decoration: none;
font-size: 14px;}

.sidebar-links ul li a:hover {color: #fff;}

.sidebar-links ul li.active {background: #132b44;
border-bottom: 0;
padding-top: 11px;
margin: 0 -20px;
padding-left: 28px;
margin-top: -1px;
position: relative;}

.sidebar-links ul li.active a {color: #fff;}

/* --- --- */

.sidebar-info {border-top: 3px solid #ded384;
border-bottom: 3px solid #ded384;
background-color: #efebe7;
padding: 5px;}

.sidebar-info h4 {text-align: center;
margin-bottom: 5px;}

.sidebar-info h5 {text-align: center;
color: #29517b}

.sidebar-info p {margin-bottom: 10px;
font-size: 13px;}

.sidebar-info ul {list-style:inside;
list-style-type:disc;
font-size:100%;}

/* Alt Sidebar */

#altsidebar {position: absolute;
right: 30px;
top: 450px;
width: 230px;
min-height: 100px;}

/* --- sidebar styling---*/

#altsidebar img {padding: 10px;
margin: 0 13px 15px 13px}

/* picture sidebar */

#picsidebar {position: absolute;
right: 30px;
top: 450px;
width: 230px}

/* --- sidebar styling---*/

#picsidebar img {padding: 10px}

#picsidebar img a:hover {background: #294963}

.sidebar-pic {border-top: 3px solid #ded384;
border-bottom: 3px solid #ded384;
background-color: #efebe7}

.sidebarpic1 {position: absolute;
width: 230px;
padding: 0 20px 0 15px}

/* --- Footer --- */

#footer {height: 38px;
width: 820px;
background-color: #001839;
font-size: 12px;}

#footer p {padding: 11px 0 0 25px;
color: #94b6de;}

#footer a {color: #94b6de;}

#footer a:hover {color: #fff;}

/*----------------------------*/

h1 {font-family: Arial;
font-size: 26px;
color: #002852;
margin-bottom: 15px;}

h2 {font-family: Arial;
font-size: 22px;
color: #002852;
margin-bottom: 15px;}

h3 {font-family: Arial;
font-size: 19px;
color: #002852;
margin-bottom: 15px;}

h3 a {color: #032850;
text-decoration: none;}

h3 a:hover {color: #124b89;}

h4 {font-size: 16px;
color: #032850;
margin-bottom: 10px;}

h5 {font-size: 14px;
color: #000000;}

/* Tables
-------------------------------------------------------------- */

table {margin-bottom: 1.4em;}

th {border-bottom: 2px solid #ccc;
font-weight: bold;}

td {border-bottom: 1px solid #ddd;}

th,td {padding: 4px 10px 4px 0;}

tfoot {font-style: italic;}

caption {background: #ffc;}

/* Success, error & notice boxes for messages and errors. */

.error,
.notice, 
.success {padding: .8em;
margin-bottom: 1em;
border: 2px solid #ddd;}

.error {background: #FBE3E4;
color: #D12F19;
border-color: #FBC2C4;}

.notice {background: #FFF6BF;
color: #817134;
border-color: #FFD324;}

.success {background: #E6EFC2;
color: #529214;
border-color: #C6D880;}

.error a {color: #D12F19;}

.notice a {color: #817134;}

.success a {color: #529214;}

/* form design*/

fieldset {margin: 0 5px 10px 0px;
padding: 2px;
border: 1px dotted #ccc;
background-color: #fff;}

legend {background-color: #000000;
color: #FFFFFF;
text-transform: uppercase;
padding: 3px;
margin-left: 10px;
margin-bottom: 10px;
font-size: 12px;}

form p {margin: 5px 0 0 0;}

label {text-align: right;
margin-right: 10px;
display: block;
width: 140px;
float: left;
clear: both;
font-weight: bold;}

input.text {width: 315px;}

textarea {width: 450px;
margin: 5px 15px 15px 15px;}