/*----------------------------------*/
/* WM&EPS stylesheet                */
/* by Tomek/Design is Central       */
/* started on: 26 APR 2007          */
/* rev: 0.9RC1                      */
/* accomplished on: 22 MAY 2007     */
/*__________________________________
   to do:
   - print stylesheet
   - blockquotes add cite link
   - some more form elements
   - style of links: make consistant
   - IE browser hacking
   - check Opera
------------------------------------*/

* {
	margin: 0;
	padding: 0;
	list-style: none;	
}

body {
	font-family:  Arial, Helvetica, Lucida Grande, sans-serif;
	font-size: 62.5%;
	/*background: #ddd;*/
	text-align: center;
	/* IE 5.5SP2 */
	background: #f8f8f8 url(../images/bgrd.gif) top center repeat-y;
}
                                    
blockquote li, blockquote p, blockquote dd, blockquote dt,
dd blockquote, dd p, dd li,
li blockquote, li dd, li dt, li li, li p,
td blockquote, td dd, td dt, td li, td p, td td {
	font-size: 1em;
}

#wrapper {
	margin: 0px auto;
	text-align: left;
	/* go back to roots */
	width: 838px;
	/*background: #8bd9fd;*/
	background: #fff;
}

#container {
	width: 800px;
	margin: 0 19px;
	background: #fff;
	clear: both;
}

#content {
	float: right;
	width: 582px;
	/*background: #ccc;*/
	padding-left: 18px;
	margin: 1.5em 0 5em 0;
}

#sideBar {
	float: left;
	width: 199px;
	margin-right: 1px;
	/*background: #cbfbaf;*/
}

.column {
	width: 281px;
	/*background: #f00;*/
	margin-bottom: 0.5em;
}

.block {
	border-top: 1px solid #DAE5F0;
	border-left: 1px solid #DAE5F0;
	background: #E5F0FC;
	padding: 8px;
	width: 263px;
	margin-bottom: 3em;	
}

#footer {
	clear: both;
}

h1 { font-size: 2.4em; margin-bottom: 0.4em; }

h2 { font-size: 2.0em; margin-bottom: 0.4em; }

h3 { font-size: 1.8em; margin-bottom: 0.4em; }

h4 { font-size: 1.6em; margin-bottom: 0.4em; }

h5 { font-size: 1.4em; margin-bottom: 0.4em; }

h5 { font-size: 1.4em; margin-bottom: 0.4em; }

h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.05em;
	line-height: 1.1em;
	color: #3E5470;
	clear: both;
	text-shadow: 2px 2px #fff;
}

.primary {
	float: left;
}

.alternative {
	float: right;
}

/* @group header */

#header h1 span, #header h2 {
	display: none;
}

#header h1 a {
	width: 262px;
	height: 33px;
	display: block;
	position: relative;
	top: 20px;
	left: 20px;
	margin-bottom: 30px;
}

#sectionTitle {
	clear: both;
	/*background: #fff;*/
	margin-right: 19px;
	position: relative;
}

#sectionTitle span {
	border-right: 1px solid #fff;
	display: block;
	width: 180px;
	height: 217px;
	padding: 6px 10px 12px 9px;
	border-left: 1px solid #fff;
}

#sectionTitle h1 em {
	display: none;
}

#sectionTitle h1 {
	color: #fff;
	margin: 0 0 0 18px;
	line-height: 1.0em;
	letter-spacing: -0.05em;
	background: url(../images/header.jpg) 0 0 no-repeat;
}

#sectionTitle a.menu {
	position: absolute;
	top: 20px;
	left: 19px;
	height: 39px;
	width: 111px;
	display: block;
	background: url(../images/about_btn.gif) 0 0 no-repeat;
}

#sectionTitle a.menu:hover {
	background-position: left bottom;
}

#sectionTitle a.menu span {
	display: none;
}

/* @end */

/* @group option bar */

#optionBar {
	margin: 1px 19px 0 19px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

#optionBar a,
#optionBar span {
	text-decoration: none;
	color: #666;
	display: block;
	background: none;
	padding: 5px 10px 5px 17px;
	background: url(../images/arrow_up.gif) 7px 7px no-repeat;
}

#optionBar a:hover {
	background-color: #fff !important;
	text-decoration: underline;
}

#optionBar span a {
	display: inline !important;
	padding: 0 !important;	
}

#optionBar .primary {
	height: 24px;
	background: #f0f0f0;
	border-bottom: 1px solid #ccc;
	width: 199px;
}

