/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module { margin: 15px; }
#logo { margin-right: 15px; }


/* TEXT STYLES
----------------------------------------------------------------------------------------------------*/

p {
	font: 400 14px/22px Open Sans, Arial, Helvetica;
	margin: 0 0 10px 0;
	padding: 0;
	color:#222;
}

td, li {
	font: 400 14px/22px Open Sans, Arial, Helvetica;
	color:#222;
}

li { margin-bottom: 3px; }
table { margin-bottom: 10px; }

a, a:visited { color: #4480b2; text-decoration: underline; }
a:hover { text-decoration: none; }

h1.title {
	font-family:Century Gothic, Futura, Open Sans, Helvetica, sans-serif;
	font-size:55px;
	color:#fff;
	text-shadow: 1px 1px 1px #333;
	padding: 0;
    text-transform: uppercase;
	margin: 0 0 40px 0;
}

h2 {

	border-bottom: 1px solid #E5E5E5;
	color: #4A79AA;
	padding: 0 0 15px 0;
	text-transform: uppercase;
    margin: 20px 0;
	font: 300 35px/45px Open Sans, Arial, Helvetica;
}

h2 a { text-decoration: none; color: #888; }

h3 {
	font: 400 17px/28px Open Sans, Arial, Helvetica;
	color: #888;
	margin: 0 0 10px 0;
}

.leftText {
	display: block;
    float: left;
    margin: 0 25px 35px 0;
    width: 175px;
    text-align: center;
    }

.rightText {
	display: block;
    float: right;
    margin: 0 0 35px 25px;
    width: 175px;
    text-align: center;
    }

.content img { border: 1px solid #ccc; }
    
/* Layout
----------------------------------------------------------------------------------------------------*/

body#page { background: #F0F0F0; }

#block-toolbar { }

#toolbar {
	padding: 3px 15px 4px 15px;
	min-height: 28px;
	line-height: 28px;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #D5D5D5;
}

#search { margin: 35px 0 0 10px; }

#block-header {
    background-color: #231F20;
    margin-top: -35px;
    padding: 40px 0 15px 0;
}

#block-header .wrapper { width: 950px;  }

#header { min-height: 50px; }
#menu { margin: auto 0; }
#headerbar { margin-bottom: 50px; }
#block-top-a { text-align:center;}

.top-a-shadow {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset, 0 1px 3px rgba(0,0,0,0.5) inset;
}

#block-main {
	padding: 30px 0 15px 0;

	 
}

#block-bottom {
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #ffffff;
	padding: 15px 0;
	background: #F9F9F9;
}

#block-footer, #block-footer p, #block-footer a { 
	 font: 400 12px/20px Open Sans, Arial, helvetica;
	 color:#fff;
}

	 footer#footer p {
	 	 float:left;
	 	 text-align:left;
	 	 text-shadow: 1px 1px 1px #333;
	 }

	 footer#footer span {
	 	 float:right;
	 	 text-align:right;
	 	 text-shadow: 1px 1px 1px #333;
	 }

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -20px; }

.menu-dropdown
{
left: 50%;
position: relative;

}

#menu {
 float: right;
    left: -50%;
    position: relative;
    text-align: left;
}

#block-top-a {
background-color: #231f20;
    height: 40px;
    margin-bottom: 21px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
	opacity: 0.75;
}

div#search p
{
font-family:Century Gothic, Futura, Open Sans, Helvetica, sans-serif;
font-size:25px;
 font-weight: 500;
color:#fff;
}

div#search p img { margin-top: -15px; }
 
 div.homepageboxes {
background-color:#fff;
opacity: 0.75;
padding: 12px;
}

div.homepageboxes h2 {
font: 400 20px/30px Open Sans, Arial, Helvetica;
color:#4480b2;
padding: 0;
margin: 0 0 10px 0;
border: 0;
}

div.homepageboxes h2 a { text-decoration: none; color:#4480b2; }

	div.content {
		background-color:#fff;
		padding: 40px;
        width: 670px !important;
		float: left !important;
	}

#sidebar-a {
	width: 150px !important;
	background: #a2c7f0;
	opacity: 0.9;
    float: right !important;
    margin-top: 76px;
    height: 580px !important;
    min-height: 580px !important;
    padding: 25px 25px 0 25px;    
    }
    
    #sidebar-a .module { margin: 0; }

	#sidebar-a ul, #sidebar-a li { margin: 0; padding: 0; list-style: none; }

	#sidebar-a li  {
		color: #fff;
		font: 400 12px/19px 'Open Sans', Arial, helvetica;
		margin-bottom: 20px;
        text-shadow: 1px 1px 1px #85a1c4;
	}
    
	#sidebar-a ul a {
		color: #fff;
		text-decoration: none;
	}

	#sidebar-a ul li strong {
		border-bottom: 1px solid #CCDCED;
		color: #E7F0FA;
		display: block;
		font: 400 20px/30px Open Sans;
		margin: 0 0 10px;
		padding: 0 0 5px;
		text-transform: uppercase;
	}

#header ul {
top:0 !important;
padding:0px !important;
}
