body {
	min-width: 500px;
	margin: 0px;
	padding: 0px;
	background: #f8f6f0 0px 250px url('images/stripes.png') repeat-x;
	font-family: Verdana, Arial, sans serif;
}

#body {
	text-align: center
}

/* headerbar objects */

#headerbar {
	height: 75px;
	margin-top: -5px;
	background: url('images/headerbar_bg.png');
}

#headerbar h1 {
	height: 75px;
	width: 366px;
	margin: 0px 0px 0px 5px;
	background: url('images/headerbar_logo.png');
	float: left;
	display: block;
	position: absolute;
	left: 0px;
	top: -5px;
	z-index: 0;
}

#headerbar h1 a {
	display:block;
	width:100%;
	height:100%;
}

#headerbar h1 span { display: none; }

#headerbar #sections {
	height: 30px;
	float: right;

}

#headerbar #sections a {
	width: 75px;
	height: 75px;
	float: left;
	display: block;
	margin: 0px 5px;
}

#headerbar #sections a span {
	display: none;
}

#headerbar #sections a.magazine {
	background: url('images/section_magazine.png');
}

#headerbar #sections a.magazine:hover, #headerbar #sections a.magazine_active {
	background: url('images/section_magazine_active.png');
}

#headerbar #sections a.calendar {
	background: url('images/section_calendar.png');
}

#headerbar #sections a.calendar:hover, #headerbar #sections a.calendar_active {
	background: url('images/section_calendar_active.png');
}

#headerbar #sections a.contacts {
	background: url('images/section_contacts.png');
}

#headerbar #sections a.contacts:hover, #headerbar #sections a.contacts_active {
	background: url('images/section_contacts_active.png');
}


#headerbar #buttons {
	height: 68px;
	width: 195px;
	padding: 7px 5px 0px 0px;
	background: right url('images/headerbar_buttonbg.png') no-repeat;
	float: right;
	text-align: right;
}

#headerbar #buttons a {
	height: 17px;
         margin-top: -1px;
	display: block;
	color: #fff;
	font-size: 7pt;
         font-weight: bold;
	text-align: right;
         letter-spacing: 1px;
}

#headerbar #buttons a:hover {

}

a.skip {
	position: absolute;
	left: 20%;
	top: 0px;
	width: 60%;
	height: 30px;
	font-size: 10pt;
	display: block;
	background: bottom url('images/headerbar_subbg.png');
	z-index: 1000;
}

#subheader {
	height: 37px;
	margin: 3px 3px 0px 3px;
	background: url('images/headerbar_subbg.png') repeat-x;
	overflow: hidden;
}

#subheader div.magazine {
	width: 173px;
	height: 35px;
	background: url('images/headerbar_magazine.png');
	float: left;
}

#subheader div.contacts {
	width: 173px;
	height: 35px;
	background: url('images/headerbar_contacts.png');
	float: left;
}

#subheader div.calendar {
	width: 173px;
	height: 35px;
	background: url('images/headerbar_calendar.png');
	float: left;
}

#subheader div.control {
	width: 234px;
	height: 35px;
	background: url('images/headerbar_control.png');
	float: left;
}

#subheader div.admin {
	width: 249px;
	height: 35px;
	background: url('images/headerbar_admin.png');
	float: left;
}

#search {
	height: 15px;
	margin: 5px 5px 0px 10px;
	font-size: 10pt;
	float: right;
}

#search input.text {
	width: 100px;
	height: 16px;
	font-size: 10pt;
	margin: 0px;
        	background: #fff;
	border: 1px solid #D2B186;
}

#search input.button {
	height: 20px;
         width: 25px;
	margin: 0px;
	font-size: 5pt;
	background: #E4D0B6;
	border: 1px solid #D2B186;
}

/* container objects */

#container {
	width: 800px;
	margin: auto;
	margin-top: 20px;
	padding-bottom: 50px;
	text-align: left;
	border: 1px solid #ddd;
	background: #fff;
}

#content {
	width: 794px;
	min-height: 700px;
	margin: 0px 3px -30px 3px;
	border-top: 1px solid #aaa;
	background: #fff 3px 3px url('images/content_fade.png') no-repeat;
	padding-top: 20px;
}

#panel {
	width: 140px;
	padding: 0px 0px 200px 0px;
	margin: -15px 5px 0px 0px;
	border-right: 1px dashed #999;
}

#panel a.link, #panel a.active, #panel a.rsslink {
	margin: 1px 5px;
	padding: 1px 0px 1px 20px;
	font-size: 8pt;
	display: block;
	color: #6b582b;
	background: 7px center url('images/bullet_magazine.png') no-repeat;
}