#optionBar .alternative {
	background: #f0f0f0 url(../images/searchbar_bgrd.gif) 0 0 repeat-x;
	/*border-bottom: 1px solid #ccc;*/
	width: 600px;
	height: 25px;
	/*padding: 5px 10px 5px 18px;*/
	float: right;
	/*text-align: right;*/
}

#optionBar li {
	float: left;
	/*padding-right: 2em;*/
}

#optionBar li.last {
	float: right;
	padding: 0;
}

#optionBar fieldset {
	border: none;
	float: right;
}

#optionBar legend {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	display: none;
}

#optionBar span {
	float: left;
	padding: 0 0 1px 0;
	width: 160px;
	display: block;
	text-align: center;
	background: #ddd;
}

#optionBar span:hover {
	background: #000 !important;
}

#optionBar input {
	border: 1px solid #fff;
	background: #fff;
	padding: 5px 0px 0px 0px;
	width: 160px;
	height: 17px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #333;
}

#optionBar input:focus {
	background: #fff;
}

#optionBar input.button {
	cursor: pointer;
	border: 0;
	font-size: 1.0em;
	width: 120px;
	height: 25px;
	padding: 0;
	color: #fff;
	background: #33CC99;
	border-bottom: 1px solid #29A37A;
}

#optionBar input.button:hover {
	color: #000;
	background-color: #3DFFC1;
	border-bottom-color: #33CC99;
}

#optionBar legend {
	color: #B32424;
}

/* @end */

/* @group side navigation */

ul#sideNavigation {
	margin-bottom: 5.0em;
}

ul#sideNavigation a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	display: block;
	padding:  0.5em 0 0.4em 0.5em;
	border-bottom: 1px solid #e3e3e3;
}

ul#sideNavigation a:hover {
	background: #ff0;
	text-decoration: underline;
}

ul#subNavigation li a {
	border-bottom: 0;
	font-weight: normal !important;
	background: url(../images/arrow_right.gif) 7px 2px no-repeat;
	padding-left: 18px;
	text-decoration: none;
	color: #000 !important;		
}

ul#sideNavigation li.active a {
	background-color: #ff0;
	border-bottom: 0;
}

ul#sideNavigation li.active ul a {
	background-color: transparent;
}

ul#sideNavigation li.active ul a:hover {
	background: #ff0 url(../images/arrow_right.gif) 7px 2px no-repeat;
}

ul#subNavigation {
	border-bottom: 1px solid #e3e3e3;
	padding: 1px 0em;
	padding-bottom: 3em;
}

ul#subNavigation li a.active {
	font-weight: bold !important;
}

ul#subNavigation a {
	padding:  0.0em 0em 0.1em 0.5em;
}

/* @end */

/* @group seach block */

#searchBlock {
	/*background: green;*/
	margin-bottom: 2.0em;
}

#searchBlock fieldset {
	border: none;
}

#searchBlock legend {
	letter-spacing: -0.05em;
	font-size: 1.6em;
	font-weight: bold;
	/*font-style: italic;*/
}

#searchBlock span {
	padding: 0 0 1px 0;
	width: 140px;
	display: block;
	text-align: center;
	background: #ddd;
	border: 5px solid #eee;
	border-bottom-width: 4px;	
}

#searchBlock span:hover {
	border-color: #ff0;
	background: #ee0;
}

#searchBlock input {
	border: 1px solid #fff;
	border-bottom: 0;
	background: #f8f8f8;
	padding: 2px 2px 3px 2px;
	width: 134px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}

#searchBlock input:focus {
	background: #fff;
}

#searchBlock input.button {
	float: right;
	cursor: pointer;
	border: 0;
	margin-top: 2px;
	padding-bottom: 2px;
	width: 42px;
	height: 28px;
	background: #f00 0 0 no-repeat;
}

#searchBlock input.button:hover {
	background-position: 0 -40px;
	color: #aaa;
}

#searchBlock legend {
	color: #B32424;
}

/* @end */

/* @group search events block */

.formElement {
	width: 571px;
	background: #ccc;
	border: 6px solid #f1f1f1;
	border-bottom-width: 5px;
	padding: 0 0 1px 0;
	margin: 0 0 2em 2em;
}

.collector_form, .email_form {
	width: 269px;
	background: #ccc;
	border: 6px solid #f1f1f1;
	border-bottom-width: 5px;
	padding: 0 0 1px 0;
	margin: 0 0 2em 0;
}

.formElement:hover, .collector_form:hover, .email_form:hover {
	border-color: #33CC99;
	background: #208766;
}

