body {
	margin: 0; 
	background: #fff; 
	color: #0b4158;
	font-size: 15pt; 
	clear: both; 
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
}


form, table, p {font-size: 12px;}

a {
color: #0b4158;
}

TD 	    {
	      vertical-align: top;
	    }

a img{border: 0}

/* layout */
#wrapper { margin: 0px auto}
#header { height: 220px; background: url(images/header.png) no-repeat left top}
#menu { }
#page { background: url(images/page_bg.gif) repeat-x left top; padding-top: 20px; overflow: auto; font-size: 12px;}
#extrawrap {width: 960px; margin: 0px auto; }
#maincontent {width: 700px; float: right;}
#footer {background: url(images/footer_bg.gif) repeat-x left top; padding: 20px 0 50px 0; margin: 30px 0 0 0}

/* main menu styles*/
#menu:after {content: ""; display: block; line-height: 1px; font-size: 1px; clear: both; }

#menu { background: #0b4158 url(images/menu_bg.gif) repeat-x left bottom;  border-top: 5px solid #0b4158; border-bottom: 1px solid #0b4158}
#nav {width: 960px; height: 30px; margin: 0 auto; position: relative;}
#menu ul { position: absolute; top: 0px; left: 0px; height: 30px; margin: 0 auto; padding: 0;}
#menu ul li {display: inline; float: left; height: 30px; list-style-type: none; }
#menu ul li a {height: 19px; display: block; margin: 0; float: left; padding: 6px 10px 4px 10px; background: url("../web/images/menu_bg.gif") repeat-x left bottom;color: #efefef; border-left: 1px solid #0b4158; border-right: 1px solid #13769F; text-decoration: none; font-size: 60%}
#menu ul li a:visited{color: #ccc}
#menu ul li a:hover {background: #0b4158; border-right: 1px solid #0b4158; border-left: 1px solid #0b4158; color: #fff;}
#menu ul li a.selected{background: #0b4158; border-right: 1px solid #0b4158; border-left: 1px solid #0b4158;}


/* sidebar styles */
#sidebar { width: 210px; float: left; margin-left: 5px;}
#sidebar h2 {color: #0b4158; font-size: 22px; font-family: Trebuchet MS, Lucida Grande, Lucida Sans, Georgia; font-weight: normal; margin: 20px auto 0 auto; font-variant: small-caps}
#sidebar ul {list-style-type: none; font-size: 10pt; line-height: 16px; margin: 0; padding: 0;}
#sidebar ul li a { color: #5390a7; text-decoration: none}
#sidebar ul li a:hover { color: #0b4158; text-decoration: none}

/* submenu in sidebar */
#submenu {}
#submenu ul { }
#submenu ul li {padding-bottom: 3px; border-bottom: 1px dashed #f5fbfd}
#submenu ul li a{display: block;  background: url(images/submenu_bullet.png) no-repeat 190px center;}
#submenu ul li a:hover {display: block;  background: url(images/submenu_bullet_on.png) no-repeat 190px center;}
#submenu ul li a.subselected{color: #0b4158;}

/* subsubmenu in submenu */
#submenu ul.subsubmenu {text-indent: 15px; font-size: 7pt; color: #487a8b; list-style-type: none;}
#submenu ul.subsubmenu {font-size: 8pt; color: #487a8b; list-style-type: none;}
#submenu ul.subsubmenu li {padding-bottom: 3px}
#submenu ul.subsubmenu a { color: #71a1b2 ; text-decoration: none; background: none;}
#submenu ul.subsubmenu li a:hover { color: #0b4158; text-decoration: none; background: none;}
#submenu ul.subsubmenu li a.subsubselected {color: #0b4158; background: none;}

/* gotomenu in sidebar */
#gotomenu {margin-bottom: 15px;}

/* weather panel in sidebar */
#weather {text-align: center}
#weather h2 {text-align: left}
#weather #weathermap{ width: 134px; padding: 5px; margin: 10px auto; background: url(images/img_bg.png) no-repeat left top}
#weather #weathermap img { width: 130px; line-height: 0; overflow: hidden; margin-top: 2px}

/* loginbox in sidebar */
#login {}
#login fieldset { margin: 0; padding: 0; height: 60px; position: relative; border: 0}
#login fieldset form { margin: 0; padding: 0;}
#login fieldset form input { height: 18px; width: 168px; text-indent: 3px; padding: 0; margin: 0 0 0 0; border: 1px solid #71a1b2; color: #0b4158; background: #f3f7f9}

#login fieldset form input#user {position: absolute; bottom: 22px; left: 0px;}
#login fieldset form input#pass {position: absolute; bottom: 0px; left: 0px;}