#panel a.rsslink {
	background: 2px center url('images/bullet_rssfeed.png') no-repeat;
}

#panel a.link:hover, #panel a.active {
	text-decoration: none;
	color: #000;
	background: #ede5d2 7px center url('images/bullet_magazine.png') no-repeat;
}

#panel a.rsslink:hover {
	text-decoration: none;
	color: #000;
	background: #ede5d2 2px center url('images/bullet_rssfeed.png') no-repeat;
}

#panel hr {
	margin: 8px auto;
}

#main {
	width: 630px;
	overflow: hidden;
	float: right;
}

#footer {
	height: 20px;
	margin: 0px;
	margin-top: 20px;
	padding: 8px 0px 6px 0px;
	font-family: Georgia;
	font-size: 10pt;
	color: #666;
	text-align: center;
	background: url('images/footer_bg.png') repeat-x;
	clear: both;
}

/* page title object */

#intro {						/* default page header object, small strip */
	width: 794px;
}

#intro.blank {
	padding: 5px 0px 5px 20px;
	font-size: 12pt;
	font-weight: bold;
	color: #ee8844;
	background: url('images/intro_blank.png') no-repeat;
}

#intro span { display: none; }

#intro h1 {
	padding: 15px 30px 0px 0px;
	font-size: 20px;
	font-family: Georgia;
	text-align: right;
	display: block;
}

/* tables */

table {
	border: none;
	border-spacing: 0px 2px;
}

table thead td {
	height: 26px;
	padding: 2px 10px;
	font-size: 11pt;
}

table thead tr.small td {
	height: 14px;
	font-size: 9pt;
	color: #fff;
}

table thead td.leftedge {
	height: 26px;
	width: 30px;
	padding: 0px;
	padding-left: 15px;
	background: #f8bd3f left top url('images/edge_orange1_left.png') no-repeat
}

table thead td.rightedge {
	height: 26px;
	width: 30px;
	padding: 0px;
	padding-left: 15px;
	background: #f8bd3f right top url('images/edge_orange1_right.png') no-repeat
}

table tbody td {
	height: 26px;
	padding: 2px 10px;
	font-size: 11pt;
	background: #eff7ed;
}

table tbody td, table tbody tr.bg1 td {
	background: #eeeef4
}

table tbody tr.bg2 td {
	background: #e2e2ec
}

table tbody tr.bg3 td, table.hover tbody tr:hover td
{
	background: #cacadc;
}

table tbody td.leftedge, table tbody tr.bg1 td.leftedge {
	height: 26px;
	width: 30px;
	padding: 0px;
	padding-left: 15px;
	background: #eeeef4 left top url('images/edge_gray1_left.png') no-repeat
}

table tbody tr.bg2 td.leftedge
{
	background: #e2e2ec left top url('images/edge_gray2_left.png') no-repeat
}

table tbody tr.bg3 td.leftedge, table.hover tbody tr:hover td.leftedge
{
	background: #cacadc left top url('images/edge_gray3_left.png') no-repeat
}

table tbody td.rightedge, table tbody tr.bg1 td.rightedge {
	height: 26px;
	width: 30px;
	padding: 0px;
	background: #eeeef4 right top url('images/edge_gray1_right.png') no-repeat
}

table tbody tr.bg2 td.rightedge
{
	background: #e2e2ec right top url('images/edge_gray2_right.png') no-repeat
}

table tbody tr.bg3 td.rightedge, table.hover tbody tr:hover td.rightedge
{
	background: #cacadc right top url('images/edge_gray3_right.png') no-repeat
}

table.nobg td {
	background: none;
}


/* misc elements */

div.box_afraedge {
	width: 140px;
	height: 133px;
	margin: 10px;
	background: url('images/box1.png');
}

div.box1 {
	width: 180px;
	height: 205px;
	padding: 10px;
	margin: 5px;
}

div.box2 {
	margin: 20px;
}

div.box1 h1, div.box1 h2, div.box1 h3 {
	margin: 5px 0px 15px 10px;
	color: inherit;
}

div.box1 p, div.box1 a {
	text-align: center;
	color: inherit;
}

p.explain {
	margin: 20px 40px 20px 20px;
	font-style: italic;
	color: #777;
}

p.message_ok, p.message_error, p.message_notice {
	width: 590px;
	height: 45px;
	padding: 13px 10px 0px 60px;
	margin: 30px 10px;
	color: #fff;
}

p.message_ok span, p.message_error span, p.message_notice span {
	font-weight: bold;
	display: block;
}

p.message_ok {
	background: url('images/message_ok.png') no-repeat;
}

p.message_error {
	background: url('images/message_error.png') no-repeat;
}

p.message_notice {
	background: url('images/message_notice.png') no-repeat;
}

