html, body {width: 100%; height: 100%;}

body {background: #c4c4c4 url(/images/background.jpg) no-repeat center center fixed; font-family: Verdana; font-size: 10pt; line-height: 180%;}

a {text-decoration: none; color: #2b359c;}
a:hover {text-decoration: underline; color: #5d5d5d;}
a:visited {color: #474747;}

.bb {border-bottom: 1px solid #2b359c;}
.mb {margin-bottom: 40px !important;}
.mt {margin-top: 20px !important;}

.smallerfont {font-size: 80%;}
.specialoffer {padding: 5px; background: yellow; border: 2px solid red; display: inline; font-weight: bold !important;}

/* site layout */

#shadow {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/shadow.png) repeat-y center;}
#shadow {_display: none;} /* IE6 fix */

#container {position: relative; width: 1000px; min-height: 100%; margin: 0 auto; border-left: 1px solid black; border-right: 1px solid black;}

#siteback {position: fixed; width: 1000px; height: 100%; background: url(/images/site_back.png) repeat-x top center;}
#siteback {_display: none;} /* IE6 fix */

#header {position: relative; width: 1000px; height: 90px; background: url(/images/header_back.png);}
	#header a {color: white;}
	#headerbar {position: absolute; width: 1000px; height: 28px; background: #2b359c; bottom: 0;}
	#headerbar img {position: absolute; right: 0; top: 0;}
	#logo {position: absolute; left: 25px; bottom: 0; z-index: 5;}

#langmenu {position: absolute; bottom: 20px; right: 20px;}
	#langmenu li {display: inline; margin: 0 10px;}
	#langmenu li img {opacity: 0.3; filter: alpha(opacity=30);}
	#langmenu li a:hover img,
	#langmenu li.selected img {opacity: 1; filter: alpha(opacity=100);}

#content {position: relative; padding: 15px 0;}

#menu {position: absolute; width: 1000px; z-index: 5; top: 15px; left: 0;}
	#menu ul,
	#menu li {margin: 0; padding: 0;}
	#menu li {width: 1000px; height: 40px; background: url(/images/menuitem_back.png) no-repeat;}
	#menu li.highlight {background: url(/images/menuitem_selected.png) no-repeat;}
	#menu img.menuitem {margin: 4px 0 0 20px;}
	#menu img.submenu {display: none;}

#submenus {position: absolute; width: 1000px; top: 100px; z-index: 15; display: none;}
	#submenusshadowtop {height: 10px; background: url(/images/menu_shadowtop.png) no-repeat;}
	#submenusshadowbottom {height: 10px; background: url(/images/menu_shadowbottom.png) no-repeat;}
	#submenuscontent {min-height: 300px; background: url(/images/menu_back.png); border-top: 1px solid black; border-bottom: 1px solid black;}

#page {position: relative; width: 775px; min-height: 500px; border: 1px solid black; background: White; margin: 0 25px 0 auto; z-index: 10;}

#toolbar {height: 2.5em;}
	#toolbar span {padding: 5px 10px; margin: 0 10px; font-weight: normal;}

#footer {position: relative; width: 600px; margin: 0 100px 0 auto; font-size: 75%; text-align: center; z-index: 10;}
	#footer p {margin: 1em 0; line-height: 150%;}


/* put everything in #page for safety */

#page a:hover img.link {border: 1px solid #2b359c;}

#page div.pagecontent {padding: 10px 20px; font-size: 110%;}
#page div.spacer {position: relative; height: 40px;}

#page h1 {font-size: 140%; font-weight: normal; padding: 10px; margin: 0 10px; letter-spacing: .2em; border-bottom: 1px solid #2b359c; border-top: 1px solid #2b359c;}
#page h2 {font-size: 120%; font-weight: normal; letter-spacing: .1em;}
#page h3 {font-size: 100%; font-weight: normal; letter-spacing: .1em;}
#page h3.warning {text-align: center; margin: 20px;}

#page img.link {border: 1px solid black;}
#page img.menuphoto {float: right; border: 1px solid black; margin: 25px;}

#page p {margin-bottom: 1em;}

#page table.info {width: 100%;}
#page table.info td {padding: 5px; vertical-align: top;}

#page table.menu {width: 100%;}
#page table.menu thead tr {border-bottom: 1px solid #2b359c;}
#page table.menu th {text-align: left;}
#page table.menu th,
#page table.menu td {font-size: 115%; padding: 0.5em 1em; letter-spacing: .1em;}
#page table.menu th.header {cursor: pointer; font-weight: normal;}
#page table.menu th.headerSortUp,
#page table.menu th.headerSortDown {text-decoration: underline; font-weight: bold;}

#page table.info tr:hover,
#page table.menu tbody tr:hover,
#page table.bordered tbody tr:hover td {background: #EEEEEE;}

#page table.bordered tbody tr:hover td.clear {background: none;}
#page table.bordered {border: 1px solid #999999; width: 100%;}
#page table.bordered td {padding: 5px; text-align: right; border: 1px solid #999999;}
#page table.bordered thead td {text-align: center; font-weight: bold;}

#page table.centered tbody td {text-align: center;}

#page ul.dashboardopties {margin: 10px;}
#page ul.dashboardopties li {margin: 0 0 10px 10px; list-style-type: disc;}

#page ul.photos {margin: 0 -20px 10px 20px;}
#page ul.photos li {float: left; margin: 0 17px 15px 0;}
#page ul.photos img {}

#page ul.list {margin: 10px; margin-bottom: 40px;}
#page ul.list li {list-style-type: disc; margin: 0 0 10px 10px;}

#page ul.menu {padding: 0; margin: 25px;}
#page ul.menu li {font-size: 115%; padding: 0; margin: 1em 10px; letter-spacing: .1em;}

/*#page ul.tabs {position: absolute; top: 0; right: 0; padding: 13px; font-size: 110%;}*/
#page ul.tabs {text-align: left; padding: 5px 20px; font-size: 100%;}
#page ul.tabs li {display: inline;}
#page ul.tabs li.tab:after {content: " - ";}
#page ul.tabs li.selected {text-decoration: underline;}