/* Fonts */

@font-face { 
    font-family: "pillgothic300mg-bold";
    src: url(../fonts/pillgothic300mg-bold.eot);
}
@font-face { 
    font-family: "pillgothic300mg-bold";    
  	src: url(../fonts/pillgothic300mg-bold.ttf) format("truetype");
}

/* Resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Base Selectors */

html {height: 100%; background: #e1dfdb; }
body { font: normal 90% Georgia, "Times New Roman", serif; color: #666666; min-height: 100%; background: #f0f0f0; }

body {
background-image: linear-gradient(bottom, rgb(255,255,255) 41%, rgb(242,242,242) 62%, rgb(230,230,230) 86%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 41%, rgb(242,242,242) 62%, rgb(230,230,230) 86%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 41%, rgb(242,242,242) 62%, rgb(230,230,230) 86%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 41%, rgb(242,242,242) 62%, rgb(230,230,230) 86%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 41%, rgb(242,242,242) 62%, rgb(230,230,230) 86%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.41, rgb(255,255,255)),
	color-stop(0.62, rgb(242,242,242)),
	color-stop(0.86, rgb(230,230,230))
);
}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #000000; font-family: "pillgothic300mg-bold", Georgia, "Times New Roman" serif; font-weight: normal;}
p,td, dt, dd { font-size:1em; line-height:1.6em; font-weight: 300; color: #000; }
p { margin:16px 0; }
small { font-size:1em; color: #999999; font-family: Georgia; font-style: italic; }
strong { font-weight: 800;}

.float-left { float: left; display: inline;}
.float-right { float: right; display: inline;}

.push {clear:both;}
.overflow { width: 100%; overflow: hidden; }


/* Links */

a {font-weight: normal; text-decoration: none;}
a:link { color: #000;}
a:visited { color: #000;}
a:hover { color: #b2140c; text-decoration: underline;}
a:active { color: #000;}

.copyright a { margin: 0 5px;}
.copyright a:link { color: #9a9792;}
.copyright a:visited { color: #9a9792;}
.copyright a:hover { color: #9a9792; text-decoration: underline;}
.copyright a:active { color: #9a9792;}


/* Header */

h1 { position: absolute; top: 32px; left: 60px; z-index: 99; width: auto; height: 116px; color: white; font-size: 1.6em; line-height: 0.9em; font-family: Monospace, Helvetica, sans-serif; font-weight:bold;}
a.logo { display:block; width: 300px; height: 116px; padding: 0 0 0 105px; background: transparent url(../img/acllogo.png) top left no-repeat; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; color: white; text-decoration: none;font-weight:800; text-shadow: 2px 2px 8px #000000; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#333333);}
a.logo:hover { text-decoration: underline;}
.headertext { position: absolute; top: 32px; right: 60px; z-index: 99; text-align: right;} 
.headertext a {color: white; font-size: 1.6em; line-height: 0.9em; font-family: Monospace, Helvetica, sans-serif; font-weight: 800; text-shadow: 2px 2px 8px #000000; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#333333);}


/* Main Selectors */
.wrap { background: #faf8f4; min-width: 550px;}

img.main_image { width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; position: relative; z-index: 1px; }

.content_wrap { margin: 0 40px; margin-top: -144px; background: transparent; padding: 0 20px 40px; position: relative;}
.sidebar {width: 250px; position: absolute; top:0; right:20px;  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); border-radius: 20px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; color: white;}
html.lt-ie9 .sidebar {filter: alpha(opacity=70);}
.sidebar ul.nav {list-style:none;padding: 1.6em 0.6em 1.6em 1.6em;}
.sidebar ul.nav li a {display:block; color: white; text-decoration: none; font-family: Monospace, Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: bold; padding: 0.2em; }
.sidebar ul.nav li.current {background-image: url(../img/current.png);background-repeat: no-repeat;background-position: 0px 4px;padding-left: 16px;}
.sidebar ul.nav li ul li { padding-left: 16px; }
.sidebar ul.nav li ul li:hover { background-image: url(../img/hover.png); background-repeat: no-repeat;background-position: 0px 4px;}
.sidebar ul.nav li a:hover {text-decoration: underline;}
.sidebar p {color: white;}
.sidebarbelow {width: 230px; position: absolute; top:1250px; right:20px; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px;}
.sidebarbelow h3 { color: #9a9792; font-weight: 400; margin-bottom: 0.4em; }
.sidebar_content{padding: 2em; font-size: 0.9em; font-weight: 400; line-height: 1.2em;}
.sidebar_content a {color: #9a9792;}

.page { margin-right: 270px; min-height: 400px; margin-bottom: 4em; padding: 32px 48px 40px 40px; background: #faf8f4; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-box-shadow: 0px -12px 22px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -12px 22px rgba(0,0,0,0.4); box-shadow: 0px -12px 22px rgba(0,0,0,0.4);}
.page_header { margin: 30px 44px 0 44px;} 
.page_header h2 { font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0 #ffffff; text-transform: uppercase; font-weight: 400; font-size: 3em; line-height: 1em; display:inline; color: #333; }
.page_content { margin: 30px 44px 0 44px; }

.content { width: 100%; overflow: hidden; border-bottom: 1px solid #e1dfdb; padding-bottom: 40px;}
.content dt { font-weight: 800;}
.content dd { padding-left: 40px; }
.content p { margin: 0 0 30px 0; font-size: 1em; text-align: justify; line-height: 1.6em;}
body.home .content { border-bottom: 0; padding-bottom: 0;}
body.details .content, body.home .content { overflow: visible;}

.topic { width: 100%; position: relative; margin-bottom: 56px; overflow: visible; height: 88px; background: #ebe9e3;-webkit-border-top-left-radius: 44px; -webkit-border-bottom-left-radius: 44px; -moz-border-radius-topleft: 44px; -moz-border-radius-bottomleft: 44px; border-top-left-radius: 44px; border-bottom-left-radius: 44px;}
.topic h3 { float:left; display: inline; margin: 18px 0 0 126px; font-family: "pillgothic300mg-bold",Helvetica, Arial,sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.5em; letter-spacing: 3px; color: #aca89f; }
.topic h5 { margin: 0 0 0 126px; font-family: "Blanch",Helvetica, Arial,sans-serif; text-shadow: 1px 1px 0 #ffffff; font-size: 3.6em; line-height: 1em; float:left; clear: left; display:inline; margin-right: 28px; }


/* Footer */

.footer { margin: 0 250px 0 94px;}
.sponsors { width: 100%; overflow: hidden; margin-top: 2em; padding-top: 50px;; text-align: center; border-top: 1px solid #d5d2cd; }
.sponsors h2 { margin-top: 2em; margin-bottom: 1em; margin-left: 20px; text-shadow: 1px 1px 0 #ffffff; font-family: "pillgothic300mg-bold",Helvetica, Arial,sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.2em; letter-spacing: 14px; color: #aca89f; }
.sponsors a { margin: 0 20px;}
.sponsors a img {filter:alpha(opacity=38); opacity:0.38;}
.sponsors a:hover img {filter:alpha(opacity=100); opacity:1;}
.sponsors ul {list-style-type: none;}
.sponsors ul li { display: inline; } 

.bottomnav { width:100%; overflow: hidden; padding-top: 40px; border-top: 1px solid #d5d2cd; text-align: center; background: #e1dfdb; }
.bottomnav ul {list-style: none; display:inline-block; margin: auto; zoom:1; *display: inline;}
.bottomnav ul li {float: left;}
.bottomnav li a{display: block; padding: 0.5em; font-size: 1.2em; color: #9a9792; font-weight: 300; }
.bottomnav li.current a {color: #6a6762;}
.copyright { overflow: hidden; text-align: center; padding-bottom: 40px; background: #e1dfdb; }
.copyright h2 { font-size: 1.6em; margin-bottom: 10px; color: #65635f;}
.copyright p { font-size: 1em; color: #9a9792; font-weight: 300;}


/* Media Queries */

@media screen and (max-width: 1408px)  {


}

@media screen and (max-width: 1280px)  {

		
}

@media screen and (max-width: 1226px)  {
		

}

@media screen and (max-width: 1280px)  {

}

@media screen and (max-width: 980px)  {
	.content_wrap { margin: 0 20px; margin-top: -100px;}
	.page { padding: 12px 10px; }
	.page_header h2 { margin: 0; font-size: 2.4em; line-height: 1em; display:inline; color: #333; }
}

@media screen and (max-width: 830px)  {


}

@media screen and (max-width: 760px)  {
	.wrap {min-width: 240px;}
	.header {position:static;background: rgb(0,0,0); background: rgba(0, 0, 0, 0.7);padding:8px;}
	.header h1 {position:static;float: none; height:50px;}
	.header h1 a.logo { margin: 0; padding-left: 64px;font-size: 14px; line-height:1em;width: 170px; background: transparent url(../img/acllogo_sm.png) top left no-repeat;}
	.headertext {position:static;margin-top:-50px; text-align: right; float: right;line-height: 1em;}
	.headertext a { font-size: 14px;}
	img.main_image {}
	.content_wrap { margin: -12px 12px; background: none; position: relative; padding: 20px 0 0 0;  overflow: visible; }
	.sidebar { position: static; width: auto; margin: 0; padding: 1em; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
	.sidebar ul.nav { float: none; margin: 0; padding: 0; list-style:none; }
	.sidebar ul.nav li ul li {float: left; margin-left:0; margin-right:4px;}
	.sidebar ul.nav li a {font-size: 14px;padding:6px; padding-left: 2px; line-height: 1.1em; white-space: nowrap;}	
	.sidebar ul.nav li.current {background-position: 0px; background-color: #f0f0f0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.sidebar ul.nav li.current a {color: #606060;}	
	.sidebar ul.nav li ul li:hover { background-position: 0px;}

	.sidebarbelow {display: none;}
	.page { margin: 1em 0; min-height: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
	.page_header { margin: 16px 16px 0 16px;} 
	.page_header h2 { margin: 0; font-size: 2em; line-height: 1em; display:inline; color: #333; }
	.page_content { margin: 10px 18px 0 18px; }	
	.sponsors { padding-top: 20px; padding-bottom: 1em;}
	.sponsors h2 { font-size: 1em;}
	.bottomnav ul { text-align: center; }
	.bottomnav ul a { font-size: 1em; }
	.copyright { text-align: center; }
	.footer { margin: 0 24px;}	
}

@media screen and (max-width: 320px)  {
	.header h1 a.logo { margin: 0; font-size: 14px; width:100%;}
	.headertext { position: absolute; top:100px; left: 10px; width: 200px; text-align: left;font-size: 14px;}
}

@media only screen and (min-device-width : 240px) and (max-device-width : 480px) {
	.wrap {min-width: 240px;}
	.header {position:static;background: rgb(0,0,0); background: rgba(0, 0, 0, 0.7);padding:8px;}
	.header h1 {position:static;float: none; height:50px;}
	.header h1 a.logo { margin: 0; padding-left: 64px;font-size: 14px; line-height:1em;width: 170px; background: transparent url(../img/acllogo_sm.png) top left no-repeat;}
	.headertext {position:static;margin-top:-50px; text-align: right; float: right;line-height: 1em;}
	.headertext a { font-size: 14px;}
	img.main_image {}
	.content_wrap { margin: -12px 12px; background: none; position: relative; padding: 20px 0 0 0;  overflow: visible; }
	.sidebar { position: static; width: auto; margin: 0; padding: 1em; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
	.sidebar ul.nav { float: none; margin: 0; padding: 0; list-style:none; }
	.sidebar ul.nav li ul li {float: left; margin-left:0; margin-right:4px;}
	.sidebar ul.nav li a {font-size: 14px;padding:6px; padding-left: 2px;}	
	.sidebar ul.nav li.current {background-position: 0px; background-color: #f0f0f0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.sidebar ul.nav li.current a {color: #606060;}	
	.sidebar ul.nav li ul li:hover { background-position: 0px;}

	.sidebarbelow {display: none;}
	.page { margin: 1em 0; min-height: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
	.page_header { margin: 16px 16px 0 16px;} 
	.page_header h2 { margin: 0; font-size: 2em; line-height: 1em; display:inline; color: #333; }
	.page_content { margin: 10px 18px 0 18px; }	
	.sponsors { padding-top: 20px; padding-bottom: 1em;}
	.sponsors h2 { font-size: 1em;}
	.bottomnav ul { text-align: center; }
	.bottomnav ul a { font-size: 1em; }
	.copyright { text-align: center; }
	.footer { margin: 0 24px;}	
}