@charset "utf-8";
/* CSS Document */
/** {margin:0;padding:0}*/

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

body { 
	background-image: url(/images/fon.png);
    font-family: Arial, "Lucida Grande", Calibri, Trebuchet MS; 
	text-align:center;
	margin:0;padding:0
}

a { color: #000000; }
a:hover { color: #DA251C; }

p { padding-top:10px; }

h1 {  }
h2 { width:600px; height:20px; margin-top:30px; 
	text-transform:uppercase; color:#000000; font-weight:bold; font-size:14px; line-height:20px; vertical-align:middle;}
	
h4 { font-weight: bold; font-size: 30px; display: inline; }

img { border: 0px; }
img.design { display: block; }
.l {text-align: left !important;}
.r {text-align: right !important;}
.c {text-align: center !important;}
.j {text-align: justify !important;}
.b {font-weight: bolder !important;}
.t {font-size: 10px !important;}
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}
.nowrap {white-space: nowrap !important;}

.main_table { width:960px; margin:auto; text-align:left; background:#FFFFFF; font-size:12px; height:100%; }
.main_table td { vertical-align:top; }

.header { padding: 10px 20px 0 15px; width:960px; }
.header div { float:left; }
.header img { display: block; }
.header span { color: #ff0000; }

.menu { padding: 14px 20px 0 15px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; font-size:18px; font-weight:bold;
		text-transform:uppercase; }
		
.menu a { margin: 0 10px 0 10px; text-decoration:none; }
.menu a:hover { color: #DA251C; text-decoration:underline; }

.content { width:640px; padding: 13px 20px 0 20px; vertical-align:top }

h2.events { background:#ff9900; color:#FFFFFF; width:300px; margin:0 0 15px 0; }
h2.events div { padding: 0 0 0 10px; }

h2.news { background:#3e78ca; color:#FFFFFF; }
h2.news div { margin: 0px 0px 0px 10px; }

div.news { margin: 15px 0px 0px 0px; font-size:16px; }

h2.articles { background:#d6281f; color:#FFFFFF; }
h2.articles div { margin: 0px 0px 0px 10px; }

h2.art_news { background:#3e78ca; color:#FFFFFF; display:inline; font-size:19px; padding:0 5px 0 5px; margin:10px 0 10px 0; font-weight:normal; }


h2.video { background:#4d9c2f; color:#FFFFFF; }
h2.video div { margin: 0px 0px 0px 10px; }

a.grey { text-align:right; display:block; width: 100%; color: #777; font-style: italic; margin-top: 4px; font-size:14px; }
a.grey:hover { color: #DA251C; }

.footer { vertical-align:bottom; padding:35px 0 0 20px }
.footer hr { height: 1px; width: 600px; float: left; border: none; background-color: #ddd; }

#partnerlist { width: 600px; height: 100px; }

#partnerlist a { display: block; float: left; width: 45px; height: 50px;
  				 text-decoration: none;
  				 background-image: url(/images/partners.png);  
}

.mainpart {
	width: 600px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
    display: inline;	
}

#stepbox {
	background-image: url(/images/stepbg.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 598px;
	height: 600px;
	border: 1px solid #ddd;
	}
	
#stepbox a {
	background-color: #3879CB;
	color: #fff;
	padding: 4px;
	display: block;
	width: 240px;
	float: right;
	
}

#stepbox .redsnippet {
	background-color:  #DA251C;
	color: #fff;
	position: relative;
	top: 230px;
	width: 300px;
	padding: 6px;
}

#eventtypes{
	float: left;
	height: 60px;
	vertical-align: bottom;
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
}

#eventtypes a {
	width: 108px;
	float: left;
	height: 15px;
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 10pt;
	margin-right: 10px;
	margin-top: 34px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#eventtypes a:hover, 
#eventtypes a.act {
	margin-top: 19px;
	padding-top: 17px;
}

#eventfilter {
	width: 600px;
	border-bottom: 1px solid #555;
	border-collapse: collapse;

	margin: 0px;
    float:left;
    
}

#eventfilter td {
	padding: 10px 0px 10px 0px;
	margin-left: 0px;
	vertical-align: bottom;
	
}

#eventfilter td a{
	color: #000;
	text-decoration: none;
	}
#eventfilter td a.act, #eventfilter td a:hover{
	color: #DA251c;
}

.eventbox {
	display: block;
	width: 144px;
	height: 268px;
	margin-right: 8px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	font-size: 9pt;
	text-align: center;
	padding: 0px;
	overflow: hidden;
    display: inline;
     border-bottom: 2px solid #555;
}


.eventbox table {
	border: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
    width: 144px;
    height: 216px;
}
.eventbox table tr td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
    color: #333;
    width: 134px;
}

.eventbox table tr td.eventtype {
	display: block;
	color: #fff;
	height: 39px;
	margin-top: 6px;
	margin-bottom: 1px;
    overflow: hidden;

    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 5px 3px 5px;
}

.eventbox table tr.eventtype{
    height: 45px;
    overflow: hidden;

}

.eventtype a {
	color: #fff;
	text-decoration: none;
	
}

div.event_ttl { padding: 4px; margin-top:5px; }
div.event_ttl a { color: #ffffff; text-decoration: none; text-transform:uppercase; font-weight:bold; font-size:11px; }

.events { width:600px; }
.events table { margin:0 -8px 0 -8px; text-align:left; }
.events table td { border-bottom:2px #555555 solid; width:142px; vertical-align:top; }
.events table td img { border:1px #555555 solid; display:block; }
.event_date { width:144px; text-align:right; border-bottom: 2px solid #555555; font-size: 13px; font-weight:bold; line-height:20px; vertical-align:middle;}
.event_org { text-align: left; font-size: 12px; padding-top:2px; }

.events_ind { width:300px; text-align:left; }
.events_ind td { border-top:2px #555555 solid; vertical-align:top; padding-bottom:15px; }
.events_ind td img { border:1px #555555 solid; display:block; }
.event_ind_date { width:144px; text-align:right; font-size: 13px; font-weight:bold; line-height:20px; vertical-align:middle;}

.posts { width:600px; }
.posts table { margin:0 -8px 0 -8px; text-align:center }
.posts table td { border:1px #bbbbbb solid; width:142px; vertical-align:top; }
.events table td img { display:block; }
.posts table td div { padding:4px; }

.postContent { font-size: 9pt; line-height: 12pt; padding: 5px 0 0 0px; margin-bottom: 10px; color: #333333; }
.postContent h3 { font-size: 13pt; font-weight: bold; line-height: 19pt; }
.postContent p { margin-bottom: 10px; }

.smallgray{
	font-size: 9pt;
	color: #bbb;
	font-style: italic;
}