p.message_ok a, p.message_error a, p.message_notice a {
	color: #fff;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}

p.message_ok a.back, p.message_error a.back, p.message_notice a.back {
	margin-top: -5px;
	margin-right: 10px;
}

p.message_notice_small {
	height: 22px;
	margin: 30px 10px;
	padding: 4px 0px 0px 0px;
	width: 90%;
	background: #eadec8 right top url('images/icon_edge_right.png') no-repeat;
}

p.message_notice_small span {
	width: 30px;
	height: 26px;
	margin-top: -4px;
	background: #eadec8 left top url('images/icon_edge_info.png') no-repeat;
	float: left;
	display: block;
}

/* flow and text control */

.left {
	float: left;
}

.right {
	float: right;
}

.tiny {
	font-size: 0.6em;
}

.smaller {
	font-size: 0.8em;
}

.bigger {
	font-size: 1.1em;
}

.big {
	font-size: 1.2em;
}

.huge {
	font-size: 1.5em;
}


h1 {
	margin: 0px 0px 20px 30px;
	font-family: serif;
	font-weight: normal;
	font-size: 18pt;
	line-height: 18pt;
}

h1 b {
	font-weight: inherit;
	color: inherit;
}

h1.icon {
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-weight: bold;
	line-height: 16pt;
	letter-spacing: 1px;
}

h1.icon span {
	font-size: 0.6em;
	display: block;
	color: #A29D91;
}

#content > h2 {
	width: 450px;
}

h2 {
	margin: 0px 0px 5px 0px;
	padding-right: 60px;
	font-weight: normal;
	font-size: 16pt;
	color: #ee8844;
	font-family: Georgia;
}

h2.icon {
	margin: 10px 0px 0px 15px;
	padding: 1px 0px 0px 0px;
	height: 25px;
	font-size: 13pt;
	background: #eadec8 right top url('images/icon_edge_right.png') no-repeat;
}


h3 {
	font-weight: bold;
	font-size: 12pt;
	color: #ee8844;
}

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333;
}

p {
	margin: 10px 40px 10px 0px;
}

a, a:link, a:visited, a:active
{
	color: #136;
	text-decoration: none;
	border: 0;
}

a:hover
{
	text-decoration: underline;
}

a img {
	border: 0
}

a.back {
	margin-right: 10px;
	font-size: 0.8em;
	float: right;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active,
h2 a, h2 a:link, h2 a:visited, h2 a:active,
h3 a, h3 a:link, h3 a:visited, h3 a:active {
	color: inherit;
}

li.space {
	margin-top: 5px;
}

hr {
	text-align: center;
	width: 70%;
	background: none;
	border: none;
	border-top: 1px solid #000;
	height: 1px;
}

hr.dashed {
	width: 550px;
	margin: 0px 20px 20px 0px;
	border-top: 1px dashed #999;
}

/* form elements */

form {
	margin: 0px;
	padding: 0px
}

fieldset {
	margin: 10px 0px;
	padding: 10px;
	border: none;
}

a.toggle, a.toggle_expand, a.toggle_collapse, a.toggle_text {
	margin: 2px 8px 2px 2px;
	padding-left: 20px;
	background: left center url('images/textarea_expand.png') no-repeat;
	display: block;
}

a.toggle_collapse {
	background: left center url('images/textarea_collapse.png') no-repeat;
}

a.toggle, a.toggle_expand, a.toggle_collapse {
	width: 16px;
	height: 16px;
	padding: 0px;
	float: left;
}

input.default {
	font-weight: bold;
}

input.readonly {
	color: #555;
	background: #eee;
}

label.forinput, label.fortextarea {
	margin-right: 10px;
	font-size: 0.8em;
	display: block;
}

label.fortextarea {
	width: 288px;
	margin: 20px 0px 0px 0px;
}

label.explain {
	width: 180px;
	font-size: 0.6em;
	color: #444;
	display: block;
	float: right;
}

label.explain input {
	width: 170px;
	margin: 5px;
	font-size: 0.9em;
	display: block;
}

textarea {
	width: 290px;
	border: 1px solid #7F9DB9;
}

ul {
	font-size: 10pt;
}

img.icon {
	margin: 5px 10px 0px 30px;
	float: left;
}

img.smallicon {
	margin: 8px 10px 0px 0px;
	float: left;
}

img.tinyicon {
	margin: 2px 5px 0px 10px;
	float: left;
}

div.stripes {
	height: 10px;
	margin: 0px 5px 10px 5px;
	padding: 0px 0px 0px 10px;
	font-size: 12pt;
	font-weight: bolder;
	font-family: Arial;
	letter-spacing: 2pt;
	background: url('images/stripes_blue.png') no-repeat;
}