* {
  margin: 0;
  padding: 0;
}


body {
	background:#EFEFEF;
	//width: 100%;
	width: 950px;
	height: 100%;
	margin:0 auto;
	
}
.wrapper  {
	//width:950px;
	width:100%;
	margin:0 auto;
	position:relative;
	display:block;
}
//a:link, a:visited {
//	color:#316594;
//	text-decoration:underline;
//}

//a:hover, a:focus {
//	color:#222;
//	text-decoration:underline;
//}



.header {
	width:100%;
	margin:0 auto;
	background: #00ACC1;
	background: -moz-linear-gradient(top, #00ACC1 0%, #316594 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ACC1), color-stop(100%,#316594)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ACC1', endColorstr='#316594',GradientType=0 );
	height:80px;
	border-bottom:#2B5780 1px solid;
}


header .breadcrumbs {
	width:100%;
	margin:0 auto;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	border-top:#FFF 1px solid;
	border-bottom:#ccc 1px solid;
	font-size:11px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	color:#666;
	text-transform:uppercase;
	//width:100%;
	background: #eee;
	background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D5D5D5',GradientType=0 ); 
}
header .breadcrumbs a:link, 
header .breadcrumbs a:visited {
	color:#666;
	text-decoration:underline;
	margin-left: 20px;
}
header .breadcrumbs a:focus, 
header .breadcrumbs a:hover {
	color:#316594;
	text-decoration:underline;
}
#index header .breadcrumbs {
	display:none; 
} 


header #logo {
	//position:absolute;
	display:block;
	top:20px;
	left:0;
	margin-left:15px;
	margin-top: 10px;
	padding-top:20px;
	font-size:35px;
	//text-align:left;
	white-space:nowrap;
	color:#fff;
	font-family: "Raleway", Arial, sans-serif;
	text-shadow: 1px 1px 0px rgba(0,0,0, .4);
	//text-align:center;

}


header #logo:link, 
header #logo:visited, 
header #logo:hover, 
header #logo:focus {
	text-decoration:none;
	
}

/* HEADER: navigation */
header nav {
	position:absolute;
	top:30px;
	right:0;
	text-shadow: 1px 1px 0px rgba(0,0,0, .3);
}
header nav ul {
	margin-right: 20px;
	list-style:none;	
	float:right;
}	
header nav li {
	display:block;
	float:left;
	margin:0 0 0 10px;
}
header nav li a {
	display:block;
	font-size:13px;
	padding:5px 15px;
	text-transform:uppercase;
	font-weight:bold;
}
header nav li a:link, 
header nav li a:visited {
	color:#eee;
	text-decoration:none;
}	
header nav li a:hover, 
header nav li a:focus {
	color:#FFF;
	text-decoration:none;
}
header nav li.current a {
	color:#FFF;
	background:#7096B6;
	background:rgba(255,255,255,.2);
	text-decoration:none;
	border-radius:40px;
	-moz-border-radius:40px;
	-khtml-border-radius:40px;
	-webkit-border-radius:40px;
}



