/*#### BANNER ###########################################################################################################*/

div#banner {

	background: url(../images/banner-bg.gif) repeat-x;
	height: 101px;
	width: 961px;

}

div#banner img {

	float: left;
	margin: 22px 0 0 28px;
	
}

div#banner h2 {

	float: left;
	margin: 42px 0 0 42px;
	font-size: 25px;
	font-weight: normal;
	color: #8f8f8f;
	
}

/*#### MAIN-CONTENT ########################################################################################################*/

div#main-content {

	background: url(../images/main-content-bg.gif) repeat-x;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 961px;
	background-color: #FFFFFF;
	
}

div#main-content .blue {
	color: #1565a2;
	
}


/*#### MAIN-ARTICLE ########################################################################################################*/

div.main-article {

	background: url(../images/dotted-horizontal.gif) left bottom repeat-x;
	height: 1%;
	margin: 0 0 20px 0;
	padding: 0 10px 25px 0;

}

div.main-article h3 {

	margin: 0 0 12px 367px;
	padding: 8px 0 0 0;
	font-size: 21px;
	color: #1565a2;
	
}

div.main-article p {

	margin: 0 0 12px 370px;
	
}

div.main-article ul {

	margin: 0 0 0 370px;
	
	list-style: none;
	
}

div.main-article ul li {

	background: url(../images/li-triangle.gif) 3px 5px no-repeat;
	
	margin: 0 0 10px 0;
	
	padding: 0 0 0 12px;
	
}

div.main-article img {

	float: left;

	background: url(../images/main-article-image-bg.gif) no-repeat;
	
	padding: 20px 21px;

}










/*#### COLUMNS-CONTAINER ###################################################################################################*/

div#columns-container {

	position: relative;
	background: url(../images/dotted-vertical.gif) center top repeat-y;
	height: 1%;
	clear: both;

}

/*#### BOX #################################################################################################################*/

div.box {

	position: relative;
	width: 400px;
	padding: 0 0 22px 0;
	clear: both;
	
}

div.column-left {

	width: 470px;
	padding-left: 20px;
	float: left;
	
}
div.column-right {

	width: 460px;
	float: left;
	
}

div.box h3 {

	position: relative;
	background: url(../images/box-h3.gif) repeat-x;
	height: 32px;
	line-height: 32px;
	font-size: 21px;
	font-weight: normal;
	color: #fff;
	text-indent: 11px;
	width: 435px;
	
}
.box-content{
	height: auto!important;
}

div.box-content {

	padding: 22px 9px 0 9px;
	width: 435px;
	
}

div.column-right div.box-content {

	padding: 0 40px 0 9px;
	
}


div.box-content h4 {

	margin: 0 0 12px 0;
	font-size: 18px;
	font-weight: normal;
	color: #333;

}

div.column-right div.box-content h4 {

	margin: 0 0 8px 0;

}

div.box-content h5 {

	font-size: 13px;
	
}

div.box-content p {

	margin: 0 0 12px 0;
	
}

div.box-content p.read-more {

	margin: -10px 0 12px 0;
	
}

div.box-content a {

	color: #1565a2;
	
}

div.box-content img {

	margin: 0 5px 0 0;
	padding: 4px;
	border: 1px solid #333;
	
}

div.box-content img.image-to-left {

	float: left;
	margin: 0 15px 0 0;
	
}

div.box-content a.button-register {

	display: block;
	background: url(../images/button-register.gif) no-repeat;
	width: 76px;
	height: 25px;

    /* hide from IE Mac \*/

    text-indent: -999em;
    overflow: hidden;

    /* end hide */
	
}
	
div#video-box h4 {

	margin: 0;
	font-size: 12px;
	font-weight: bold;

}

div#video-box img {

	padding: 0;
	border: none;

}
