@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #020121 url(/images/layout/bg.jpg) no-repeat top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}

#container {
	width: 952px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 605px;
	/* border: solid #000000 1px; */
}
#title {
	margin-top: 27px;
	padding-left: 40px;
	font-size:24px;
}
#loginArea {
	padding-top: 170px;
	text-align: left;
	width: 290px;
	margin: 0 auto;
}
#leftMenu {
	border: solid #ffffff;
	border-width: 3px 3px 3px 0;
	width: 180px;
	float: left;
	padding: 3px 0 6px 6px;
}
#rightMenu {
	width: 180px;
	float: right;
	padding: 0 4px;
	color: #196AB4
}
#rightArea1 {
	width: 180px;
	/*border: solid #fff;
	border-width: 3px 0 3px 3px;*/
}
#rightArea2 {
	width: 180px;
	/*border: solid #fff;
	border-width: 3px 0 3px 3px;*/
	margin-top: 10px;
}
#centerArea {
	margin-left: 195px;
	width: 560px;
	font-size: 12px;
}
#centerArea strong { font-size: 14px; }
#centerArea2 {
	margin-left: 195px;
	width: 730px;
	font-size: 12px;
}
#mainArea {
	padding-top: 30px;
	text-align: left;
	width: 952px;
	margin: 0 auto;
}
#managementmenu {
	width: 720px;
	font-size:12px;	
}
#managementmenu a {
	color: #FFFFFF;
	text-decoration: none;
}
#managementmenu p.italic { font-style:italic; }
#managementmenu p.italic strong { font-style: normal; }

.fullblog {
	height: 330px;
	overflow:auto;
	margin-top: 13px;
}

#manLeft {
	float: left;
	width: 320px;
}
#manRight{
	float: right;
	width: 320px;
}
.eventinfo {
	background: url(/images/graphics/button-small.gif) no-repeat; 
	width: 172px; 
	height: 35px;
	text-align: center;
	font-size: 1em;
	display: block;
	float: right;
}
.eventinfo a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding: 9px 0;
}
/***********************/
/*      left menu      */
/***********************/
#leftMenu ul {
	list-style:none;
	margin:0 auto;
	padding:0;
}
#leftMenu ul li {
	float: left;
	width: 172px;	
	margin: 0 0 5px 0;
	padding: 6px 0 0 0;
	display:block;
	background: transparent url(/images/graphics/button-small-top.gif) no-repeat top left scroll;
	text-align:center;
}
#leftMenu ul li a {
	width: 172px;
	padding: 0 5px 6px 0;
	display:block;
	background: transparent url(/images/graphics/button-small-bottom.gif) no-repeat bottom left scroll;
	text-decoration:none;
	color: rgb(25,106,180);
	font-weight: bold;
	font-size: 0.8em;
}
/***********************/
/*  end of left menu   */
/***********************/

/***********************/
/*      main menu      */
/***********************/
ul#mainmenu {
	list-style:none;
	margin:0;
	padding:0;
	width: 305px;
}
ul#mainmenu li {
	margin-bottom:15px;
	padding: 0;
	background: url(/images/graphics/general_button.gif) no-repeat center;
	display:block;
}
ul#mainmenu li a {
	display:block;
	text-decoration:none;
	padding: 20px 0;
	color: rgb(25,106,180);
	font-weight: bold;
}
.event {
	padding: 5px;
	font-size: 12px;
	border-width: 1px 0;
	border: solid #f8c213;
	background: url(/images/right_menu/right_repeater.gif) repeat-y;
}
.event2 {
	padding: 5px;
	font-size: 12px;
	border-width: 0 0 1px 0;
	border: solid #f8c213;
	background: url(/images/right_menu/right_repeater.gif) repeat-y;
}
.blog {
	height: 126px;
	overflow:auto;
	margin-top: 13px;
}

.blog h1, .fullblog h1 {
	font-size: 1.3em;
}

.blog h2, .fullblog h2 { font-size: 1.1em; }

.date {
	font-weight: bold;
	font-size: 0.9em;
}
.event span, .event2 span {
	font-weight: bold;
	line-height: 1.3em;
}
.event span a, .event2 span a  {
	color: #196AB4;
	text-decoration:none;
}
.event span a:hover, .event2 span a:hover {
	color:#000;
	text-decoration:underline;
}
/***********************/
/*  end of management  */
/***********************/

/***********************/
/*   management menu   */
/***********************/
#manLeft ul, #manRight ul {
	list-style:none;
	margin:0;
	padding:0;
	width: 305px;
}
#manLeft ul li, #manRight ul li {
	margin-bottom:15px;
	padding: 0;
	background: url(/images/graphics/general_button.gif) no-repeat center;
	display:block;
}
#manLeft ul li a, #manRight ul li a {
	display:block;
	text-decoration:none;
	padding: 20px 0;
	color: rgb(25,106,180);
	font-weight: bold;
}
/***********************/
/*     end of menu     */
/***********************/

input {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#centerArea a { color:#FFFFFF; }
div .title { font-weight: bold; padding-bottom: 5px; }
div .title2 { font-weight: bold; }
div .spacer { font-size: 8px; }