.formElement fieldset, .collector_form fieldset, .email_form fieldset {
	border: 1px solid #fff;
	border-bottom: 0;
	padding: 1em;
	background: url(../images/form_pattern.gif) repeat;
}

.formElement select, .collector_form select, .email_form select {
	/*background: #efe;*/
}

.formElement input, .collector_form input, .email_form input,
.email_form textarea {
	border: 1px solid #ddd;
	border-bottom-color: #f8f8f8;
	background: #fff;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
}

.collector_form input, .email_form input, .email_form textarea {
	width: 18em;
}

.formElement input:hover,
.formElement input:focus,
.collector_form input:hover,
.collector_form input:focus,
.email_form input:hover,
.email_form input:focus,
.email_form textarea:hover,
.email_form textarea:focus {
	border-color: #e8e8e8;
	border-bottom-color: #666;
}

.formElement p, .collector_form p, .email_form p {
	padding: 0em;
}

.formElement label {
	display: block;
	width: 2em;
}

.collector_form label, .email_form label {
	display: block;
	width: 10em;
}

.formElement legend, .collector_form legend, .email_form legend {
	display: none;
}

.formElement input.button, .collector_form input.button, .email_form input.button {
	cursor: pointer;
	border: 0;
	margin-top: 2px;
	padding: 2px 15px;
	height: 28px;
	color: #fff;
	background: #33CC99;
	border-bottom: 1px solid #29A37A;
	font-size: 1.3em;
	width: 10em;
}

.formElement input.button:hover, .collector_form input.button:hover, .email_form input.button:hover {
	background: #3DFFC1;
	color: #000;
	border-bottom-color: #33CC99;
}

/* @end */


/* @group calendar */

#calendar {
	margin-bottom: 2em; 
}

#calendar caption {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 10px 0;
	/*font-style: italic;*/
}

#calendar caption a {
	/*text-decoration: none;*/
}

#calendar table {
	width: 100%; 
}     

#calendar tr {
	font-size: 1.1em;
	font-weight: bold;
}

#calendar tr.odd {
	/*background: #fee;*/
}

#calendar tr.even {
	/*background: #efe;*/
}

#calendar td, #calendar th {
	text-align: right;
	padding: 4px 6px 2px 0;
}

#calendar tr.even td {
	border: 1px solid #eee;
	border-left: 0;
	border-bottom: 0;
}

#calendar tr.odd td {
	border: 1px solid #eee;
	border-left: 0;
	border-bottom: 0;
}

#calendar .last_row td {
	border-bottom: 0 !important;
}

#calendar td.row_end, #calendar th.row_end {
	color: #333;
	border-right: 0 !important;
} 

#calendar td.event {
	background: #ddd;
}

#calendar th {
	border-right: 1px solid #eee;
	text-align: center;
	padding: 4px 0 3px 0;
}

#calendar td a {
	border: 0 !important;
	color: #000;  
}

#calendar caption,
#calendar tr,
#calendar caption a {
	color: #B32424;
}

/* @end */

/* @group side feature list */

.advert {
	padding-bottom: 0.5em;
	float: left;
	width: 100%;
}

.advert h2 a {
	color: #3E5470;
	text-decoration: none;
}

.advert h2 a:hover {  
	text-decoration: underline;
}

.advert p.link a {
	background: url(../images/arrow_right.gif) 0px 3px no-repeat;
	padding-left: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000 !important;
	display: block;
	float: right;
}

.advert p.link a:hover {
	text-decoration: underline;
}

#sideBar .advert {
	font-size: 1.2em;
	width: 182px;
	margin-bottom: 1em;
	line-height: 1.0em;
	border-top: 1px solid #DAE5F0;
	border-left: 1px solid #DAE5F0;
	background: #E5F0FC url(../images/block_bgrd.gif) no-repeat right bottom;
	padding: 0.5em 0.5em 1.6em 8px;
}

#sideBar .advert ul {
	margin-bottom: 10px;
}

#sideBar .advert li a {
	color: #3E5470;
	padding: 4px 0 4px 18px;
	display: block;
	/*font-weight: bold;*/
	text-decoration: none;
	border-top: 1px solid #DAE5F0;
	background: url(../images/doc_icon.gif) 0px 2px no-repeat;
}

#sideBar .advert li a:hover {
	background-color: #fff;
	text-decoration: underline;
}

#sideBar .advert p {
	margin-bottom: 0.5em;
	color: #3E5470;
}

