/* global resets helps to unify and reset settings for browsers
 * that in most cases very different from each other
 * all of theese global resets can be restyled later in code
*/
* 	{margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;color:inherit;outline:0;}
/* for block elements, if possible, better to use padding instead margin,
 * cause margin flips in several cases, and causes not proper behavior in different browsers
*/
p, ol, ul
	{padding: 1em 0;margin:0;}
.clear /* used for clearing floeated objects */
	{clear:both;display:block;height:0px;font:normal 1px/1px arial;overflow:hidden;}
table
	{font-size:1em;border-collapse:collapse;border-spacing:0;}
caption, th, td
	{text-align:left;font-weight:normal;}
img
	{border:0;vertical-align:middle;}
:focus
	{outline:0;}
blockquote:before,blockquote:after,q:before, q:after
	{content: "";}
blockquote, q
	{quotes: "" "";}
sup,sub
	{font-size:90%;}
a   {color:#004b97;text-decoration:underline;}
a:hover
	{color:#e63633;}

/*body*/
html, body {vertical-align:top;}
body {
	text-align:center;
	background:#d9d9d9 url(../images/bodybg.jpg) 0 0;
	color:#3c3c3c;font:12px/155% Arial,Helvetica,'Trebuchet MS';
	}

/* main carcass */
#topline {
	width:100%;padding-bottom:30px;
	background:url(../images/topgraybar.jpg) 0 0 repeat-x;
	}
 #outer {
	width:900px;
	margin:0 auto;
	position:relative;
	padding:163px 0 129px 0;
	background:url(../images/squares.gif) 126px 273px no-repeat;
	}
	#logo {
		text-indent:-1000px;
		width:260px;height:117px;
    	cursor:pointer;overflow:hidden;
    	position:absolute;top:75px;left:0;
    	background:url(../images/logo.png) no-repeat;
    	}
    #langs {
    	width:450px;height:17px;
    	position:absolute;z-index:5;
    	top:55px;right:145px;
    }
    	#langs a {
    		float:right;display:inline;
    		height:17px;line-height:17px;
    		font:normal 9px/17px Tahoma;
    		color:#fff;padding:0 4px;
    		background:url(../images/button_gray_grad.gif) 0 0 repeat-x;
    		}
    	#langs a:hover,#langs a.active {
    		color:#c8e9fb;
    		background:url(../images/button_blue_grad.gif) 0 0 repeat-x;
    		}
    	#langs a.active
    		{font-weight:bold;text-decoration:none;}
    #top {
    	width:612px;height:116px;
    	position:absolute;top:47px;left:265px;
    	background:url(../images/top.png) no-repeat;
    	}
    #shadowdarker {
    	width:33px;height:470px;
    	position:absolute;top:120px;left:851px;
    	background:url(../images/shadow_darker.png) no-repeat;
    }
    #content {
    	width:100%;text-align:left;
    	background: url(../images/shadow_spacer.png) 0 0 repeat-y;
    	}
    #contentin {
    	width:100%;
    	background: url(../images/content_spacer.png) 0 0 repeat-y;
    	}
    #contentin2 {
    	padding-bottom:50px;width:100%;
    	background: url(../images/vertical_colors.png) 793px 0 no-repeat;
    	}
    	#left {
    		width:200px;
    		margin:96px 0 0 40px;
    		float:left;display:inline;
            background: url(../images/line_2px.gif) 0 0 repeat-x;
    		}
    	#right {
    		width:408px;
    		margin-left:100px;
    		position:relative;
    		float:left;display:inline;
    	}
    #footer {
    	width:611px;height:163px;
    	position:absolute;bottom:0;left:265px;
    	}
    	#footer div {
    		width:611px;height:163px;
    		background:url(../images/footer.png) no-repeat;
    		}
    	#footer .thanksto {
    		font:normal 10px/130% Tahoma;
    		text-decoration:none;color:#fff;
    		position:absolute;top:25px;left:123px;
    		}
    	#footer .button {
    		position:absolute;top:25px;left:290px;
    		margin:0;border:0;padding:0;
    		width:115px;height:15px;
    		background:url(../images/button.png) 50% 0 no-repeat;
    		color:#3c3c3c;text-align:center;
    		font:normal 10px/15px Tahoma;
    		text-decoration:none;text-transform:uppercase;
    		}
    	#footer .button:hover
    		{color:#000;}

/* menu */
#topmenu {
	padding:0;z-index:5;
	height:42px;width:441px;
	top:90px;left:320px;position:absolute;
	background:url(../images/menus.png) no-repeat;

	}
	#topmenu li {
		height:42px;
		background:none;
		padding:0;margin:0;
		position:absolute;top:0;
		}
	#topmenu li.home 	{width:35px;left:7px;}
	#topmenu li.members {width:77px;left:73px;}
	#topmenu li.agenda	{width:46px;left:185px;}
	#topmenu li.docs	{width:67px;left:266px;}
	#topmenu li.contact {width:65px;left:369px;}
		#topmenu a {
			display:block;
			width:100%;height:42px;
			overflow:hidden;text-indent:-999em;
			background:url(../images/menus.png) 1000px 1000px no-repeat;
			}
		#topmenu li.home a:hover,#topmenu li.home a.active
			{background-position:-7px 100%;}
		#topmenu li.members a:hover,#topmenu li.members a.active
			{background-position:-73px 100%;}
		#topmenu li.agenda a:hover,#topmenu li.agenda a.active
			{background-position:-185px 100%;}
		#topmenu li.docs a:hover,#topmenu li.docs a.active
			{background-position:-266px 100%;}
		#topmenu li.contact a:hover,#topmenu li.contact a.active
			{background-position:-369px 100%;}