article {
	float:left;
	width:688px;
	min-height:1500px;
	background:#fff;
	border-bottom:1px solid #c8c8c8;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #c8c8c8;
	-moz-box-shadow: 2px 1px 10px rgba(0,0,0, .07);
	-webkit-box-shadow: 2px 1px 10px rgba(0,0,0, .07);
	box-shadow: 2px 1px 10px rgba(0,0,0, .07);
}
article h1 {
	font-family: 'Raleway', Arial, sans-serif;
	margin:0 0 45px 0;
	color: #275176;
	font-size:27px;
}
article h2 {
	font-family: "Raleway", Arial, sans-serif;
	margin:0 0 10px 0;
	color: #275176;
	font-size:20px;
}
article h3 {
	font-family: "Raleway", Arial, sans-serif;
	margin:0 0 15px 0;
	color: #275176;
	font-size:15px;
}
article h4 {
	font-family: "Raleway", Arial, sans-serif;
	margin:0 0 10px 0;
	color: #555;
	font-size:20px;
	font-weight:100;
}
article h5 {
	font-family: arial, serif;
	margin:0 0 10px 0;
	color: #333;
	font-size:15px;
}
article h6 {
	font-family: arial, serif;
	margin:0 0 10px 0;
	color: #666;
	font-size:14px;
}
article section {
	padding:20px;
	line-height:22px;
	font-size:14px;
	color:#333;	
}
article section p {margin:0 0 25px 0;}
article section ul, 
article section ol {
	margin:0 0 25px 30px;
}
article section ul ul, 
article section ol ol,
article section ul ol, 
article section ol ul {
	margin:0 0 0 25px;
}
article section code {
	border:1px solid #ccc;
	background:#f6f6f6;
	font-size:12px;
	padding:1px;
}
article section pre {
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:15px;
	margin:0 0 25px 0;
	line-height:16px;
	font-size:13px;
	color:#555;
	text-shadow: 1px 1px 0px #fff;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-khtml-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}
article section pre code {
	border:none;
	background:none;
	padding:none;
}
article section blockquote {
	margin:0 0 25px 20px;
	color:#555;
	line-height:20px;
	font-family:georgia, garamond, serif;
	font-style:italic;
	padding:0 0 0 15px;
	border-left:1px solid #ccc;
}
article section .footer {
	color:#888;
	font-size:11px;
	margin-top:40px;
	border-top:1px dotted #ccc;
	padding-top:15px;
}
article section .footer p {
	margin:0 0 10px 0;
	font-family: "Raleway", Arial, sans-serif;
}

article section  p {
	margin:0 0 10px 0;
	font-family: "Raleway", Arial, sans-serif;
	font-size:14px;
}

article li, ul {
	margin:0 0 5px 0px;
	//margin-left:-35px;
	font-family: "Raleway", Arial, sans-serif;
	//line-height:16px;
}

article section h4 a {
    font-family: "Raleway", Arial, sans-serif;
    font-size:21px;
    color:#FF5733;
    font-weight: bold;
}


/* SIDEBAR */
aside {
	float:right;
	width:260px;
	margin:40px 0 0 0;
	display:block;
}
aside .section  {
	padding:0 0 0 30px;	
}

aside h2 {
	margin-left:20px;
	margin-right:10px;
	
}




aside .section {
	margin:0 0 40px 0;
	font-size:14px;
	line-height:16px;
	color:#555;
	text-shadow: 1px 1px 0px #fff;
}
aside .section p {
	//margin:0 0 15px 0;
	margin-right:15px;
	font-family: "Raleway", Arial, sans-serif;
	margin-top:10px;
	font-size:14px;
	margin-bottom:14px;
}



aside .section ul, 
aside .section ol,	{
	margin:0 0 15px 0px;
	-webkit-padding-start: 0px;

}
aside li {
	margin:0 0 15px 0px;
	margin-left:0px;
	font-family: "Raleway", Arial, sans-serif;
	line-height:12px;
	-webkit-padding-start: 0px;
	
}

aside ul {
	-webkit-padding-start: 0px;
}


aside .section h2 {
	background:#00ACC1;
	border-top:1px solid rgba(255,255,255,.4);
	text-shadow: 1px 1px 0px rgba(0,0,0,.5);
	text-transform:uppercase;
	background: -moz-linear-gradient(top, #00ACC1 0%, #316594 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ACC1), color-stop(100%,#316594)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ACC1', endColorstr='#316594',GradientType=0 );
	font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
	font-weight:100;
	color:#fff;
	font-size:19px;
	line-height:19px;
	margin:0 0 20px -31px;
	padding:5px 0 7px 25px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-khtml-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}


aside #socialmedia {
	position:relative;
}
aside #socialmedia h2 {
	width:65px;
	background: #316594;
	background: -moz-linear-gradient(top, #316594 0%, #2C5983 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ACC1), color-stop(100%,#316594));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ACC1', endColorstr='#316594',GradientType=0 );
}
aside #socialmedia .icons {
	position:absolute;
	top:3px;
	left:100px;
}
aside #socialmedia .icons a{
	margin:0 2px;
}



aside ul li a {
	color:#316594;
        text-decoration:underline;

}