#sideBar .advert p.link a {
	font-size: 1.0em;
	float: left;
	background-position: 0px 0px;
}

#sideBar .advert h2 {
	font-size: 1.7em;
	letter-spacing: -1.0px;
	margin-bottom: 0.4em;
} 

.sticker {
	background: #ff0;
	width: 182px;
	line-height: 1.0em;
	padding: 0.5em 0.5em 1.0em 8px;
}

.sticker p {
	margin-bottom: 0.5em;
	font-family: Trebuchet MS, Lucida Grande, Arial;
	font-size: 1.1em;
	font-style: italic;
}

.sticker a.link {
	background: url(../images/arrow_right.gif) 0px 2px no-repeat;
	padding-left: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000 !important;	
}

.sticker a:hover.link {
	text-decoration: underline;
}

/* @end */

/* @group content elements */

#content p {
	font-size: 1.3em;
	margin-bottom: 0.6em;
	line-height: 1.3em;
}

#content .infobox p {
	font-size: 1.1em;
}

#content em {
	font-style: italic;
}

#content strong {
	font-weight: bold;	
}

#content ul {
	margin: 0 0 1.0em 1.0em;
}

#content li {
	font-size: 1.3em;
	padding: 0.2em 0 0.2em 1.5em;
	background-repeat: no-repeat;
	background-position: 4px 7px;
	background-image: url(../images/arrow_list.gif);
}

#content ol li {
	list-style: decimal;
	padding: 0.2em 0 0.2em 0.2em;
	background-image: none;
}

#content li.odd {
	background-color: #E6F1FD;
}

#content ol {
	margin-bottom: 2em;
	padding-left: 3em;
}

#content a {
	text-decoration: none;
	/* color: #208766; */
	color: #33CC99;
	font-weight: bold;
}

#content a:hover {
	text-decoration: underline;
}

#content h1, #content h2, #content h3 {
	/*background: #fff;*/
	padding: 2px 6px;
	border-left: 1px solid #DAE5F0;
	border-bottom: 1px solid #DAE5F0;
}

.block h1, .block h2, .block h3 {
	border: 0 !important;
	padding: 0 !important;
} 

#content .advert h2 {
	font-size: 2.4em;
}

/* @group blockquote */

#content blockquote {
	width: 281px;
	margin-bottom: 0.5em;
	background: #E6F1FD url(../images/blockquote_bgrd.gif) no-repeat left top;
}

#content blockquote.primary {
	margin-right: 2em;
}

#content blockquote.alternative {
	margin-left: 2em;
}

#content blockquote p {
	font-family: Trebuchet MS, Lucida Grande, Arial;
	padding: 1.2em 2em 1.6em 4em;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	color: #333;
	line-height: 1.4em;
}

#content blockquote cite {
	float: right;
	font-size: 0.8em;
	padding: 0em 0.5em 2em 0em;
}

/* @end */

/* @group image caption */

.caption {
	background: url(../images/form_pattern.gif);
}

#sideBar .caption {
	margin-bottom: 2em;	
}

#sideBar .caption p {
	padding-bottom: 0.6em;
}

#sideBar .text {
	border: 1px solid #f00;
	background: #ff0;
}

.caption.primary {
	border-right: 2em solid #fff;
}

.caption.alternative {
	border-left: 2em solid #fff;	
}

.caption p {
	padding: 0.1em 0.8em 0.0em 0.8em;
	line-height: 1.2em !important;
	font-family: Trebuchet MS, Lucida Grande, Arial !important;
	font-style: italic !important;
	font-size: 1.2em !important;
}

.caption p a {
	border: 0 !important;
	text-decoration: underline !important;
	color: #B32424;
}

/* @end */

#eventsList {
	margin: 0 0 2em 0 !important;
}

#eventsList p {
	font-size: 1.0em;
}

#eventsList li {
	padding: 10px !important;
	width: 172px;
	float: left;
	background: #EAF3FD;
	min-height: 20em;
	margin: 0 3px 3px 0;
}

#eventsList li.last {
	margin: 0;
}

/* @group footer */

#footer {
	font-weight: bold;
	padding: 1em 0 3em 0;
	font-size: 1.2em;
	color: #666;
	border-top: 1px solid #e3e3e3;
	text-align: right;
}

#footer a {
	color: #666;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

#footer a:hover {
	border-bottom-style: solid;
}

#footer p {
	font-size: 0.9em;
	font-weight: normal;
}

/* @end */

/* @end */

/* @group nasty hacks */

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* @end */