#login fieldset form button {width: 24px; height: 18px; padding: 0; margin: 0; border: 0; position: absolute; right: 0px; bottom: 0px; 
background: url(images/btn_login.png) no-repeat left top;}
#login fieldset form button span {display:none}
/* agenda in sidebar */
#agenda {line-height: normal;}
#agenda strong {line-height: 20px; font-size: 12px; color: #000}
#agenda ul {}
#agenda ul li {font-weight: bold; color: #0b4158;  }
#agenda ul li span {display: block; width: auto; float: left; clear: left; margin-right: 5px;}
#agenda ul li p { font-weight: normal; width: 170px; color: #5390a7; margin: 1px 0 1px 0;}
#agenda ul li:after{ content: ""; display: block; line-height: 1px; font-size: 1px;clear: both;}

/* anouncements in sidebar */
#anouncements h1 {font-size: 12pt;}
#anouncements p { color: #5390a7;}

/* maincontent styles */
#maincontent {margin-top: 20px; color: #487a8b}
#maincontent h1 {color: #0b4158; margin-top: 0px; font-size: 15pt; clear: both}
#maincontent p.date {color: #789199; margin: 0 0 10px 0; font-size: 7pt}
#maincontent p {font-size: 10pt; color: #29657e}
#maincontent p.bodytext {color: #29657e;  font-size: 10pt; margin-bottom: 0px;}
#maincontent p.bodytext a {font-weight: bold; color: #0b4158; text-decoration: none;}
#maincontent p.bodytext a:hover{ text-decoration: underline;}
#maincontent .imgwrap {padding: 5px; margin: 0 5px 0px 0; width: 134px; background: url(images/img_bg.png) no-repeat center top; overflow: auto; text-align: center; }
#maincontent .imgwrap img {width: 130px; margin:0 0 0px 2px;}
#maincontent ul {list-style-type: none}
#maincontent p.dates {font-weight: bold}

.text       { font-size: 9pt;  color: #487a8b; }
.open       { text-align: left; padding: 0.7em; border: 1px solid #0b4158; width: 270px;}

/*footer styles */
#footer p {width: 960px; margin: 0px auto; font-size: 10px;  color: #71a1b2}
#footer p strong {color: #0b4158}
#footer p.copyright{text-align: right; color: #C6D9DF }

/* helper styles */
.clear_both{clear: both; line-height: 0px; overflow: hidden}
.rightfloat {float: right; clear: both;}
.leftfloat {float: left; }

/* content templates styles + layout */

/***** news.tpl *****/
#newsdata h3 {clear: both; color: #0b4158; margin: 30px 0 0px 0;}
#newsdata p.newsdate {margin: 0px 0 0px 0; font-size: 9pt;}
#newsdata p.newslink {clear: both; margin-top: 0px}
#newsdata p.newslink a {font-weight: bold; color: #0b4158; text-decoration: none;}
#newsdata p.newslink a:hover {text-decoration: underline;}

#newsdetails {}
#newsdetails h3 {color: #0b4158; margin: 0 0 0px 0;}
#newsdetails p.newsdate {margin: 0px 0 15px 0; font-size: 9pt;}
#newsdetails img {float: left; margin-right: 10px;}

/***** archive.tpl *****/
#archivedata {width: 500px; float: left}
#archivedata h3 {clear: both; color: #0b4158; margin: 30px 0 0px 0;}
#archivedata p.newslink {clear: both; margin: 0px;}
#archivedata p.newslink a {font-weight: bold; color: #0b4158; text-decoration: none;}
#archivedata p.newslink a:hover {text-decoration: underline;}
#archivedata p.newsdate {margin: 0px 0 0px 0; font-size: 9pt; margin-top: 0px;}

#archivemonths {width: 175px; float: right; background: #f6f7f8; border: solid 1px #000; text-indent: 10px}
#archivemonths a {margin-left: 10px}

/***** text/record.tpl *****/
#textdata {float: left; clear: both; width: 690px; margin-bottom: 10px;}
#textdata h2 {clear: both;}
#textdata img {float: left; margin-right: 10px;}
#textdata ul {list-style-type: disc;}
#textdata ul li ul {list-style-type: circle;}

/***** photoalbum/search.tpl *****/
table.photoalbum {width: 800; border-collapse: collapse}
table.photoalbum td, table.photoalbum th {font-size: 11px; border: 1px solid lavender}
table.photoalbum a {text-decoration: none; color: #004880;}
table.photoalbum a:hover {text-decoration: underline}
table.photoalbum th {background: #116587; color: white; font-weight: bold}
#tablerow {background-color: #FFFFFF}
#tablerow_2 {background-color: #f6f7f8}