/* FOOTER */
footer {
	//background: #316594;
	width:950px;
	height: 30px;
	margin:0 auto;
	padding:10px 0;
	margin-top:5px;
	//text-shadow: 1px 1px 0px rgba(255,255,255,.8);
	color:#E8E8E8;
	font-size:11px;
	background: #00ACC1;
	background: -moz-linear-gradient(top, #00ACC1 0%, #316594 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ACC1), color-stop(100%,#316594)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ACC1', endColorstr='#316594',GradientType=0 );


}
footer .left {
	float:both;
	text-align: center;
}



@media screen and (max-width: 1025px) {
 
body {
	width:99%;
}
 
article section p, li, ul { 
	font-size:19px;
}
 
wrapper {
 float:none;
 width:100%;
 margin-right:0px;
 
 }
 
article  {
  width:100%;
  float:none;
}

section  h1 {
	text-align:center;
	line-height:31px;
	font-size:31px;

}

section {
   float:none;
}

aside .section  {
	padding:0 0 0 0px;	
}

aside .section ul  li  {
	text-align:center;
	list-style:none;
	-webkit-padding-start: 0px;
	margin-left:0px;
	background:#00ACC1;
	border-top:1px solid rgba(255,255,255,.4);
	text-shadow: 1px 1px 0px rgba(0,0,0,.5);
	text-transform:uppercase;
	background: -moz-linear-gradient(top, #00ACC1 0%, #316594 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ACC1), color-stop(100%,#316594)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ACC1', endColorstr='#316594',GradientType=0 );
	font-family: "Raleway", Arial, sans-serif;
	//font-weight:100;
	color:#fff;
	font-size:14px;
	line-height:19px;
	//margin:0 0 20px -31px;
	padding:5px 0 7px 0px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	
	
}


header #logo {
	width:100%;
	text-align:center;
	display:block;
	margin-left: 0px;
}


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

aside .section p {
	
	margin-left:15px;
	
}



aside .section h2 {
	//margin:10 0 20px -31px;
	margin-left:0px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	font-family: "Raleway", Arial, sans-serif;
	line-height:29px;
	//padding:5px 0 7px 55px;
	//padding-left:-40px;
	padding:5px 0 7px 0px;
	text-align:center;
}





aside {
  width:100%;
  float:none;
}

 header {
 width:100%;
 }
 
 footer {
 width:100%;
 }
 
 breadcrumbs{
 width:100%;
 }
 
 
}

@media only screen and (min-width: 100px) and (max-width:350px) {

body {
	width:99%;
}
 
article section p, li, ul { 
	font-size:19px;
}


wrapper {
 float:none;
 width:100%;
 margin-right:0px;
 
 }
 
article  {
  width:100%;
  float:none;
}

section  h1 {
	text-align:center;
	line-height:31px;
	font-size:31px;

}

section {
   float:none;
}

aside .section  {
	padding:0 0 0 0px;	
}

aside .section ul  li  {
	text-align:center;
	list-style:none;
	-webkit-padding-start: 0px;
	margin-left:0px;
	background:#00ACC1;
	border-top:1px solid rgba(255,255,255,.4);
	text-shadow: 1px 1px 0px rgba(0,0,0,.5);
	text-transform:uppercase;
	background: -moz-linear-gradient(top, #00ACC1 0%, #316594 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ACC1), color-stop(100%,#316594)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ACC1', endColorstr='#316594',GradientType=0 );
	font-family: "Raleway", Arial, sans-serif;
	//font-weight:100;
	color:#fff;
	font-size:14px;
	line-height:19px;
	//margin:0 0 20px -31px;
	padding:5px 0 7px 0px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
		
}


header #logo {
	width:100%;
	font-size:25px;
	text-align:center;
	display:block;
	margin-left: 0px;
	
	
}


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


aside .section h2 {
	//margin:10 0 20px -31px;
	margin-left:0px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	font-family: "Raleway", Arial, sans-serif;
	line-height:29px;
	//padding:5px 0 7px 55px;
	//padding-left:-40px;
	padding:5px 0 7px 0px;
	text-align:center;
}


aside .section p {
	margin-left:10px;
	margin-right:10px;
}



aside {
  width:100%;
  float:none;
}

 header {
 width:100%;
 }
 
 footer {
 width:100%;
 }
 
 breadcrumbs{
 width:100%;
 }
 
 
}


.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }