/* CSS Document */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
}

@font-face {
	font-family:knockout;
	src: url('knockout-70.otf');
}

#wrapper {
	width:95%;
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

#leftcontent {
	width: 34%;
	float:left;
	background-color:#00aeef;
	padding:1%;
	font-size:1.2em;
	color:#fff;
	margin-top:1%;
}

#maincontent {
	width: 97%;
	float:left;
	padding:1%;
	font-size:1.2em;
	margin-left:1%;
	margin-top:1%;
}

.box {
	width: 28%;
	background-color:#eae9e9;
	float:left;
	margin-top:2%;
	margin-right:2%;
	padding:1.5%;
	font-size:0.8em;
	line-height: 1.5em;
}

#footer {
	width:100%;
	clear:both;
}
	

a:link {
color:#01adef;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color:#01adef;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: none;
color:#01559d;
font-weight: bold;
}
a:active {
color:#01adef;
font-weight: bold;
text-decoration: underline;
}

a.name:link {
color:#00aaef;
text-decoration: underline;
font-weight:normal;
}

a.name:visited {
color:#00aaef;
text-decoration: underline;
}
a.name:hover {
text-decoration: none;
color:#040f47;
}
a.name:active {
color:#00aaef;
text-decoration: underline;
}

a.undertitle:link {
color:#040f47;
text-decoration: underline;
font-size:0.9em;
line-height:1.3;
}

a.undertitle:visited {
color:#040f47;
text-decoration: underline;
line-height:1.3;
}
a.undertitle:hover {
text-decoration: none;
color:#00aaef;
line-height:1.3;
}
a.undertitle:active {
color:#040f47;
text-decoration: underline;
line-height:1.3;
}

.h2 {
	color:#01559d;
	font-variant:small-caps;
	font-weight:bold;
	font-size:2.5em;
}

.header {
	width:100%;
	clear:both;
}

.header2 {
	color:#ffffff;
	font-variant:small-caps;
	font-weight:bold;
	font-size:2.0em;
}

.name {
	font-weight:bold;
	font-size:1.2em;
}


.title {
	color:#00adef;
	font-variant:small-caps;
	font-weight:bold;
	font-size:1.7em;
}

/*.undertitle{
	font-size:0.85em;
	color: #00aaef; 
	font-family: Arial,Verdana;
	line-height:1.0em;
}*/

.events {
	color:#00aef5;
	font-weight:bold;
	font-size:1.6em;
}
.events2 {
	color:#033768;
	font-size:1.2em;
	font-family:'Impact', Charcoal, Arial Black, san-serif;
}
.events3 {
	color:#033768;
	font-family:'Impact', Charcoal, Arial Black, san-serif;
}

img {
	max-width:100%;
	margin-right:2%;
}

#cssmenu{
	width:100%;
	border:none;
	border:0px;
	margin-left:auto;
	margin-right:right;
	padding:0px;
	font: Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	font-weight:bold;
	clear:both;
	}
#cssmenu ul{
	background:#01559d;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	}
#cssmenu li{
	float:left;
	padding:0px;
	}
#cssmenu li a{
	background:#01559d url('images/seperator.gif') bottom right no-repeat;
	color:#ffffff;
	display:block;
	font-weight:normal;
	line-height:45px;
	margin:0px;
	padding:0px 14px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu li a:hover, #cssmenu ul li:hover a{
	background: #00aef1 /*url('images/hover.gif') bottom center no-repeat*/;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li ul{
	background:#05a8f5;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:19%;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu li:hover ul{
	display:block;
	
	}
#cssmenu li li {
	/*background:url('images/sub_sep.gif') bottom left no-repeat;*/
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:130px;
	}
#cssmenu li:hover li a{
	background:none;
	
	}
#cssmenu li ul a{
	display:block;
	height:30px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#2580a2 /*url('images/hover_sub.gif') center left no-repeat*/;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu p{
	clear:left;
	}	
	
@media screen and (max-width: 850px) {
	
	body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
}


#wrapper {
	width:90%;
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

#leftcontent {
	width: 97%;
	float:left;
	background-color:#00aeef;
	padding:1%;
	font-size:1.2em;
	color:#fff;
	margin-top:1%;
}

#maincontent {
	width: 90%;
	float:left;
	padding:1%;
	font-size:1.2em;
	margin-left:auto;
}

.box {
	width: 45%;
	background-color:#eae9e9;
	float:left;
	font-size:0.9em;
	margin-top:2%;
	margin-right:2%;
	padding:1.5%;
}

#footer {
	width:100%;
	clear:both;
}

.h2 {
	color:#01559d;
	font-variant:small-caps;
	font-weight:bold;
	font-size:2.5em;
}

.header {
	width:100%;
	clear:both;
}

.header2 {
	color:#ffffff;
	font-variant:small-caps;
	font-weight:bold;
	font-size:2.0em;
}
.name {
	font-weight:bold;
	font-size:1.2em;
}

.title {
	font-weight:bold;
	font-size:1.0em;
}

.events {
	color:#00aef5;
	font-weight:bold;
	font-size:1.6em;
}

.header img {
	max-width:95%;
}

.box img {
	max-width:85%;
}

img {
	max-width:75%;
}

#cssmenu{
	width:100%;
	border:none;
	border:0px;
	margin-left:auto;
	margin-right:right;
	padding:0px;
	font: Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	font-weight:bold;
	clear:both;
	}
#cssmenu ul{
	background:#01559d;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	}
#cssmenu li{
	float:left;
	padding:0px;
	}
#cssmenu li a{
	background:#01559d url('images/seperator.gif') bottom right no-repeat;
	color:#ffffff;
	display:block;
	font-weight:normal;
	line-height:40px;
	margin:0px;
	padding:0px 13px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu li a:hover, #cssmenu ul li:hover a{
	background: #00aef1 /*url('images/hover.gif') bottom center no-repeat*/;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li ul{
	background:#05a8f5;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:14%;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu li:hover ul{
	display:block;
	
	}
#cssmenu li li {
	/*background:url('images/sub_sep.gif') bottom left no-repeat;*/
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:130px;
	}
#cssmenu li:hover li a{
	background:none;
	
	}
#cssmenu li ul a{
	display:block;
	height:30px;
	font-size:10px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#2580a2 /*url('images/hover_sub.gif') center left no-repeat*/;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu p{
	clear:left;
	}	
		
}

@media screen and (max-width: 400px) {
	
	body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
}


#wrapper {
	width:85%;
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

#leftcontent {
	width: 98%;
	float:left;
	background-color:#00aeef;
	padding:2%;
	font-size:1.1em;
	color:#fff;
	margin-top:1%;
}

#maincontent {
	width: 90%;
	float:left;
	padding:1%;
	font-size:1.1em;
	margin-left:1%;
	margin-top:1%;
}

.box {
	width: 95%;
	background-color:#eae9e9;
	float:left;
	margin-top:2%;
	margin-right:2%;
	padding:1.5%;
}

#footer {
	width:100%;
	clear:both;
}

.h2 {
	color:#01559d;
	font-variant:small-caps;
	font-weight:bold;
	font-size:2.5em;
}

.header {
	width:100%;
	clear:both;
}

.header2 {
	color:#ffffff;
	font-variant:small-caps;
	font-weight:bold;
	font-size:2.0em;
}

.title {
	color:#00adef;
	font-variant:small-caps;
	font-weight:bold;
	font-size:1.3em;
}

.events {
	color:#00aef5;
	font-weight:bold;
	font-size:1.6em;
}

.header img {
	max-width:95%;
}

img {
	max-width:60%;
}

#cssmenu{
	width:100%;
	border:none;
	border:0px;
	margin-left:auto;
	margin-right:right;
	padding:0px;
	font: Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;
	font-weight:bold;
	}
#cssmenu ul{
	background:#01559d;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	}
#cssmenu li{
	float:left;
	padding:0px;
	}
#cssmenu li a{
	background:#01559d url('images/seperator.gif') bottom right no-repeat;
	color:#ffffff;
	display:block;
	font-weight:normal;
	line-height:25px;
	margin:0px;
	padding:0px 8px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu li a:hover, #cssmenu ul li:hover a{
	background: #00aef1 /*url('images/hover.gif') bottom center no-repeat*/;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li ul{
	background:#05a8f5;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:14%;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu li:hover ul{
	display:block;
	
	}
#cssmenu li li {
	/*background:url('images/sub_sep.gif') bottom left no-repeat;*/
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:130px;
	}
#cssmenu li:hover li a{
	background:none;
	
	}
#cssmenu li ul a{
	display:block;
	height:30px;
	font-size:10px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#2580a2 /*url('images/hover_sub.gif') center left no-repeat*/;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu p{
	clear:left;
	}	
	
	
}