/* left block (modules) */
.module {
    line-height:130%;
	padding:30px 0 25px 0;position:relative;
	background:url(../images/line_2px.gif) 0 100% repeat-x;
	}
.modcalendar
	{padding-top:155px;}
	#left .calendar {
		width:187px;height:127px;
		position:absolute;top:35px;left:-35px;
		background:url(../images/calendar_transparent.png) 0 0 no-repeat;
	}
	.module .modheading {
		font:bold 26px/120% 'Trebuchet MS';
		color:#504f52;padding:0 0 5px 0;
		}
	.subheading {
		font:normal 23px/130% 'Trebuchet MS';
		color:#0060bf;padding:2px 0;display:inline;
		background:url(../images/line_1px_blue_dashed.gif) 0 100% repeat-x;
		}
		.subheading a,.subheading a:hover {text-decoration:none;color:#0060bf;}
	.subheading2 {
		font:normal 19px/130% 'Trebuchet MS';
		color:#004b97;padding:4px 0 2px 0;display:inline;
		background:url(../images/line_1px_blue_dashed.gif) 0 100% repeat-x;
		}
		.subheading2 a,.subheading2 a:hover {text-decoration:none;color:#004b97;}
	.module .date {
		background:url(../images/arrow_events.png) 0 17px no-repeat;
		padding:15px 0 0 20px;color:#004b97;
		font-family:'Trebuchet MS';
	}


/* typografy */
h1,h2,h3,h4,h5,h6 {
	margin:0;color:#004B97;
	padding:15px 0 5px 0;
	font-weight:normal;
	font-family:'Trebuchet MS', Arial, Helvetica;
}
h1
	{color:#4d91c4;font-size:19px;padding:8px 0 10px 0;}
h2
	{color:#4d91c4;font-size:19px;}
h3
	{font-size:15px;font-weight:bold;}
h4
	{font-size:14px;font-weight:bold;}
h5
	{font-size:13px;font-weight:bold;}
h6
	{font-size:13px;font-weight:bold;}
h1,h2,h3,h4,h5,h6
	{line-height:130%;}
.colorblue
	{color:#5184b8;}
.colorgreen
	{color:#a9c931;}
.colororange
	{color:#f3933a;}
.colorred
	{color:#e63633;}
hr  {
	display:block;border:none;
	padding:0;margin:10px 0;
	overflow:hidden;clear:both;height:1px;
	border-bottom:1px solid #cfd3d6;
	}
#left hr
	{border-color:#e3e3e3;}
pre, blockquote {
	padding:1em;margin:1em 0;
	border:1px solid #5184b8;
	background:#edf6ff;
	}
blockquote {
	border-color:#aecc39;
	background:#fcfff0;
	font-style:italic;
	font-family:Georgia;
	}

.error, .message, .notice {
	padding:1em;margin:1em 0;
	border-top:3px solid #9ebd66;
	border-bottom:3px solid #9ebd66;
	}
.error {
	border-color:#e63633;
	color:#e63633;
	background:#ffefef;
	}
.message {
	color: #93af36;
	background:#fcfff0;
	}
.notice {
	border-color:#f3933a;
	color:#ed663d;
	background:#fff0e3;
	}
.highlight {
	background:#3366ab;
	color:#fff;
	padding:3px;
	}
ul  {list-style:none;}
	li {
		background:url(../images/arrow.gif) 10px 0.75em no-repeat;
		padding:2px 0 2px 20px;margin:0;text-indent:0;
		}
ol	{list-style-position:inside;}
	ol li {padding:1px 0 1px 0.5em;background:none;}
fieldset
	{margin:1em 0;padding:1em;border:1px solid #cfd3d6;}
legend
	{padding:2px 4px;}
input,label
	{vertical-align:middle;}
.button {
 	margin:1px;border:0;padding:3px;
 	background:#195b99 url(../images/button_blue_grad.gif) 0 0 repeat-x;
 	cursor:pointer;font-size:1em;
 	color:#fff;font-weight:bold;
 	vertical-align:middle;text-decoration:none;
}
.button:hover
	{background:#a9c931;}
a.button
	{display:block;}
.inputbox {
	border:1px solid #cfd3d6;
	margin:1px;font-size:1em;color:inherit;
	padding:3px;background:#fff !important;
	}
.inputbox:hover, .inputbox:focus
	{border-color:#5184b8;}
select.inputbox
	{height:auto;padding:0;}
select option
	{padding:1px 3px;border:0;}
acronym, abbr
	{border-bottom:1px dotted #cfd3d6;}


/* content styles */
h3.title {
	padding:7px 0 5px 26px;font-weight:normal;
	background:url(../images/icon_calendar.gif) 0 55% no-repeat;
}
.article_separator {
	display:block;height:13px;
	margin-bottom:13px;overflow:hidden;
	clear:both;font-size:1px;
	border-bottom:1px solid #cfd3d6;
	}
.leadingimage {
	width:263px;height:149px;
	position:absolute;top:0;left:-75px;
	background:url(../images/leadingbg.png) no-repeat;
	}
	.leadingimage img {padding:8px 0 0 14px;}
.leadingtext
	{padding-left:205px;}
a.download {
	display:block;height:70px;
	text-decoration:none;
	font:normal 13px/130% 'Trebuchet MS';
	padding:3px 0 0 76px;cursor:pointer;
	background:url(../images/download_zip.png) 0 0 no-repeat;
	}
	a.download span.doctitle {
		font-size:18px;
	}
a.doc
	{background-image:url(../images/download_doc.png)}
a.pdf
	{background-image:url(../images/download_pdf.png)}
a.xls
	{background-image:url(../images/download_xls.png)}
.floathalf {
	float:left;display:inline;
	width:50%;padding:1em 0;
	}
	.floathalf h3 {padding-top:0;}
.blockset {
	width:100%;padding:1.5em 0;
	background:url(../images/module_separator.gif) 50% 50% no-repeat;
}
	.blockset h3
		{padding:0 0 5px 0;}
	.blockset .contactform {
		font-size:13px;font-family:'Trebuchet MS';
		background:url(../images/line_1px_blue_dashed.gif) 0 100% repeat-x;
		text-decoration:none;
		}
.lefthalf {
	float:left;display:inline;
	width:47%;
	}
.righthalf {
	float:right;display:inline;
	width:45%;
	}