/* set default formatting */
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,img { margin: 0; padding: 0; border:0; text-align:left;}
body { font: 0.725em  Arial, Verdana, Helvetica, sans-serif; color: #333333; margin: 0; padding: 0; text-align: center; background: url("/images/background.jpg") top left repeat-x #F5F5F5; }

a { color: #191947; text-decoration: none; }
a:hover { color: #191947; text-decoration: underline; }
a:active, a:focus { outline: 0; }
p a { font-weight:bold; }

p { padding: 0; line-height: 150%; }

h1 { font: 20px Arial, Helvetica, sans-serif; color: #191947; letter-spacing: 0; margin: 5px 0 0 0; }
h2 { font: 18px Georgia, Arial, Helvetica, sans-serif; color: #191947; letter-spacing: 0;  margin: 5px 0 0 0; }
h3 { font: 15px Georgia, Arial, Helvetica, sans-serif; color: #191947; letter-spacing: 0;  margin: 5px 0 0 0; }
h4 { font: 13px Arial, Helvetica, sans-serif; color: #191947; letter-spacing: 0;  margin: 5px 0 0 0; }
h5 { font: 11px Arial, Helvetica, sans-serif; color: #191947; letter-spacing: 0;  margin: 5px 0 0 0; }
h6 { font: 10px Arial, Helvetica, sans-serif; color: #191947; letter-spacing: 0;  margin: 5px 0 0 0; }

.hide { display: none; visibility: hidden; }
.clr { clear: both; height:0; font-size:0; line-height:0; overflow:hidden; }

#wrapper { background: #FFFFFF; width:760px; margin:auto; padding:0 20px 0 20px; }
#login { text-align:right; padding:2px;}
#header { width:760px; height:94px; background: #191956 url("/images/header_background.jpg") no-repeat top right; }
#logo { float:left; width:181px; height:31px; background: transparent; margin:0; padding: 0;}
#logo a {display:block; width:363px; height:94px; }

/*Navigation */
#nav { width: 760px; float: left; background: url(/images/nav_bottom.gif) no-repeat bottom left #000033; list-style: none; margin: 0; padding: 0;}
#nav li { display:block; float:left; width: auto; padding: 0; margin: 0; position: relative; z-index: 9999; font-weight: bold; font-size:100%; list-style:none; }
#nav ul { display:block;  margin:0; background:url(/images/nav-bottom.gif) no-repeat bottom left; }
#nav ul.drop { background: #FBFBFB url(/images/nav-drop-bg.gif) repeat-x; }
#nav li a { display: block;  color: #fff; text-decoration: none; padding: 10px 12px 10px 12px; margin: 0; background: url(/images/spacer.gif) right no-repeat; }
#nav li.child { background:url(/images/nav_arrow.gif) 90% no-repeat; }
#nav li.child a { padding: 10px 25px 10px 12px; }
#nav li a:hover { display: block; color: #000033; }
#nav li:hover a, #nav li.over a { display: block; color: #000033; background: #F9F2E3; }
#nav li a.active, #nav li a:hover.active { display:block; color: #fff; background: #122F8D; }
#nav li .drop { display: none; }
#nav li:hover .drop, #nav li.over .drop { display: block; position: absolute; z-index: 9999; top: 34px; left: -2px; width: 170px; border-bottom: 2px solid #000033; border-left:#000033 2px solid; border-right:#000033 2px solid; float: left; padding: 0 0 5px 0; margin: 0; background: #F9F2E3; list-style: none; }
#nav li .drop li { width: 168px; height: auto; border: 0; margin: 0; border: 0; }
#nav li .drop li a { width: 165px; border-bottom:1px solid #cccccc; font-weight: normal; color: #111; text-decoration: none; background: transparent; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li a:hover { width: 165px; color: #000033; background: #E7E3DA; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li:hover a, #nav li .drop li.over a { width: 165px; padding: 5px 0 5px 5px; margin: 0; color: #000033; background: #E7E3DA; }
#nav li .drop li .drop { display: none; }
#nav li .drop li:hover .drop, #nav li .drop li.over .drop { display: block; position: absolute; z-index: 9999; width: 170px; left: 170px; top: -2px; margin: 0; padding: 0; border-top: 2px solid #000033;}
#nav li .drop li .drop li a { width: 165px; border: 0; display: block; border-bottom:1px solid #cccccc; font-weight: normal; color: #111; text-decoration: none; background: transparent; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li .drop li a:hover { width: 165px; border-bottom:1px solid #cccccc; color: #000033; background: #E7E3DA; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li .drop li .drop { display: none; }
#nav li .drop li .drop li:hover .drop, #nav li .drop li .drop li.over .drop { display: block; position: absolute; z-index: 9999; width: 170px; left: 169px; top: 0; margin: 0; padding: 0 0 17px 0; }

#top { background: #F5EBD7; margin:5px 0 0 0; padding:5px 0 5px 0; }
#banner-left { width:520px; background:transparent; }
#banner-right { width:210px; float:right; margin: 0 0 0 5px; padding:10px!important; padding:10px 10px 0 10px; background: url("/images/banner_right_bg.jpg") no-repeat #F9F2E3; color:#191947; }
#banner-right h1 { font-style:italic; font-size:200%; }
#banner-right h3 { color:#000000; font-weight:bold; padding: 10px 0 0 0; }
#banner-right p { color:#333333; }

#column-left { background: url("/images/panel_main.gif") repeat-x top left #1A1A49; width:520px; float:left; }
#column-left h2 { padding: 20px 0 0 20px; margin:0; color: #FFFFFF; }
#column-left p { padding:5px 20px 20px 20px; color:#FFFFFF; } 
#column-right { background: #FCF8EF; color:#333333; width:220px; margin:0 0 0 0px;  padding:10px; float:left;}
#column-right form { float:left;}
#column-right form label { width:auto;}
#column-right .button {float:none; }
#column-left a { color:#C4C8E1; }

#button { background:url("/images/button_top.gif") no-repeat; color:#FFFFFF; padding:10px; margin: 5px 0 0 0;}
#button a { color:#FFFFFF; width:200px; display:block; }
#button a:hover { text-decoration:none; }
#button_end { background: url(/images/button_bottom.gif) no-repeat; height:3px; margin:0; }

/* Content */
#content { margin:10px 0 10px 0; }
#content p { padding: 5px 0 0 0; color:#333333; }
#content li { padding:5px 0 0 0; margin:0 0 0 15px; color:#333333; }

/* Document Pages */
#document { margin:10px 0 10px 0; }
#document p { padding: 5px 0 0 0; color:#333333; }
#document li { padding:5px 0 0 0; margin:0 0 0 15px; color:#333333; }
#image { margin:5px 0 0 0; padding: 5px 0 0 0; background:#F5EBD7; }
#breadcrumb { padding:10px 0 10px 10px; background:#F5EBD7; color:#333333; }
#breadcrumb li { display:inline; list-style:none; background: transparent url("/images/arrow.gif") no-repeat right center; padding:0 20px 0 5px; }
#breadcrumb li.breadcrumbEnd { display:inline; list-style:none; background: transparent; padding:0 20px 0 5px; }

/* Files */
#file_wrap {float:right; width:200px;}
#file { background:#F0F0F0; padding:10px; border:#cccccc 1px solid; margin:0 0 5px 10px; }
#files h3 { padding:0 0 5px 0; margin:0; }
#file p { padding:0px 0 5px 0; }

#member { float:right; color:#fff; margin: 20px 10px 0 0; width:110px; }
#member h3 { color:#fff;  }

#sections { border-top: 1px solid #DDDDDD; padding: 0; overflow:hidden; }
#sections img { border: 1px solid #DDDDDD; padding:3px; margin: 0 0 0 10px; float:right; }
#sections p { color:#333333; }
.item-left { width: 364px; clear:both; float:left; overflow:hidden; border-right:1px solid #DDDDDD; padding:5px 15px 5px 0; margin: 10px 0 10px 0;  } 
.item-right { width: 365px; overflow:hidden; float:left; padding:0 0 5px 15px;  margin: 10px 0 10px 0; }
.border { clear:both; border-top:1px solid #DDDDDD; padding:0; margin:0; height:1px;}

/* Members News*/
.news-item { border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; margin:5px 0 5px 0; }
.news-item-end { padding: 10px 0 10px 0; margin:10px 0 5px 0; }
.news-item h3, .news-item-end h3 { font-size: 17px; padding: 0 0 5px 0; }
ul.news-date { float:left; width:58px; background: url("/images/date.jpg") no-repeat; font-family: Georgia; margin:0 10px 0 0; }
.news-date li { list-style:none; text-align:center; }
.date-day { font-size:1.75em; padding: 10px 0 0 ; }
.date-month { font-size:1.5em; padding:0; color:#333333;}
.date-year { padding:0 0 10px 0; color:#666666; }
.news-clr { float: none; clear: both; height: 10px; overflow: hidden; }

/*Forms */
select { color: #5F5C5C; background: url(/images/form_background.gif) #FFFFFF; border: 1px solid #333333; margin:0; text-align:center; font-family: Arial; }
input, textarea { padding: 1px 3px 1px 3px; width:229px; color: #5F5C5C; background: url(/images/form_background.gif) #FFFFFF; border: 1px solid #333333; margin: 1px 0 1px 0; overflow:auto;}
.formError { clear: both; margin: 0 0 0 100px; vertical-align: middle; color: #DE0082; }
.formInfo { clear: both; margin: 0 0 0 130px; padding: 10px 0; vertical-align: middle; }
fieldset { border: 1px solid #cccccc; margin:0; padding:9px 9px 12px 9px!important; width:370px; margin:auto;  }
form label {  vertical-align: top; padding:0 20px 0 0; text-align:left; width:110px; display:block; clear:both; float:left; color:#333333; }
.button { cursor:pointer; width:auto; font-weight:bold; font-size:120%; color: #333333; background: #F7F7F7; border:0; padding: 0; margin:0 2px 0 130px; float:right; }
.button a:hover { color:green; }
.date { width:360px; vertical-align:top; }
.checkbox { background:transparent; border: 0; width:auto; padding:0; }
.select { padding:0; margin:1px; text-align:center; }
.radio { width:auto; padding:0; margin:0; border:0; vertical-align:bottom; background:transparent; }
/* .select_label_check { width:110px } */
.select_label_token { float:left; clear:none; padding:0; margin:1px 10px 1px 10px; width:auto; }
.select_label { float:left; }
.file { width:326px; }
.clear { height:2px; margin:0; border:0; padding:0; clear:both; }
form h3 { color: #003E7E; margin:1px 0 1px 0; font-weight:bold; }
#document p.fieldSummary {padding:0; margin:0 15px 0 130px; font-size:90%; font-style:italic; color:#333333; }
.line { width:525px; }
p.lbl {margin: 2px 0 2px 0; padding:0; }

/* Login Form*/
#userlogin h3 { padding: 0 0 0 0; margin:0;  }
#userlogin li { margin:0; }
#userlogin li.lbl { margin: 2px 0 0 0; padding:0;}
#userlogin li.login { float:right; margin: 5px 0 0 0; width:auto; }
#userlogin li.forgotten { width:auto; clear:none; margin: 10px 0 0 0; }
#column-right #userlogin input.txt { width:210px; }
#userlogin input.button { margin:0; }
li.login input { border:0; }

.form_login { width:370px; margin: 5px auto 0 auto; }
#userlogin li.password { width:auto; float:left; padding: 5px 0 0 130px; }
#userlogin li.login { clear:none; padding:0; margin:5px 3px 0 0; }

/* Members Area */
form ol { list-style:none; }
form li { list-style:none; }
form h3 { text-align:left; }
form li {clear:both;}
fieldset.remove { border:0; width:330px; }

.details-left { width:365px; float:left; border: 1px solid #cccccc; padding: 5px; }
#document div.details-left li {padding:0; margin:0; }
.details-left input { width:189px; margin:0 }
.details-left p { width:auto;}
.details-left input.button { width:auto; }
.details-right { margin: 0 0 10px 385px; padding: 5px; border: 1px solid #cccccc; }
.details-right input { width:189px; }
.details-right input.button { width:auto; }

/* Paging */
.paging { float:right; }
.paging ul { list-style:none; margin: 0 0 10px 0!important; margin: 5px 0 10px 0; float:right; padding:6px 0 6px 0; }
.paging li { display:inline; }
#document .paging li { padding:0; margin:0; }
.paging p { float:left; }
.paging a:hover{ background:#C1C1EC; }
.paging a { border: 1px solid #cccccc; background:#F0F0F0; padding: 5px; }
.paging li strong { padding: 5px; border: 1px solid #cccccc; background:#F0F0F0; }
.paging li:hover strong { background:#F0F0F0; }

/* Search */
#search-bar { float:right; margin: 35px 10px 0 0; vertical-align: bottom; }
#search-bar input { margin:0 0 0 0;  }
#header fieldset { margin:0; border:0;padding:0; width:auto; }
#search { width:150px; background:url("/images/search_bg.gif");}
#keyword { width:200px; margin: 0; }
.topic_item { border-bottom:1px solid #EBEBEB; padding:5px 0 5px 0; clear:both;}
.item_end { padding:5px 0 5px 0; }
#search_button { margin: 5px 0 0 130px; }
input.submit { width:auto; vertical-align:top; border:0; padding:0; background:transparent; margin: 2px 0 0 5px;}

.searchResultsForm { background:#F0F0F0; border: 1px #cccccc solid; margin: 5px 0 5px 0; padding: 10px 0 10px 0; }
.searchResultsForm legend { display:none; }
.searchResultsForm label { padding: 3px 0 0 0; }
.searchResultsForm { width:740px!important; width:760px; }
.searchResultsForm .button { float:none; margin:0 0 0 5px; }
.searchResultsForm input { float:left; } 
.searchResultsForm select { float:left; margin: 0 0 0 5px; }

/* Date Picker*/
.dpTable { background: #F7F7F7; border: 1px solid #191947; color:#333333; }
.dpButton {width:15px; background:transparent; border: 1px solid #191947; color: #00225D; }
.dpTitleTR {}
.dpTitleText { font-size:120%; text-align:center; color:#191947; }
.dpDayTD { border-bottom: solid 1px #009EE0; }
.dpTR {}
.dpTD { width:30px; }
.dpTodayButtonTR { text-align:center; }
.dpTodayButtonTD {}
.d pTodayButton { background:transparent; border: 1px solid #003E7E; color: #00225D; margin: 0 2px 0 2px;}

/* footer */
#footer { clear: both; color: #666666; background: url(/images/footer.gif) no-repeat 0 10px; padding: 0; }
#footer p { padding: 20px 0 10px 0; margin: 0; font-size: 90%; }
#footer a { color:#333333; }
#footer p.c8 { color:#999999; float:right; }
#footer p.c8 a { color:#999999; }

/* Sitemap */
#document p#azindex { color:#666; }

/* messages */
p.message { background: transparent url("/images/icon_ok.jpg") 0 50% no-repeat; padding: 25px 5px 25px 35px; }
p.error { background: #FFD5D5 url("/images/icon_error.gif") 10px 50% no-repeat ; color: #D50000; padding: 15px 5px 15px 45px; margin: 0; border:1px solid #ff0000; }
p.info { background: #D7E3FF url("/images/icon_info.gif") 25px 50% no-repeat; color: #003399; padding:0; margin:0;  padding: 15px 5px 15px 65px; border:1px solid #003399; }
p.ok { background: #E8FFE8 url("/images/icon_ok.gif") 25px 50% no-repeat; padding: 15px 5px 15px 65px; margin: 0; color:#009933; border: 1px solid #00CC00; }
#document .error_text { color: #D50000; font-size: 90%; text-align:left; padding:0; margin:0 5px 0 130px; font-style:italic; }

/* Members Data */
#tabs { border-bottom:1px solid #000033; width:100%; float:left; }
#tabs li { float:left; clear:none; border-top: 1px solid #1F1F57; border-right: 1px solid #1F1F57; border-left: 1px solid #1F1F57; margin: 10px 10px 0 0; }
#tabs li a { padding: 5px 10px; display:block; margin: 0 0 -1px 0; background:#1F1F57; color:#fff; font-weight:bold; }
#tabs li a.current { background:#fff; color:#000033; cursor:default; }
#tabs li a.current:hover { background: #fff; }
#tabs li a:hover { text-decoration:none; background: #F9F2E3; color: #000033; }
#tabcontainer { clear:left; border-left: 1px solid #1F1F57; border-right: 1px solid #1F1F57; border-bottom: 1px solid #1F1F57; }
#tabcontainer fieldset { width:auto; }
.tabcontent { padding: 10px 0 0 0; }
.tabcontent legend { display:none; }
fieldset.full { width:auto; margin: 10px 0 0 0; }
fieldset.remove legend { display:none; }
legend { color: #003E7E; }
.infotext { padding: 0 0 5px 0; }
label.info { width:auto; margin:2px 0 0 0; font-size:95%; clear:none; }
#tabcontainer textarea { width:600px; }

/* Member Results */
.member-results { width:100%; }
.member-results th { border-bottom: 3px solid #1F1F57; }
.member-results td { border-bottom: 1px solid #1F1F57; }

/* Member Profiles*/
.profile { margin: 10px 0 0 0; }
.profile-image { float:left; margin: 10px 10px 10px 0; border: 1px solid #1F1F57; }
.profile-details { float:left; }
.profile-details p strong { width:100px; display:block; float:left; }
.profile-details p { clear:left; padding: 5px 0; }
.profile-details .firstname { width:auto; padding: 0 0 5px 0; }
.profile-details p span { display:block; float:left; }

/* Messaging */
#statictabs { border-bottom:1px solid #1F1F57; width:100%; float:left; }
#statictabs li { list-style:none; float:left; border-top: 1px solid #1F1F57; border-right: 1px solid #1F1F57; border-left: 1px solid #1F1F57; margin: 10px 10px 0 0; }
#statictabs li a { padding: 5px 10px; display:block; margin: 0 0 -1px 0; background: #1F1F57; color:#fff; font-weight:bold; }
#statictabs li a.current { background:#fff; color:#000033; }
#statictabs li a:hover { text-decoration:none; background: #F9F2E3; color: #000033; }
#statictabs strong { padding: 5px 10px; display:block; margin: 0 0 -1px 0; background:#fff; color:#000033; font-weight:bold; }
#statictabcontainer { clear:left; border-left: 1px solid #000033; border-right: 1px solid #000033; border-bottom: 1px solid #1F1F57; padding:10px; }
#statictabcontainer fieldset { width:auto; }
#statictabcontainer label { width:60px; }
#statictabcontainer .formInfo { margin: 0 0 10px 80px; }
#popshell { margin:10px;  }
#popshell #search { width:auto; background:transparent; margin:0; padding:0; }
#popshell input, #popshell select { margin:0; display:inline; vertical-align:middle; }
#popshell label { display:inline; float:none; margin:0; padding:0; clear:left; }
#membersearchresults td { border-bottom: 1px solid #1F1F57; }
#membersearchresults th {color:#666; }
.messages-options { background:#EBEBEB; padding:2px 5px; }
.messages-options label { width:auto; margin:0; padding:0; }
.messages td { border-top: 1px solid #1F1F57; }
.messages img { border:1px solid #1F1F57; }
.attachment { background:#eee; margin: 5px 0 5px 0; padding:5px; }

/* Document Centre */
.date { display:inline; font-size:95%; }
.category { display:inline; font-size:95% }

/* Gallery */
.gallery { margin: 15px 15px 0 0; width:110px; height:110px; display:block; float:left; background-position: 50% 50%; background-repeat: no-repeat; border:2px solid #1F1F57; background-color:#F5EBD7; }
.galleryend { margin: 15px 0 0 0; width:110px; height:110px; display:block; float:left; background-position: 50% 50%; background-repeat: no-repeat; border:2px solid #1F1F57; background-color:#F5EBD7; }
.gallery:hover { border:2px solid #37379D; background-color:#FBF5EC; }
.galleryend:hover { border:2px solid #37379D; background-color:#FBF5EC; }
.gallery img, .galleryend img { display:none; }

/* Forum */
.topics th { border-bottom:3px solid #1F1F57; background:#eee; }
.topics td { border-bottom:1px solid #1F1F57; }
.topics .odd { background-color:#FBF5EC; }
#postcontent { width:500px; height:100px; overflow:auto; }

.forumthread { width:100%; }
.forumthread th { border-bottom:3px solid #1F1F57; background-color:#eee; }
.forumthread td { border-bottom:1px solid #1F1F57; }
.forumthread .reply-options { background-color:#FBF5EC; }
.threadposter img { border:1px solid #1F1F57; margin: 0 5px 0 0; }
.threadposter { width:100px; border-right: 1px solid #eee; }
#responseform { margin: 20px 0 0 0; }
#responseform .wysiwyg { margin: 0 0 10px 0; }