ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left:1em; }

p { margin-bottom: 10px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }


ul,
ol,
dl { 
	margin: 18px 18px 18px 38px; 
}

h1 {
	margin-bottom: 22px; 
	font-size: 20px; 
	font-weight: normal; 
}

h2 {
	margin-bottom: 22px; 
	font-size: 15px; 
	font-weight: normal; 
}

img {
    max-width:100% !important;
    height:auto !important;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

body { 
	height: 100%; 
	line-height: 18px; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px; 
}




header nav {
	max-width: 960px;
    width:100%;
	margin: 0 auto;
}


#social-nav {
	float: right;
	width: 75px;
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
	display: none;
}

#social-nav li {
	float: right;
	list-style: none;
	margin-left: 9px;
}

#social-nav li a {
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
}

#social-nav li a:hover {
	text-decoration: none;
}

#main-nav {
	float: left;
	max-width: 880px;
    width:100%;
	margin-top: 23px;
	list-style: none; 
}

#main-nav a {
	color: #fff;
}

#main-nav a:hover,
#main-nav li.sfHover > a {
	text-decoration: underline;
	font-weight: normal;
}


#main-nav ul {
	padding-bottom: 10px;
	z-index: 100;
}


#main-nav li a { 
	font-size: 18px;
}

#main-nav ul li a { 
	margin-top: 10px;
	padding: 4px 11px 4px 11px; 
}

#main-nav ul li a:hover {
	font-weight: normal;
	text-decoration: underline;
}

#main-nav li.top-menu { 
	float: left;
	margin: 0 30px 0 0 ;
	padding-bottom: 23px;
	font-size: 14px;
	white-space: nowrap;
}

#main-nav li.top-menu.active > a { 
	font-weight: bold;
}


#wrapper { 
	max-width: 960px;
	width:100%;
    margin: 0 auto;
	line-height: 18px; 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 14px;  
}


#logo { 
	text-align: left; 
	vertical-align: middle; 
    display:block;
    width:100%;
    margin:27px 0 25px 0;
}

#logo a {
	display: inline-block;
    width:100%;
}

#logo a,
#logo a:hover {
	text-decoration: none;
}

#logo a img {
	vertical-align: middle; 
	padding: 0; 
	margin: 0; 
	border: none; 
    max-width:100%; 
    height:auto;
}

#logo a h2 {
	margin: 0;
	font-weight: bold; 
	font-size: 30px;
	color: #000; 
	text-align: left;
}
		
		
#slideshow-bg {
	max-width: 914px;
    width:100%;
	height: auto;
	margin: 0 auto 21px auto;
	background: transparent url(../img/slideshow_bg.png) no-repeat bottom center;
}


#slideshow-wrapper {
	height: auto;
	margin: 0 auto;
	line-height: normal;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #ccc;
    padding:5px;
}

#slideshow {
	background: none;
    border: 1px solid #ccc;
	z-index: 90;
}

#slideshow img { 
	display: none; 
}

#slideshow img.first { 
	display: block; 
}


#page { 
	padding: 23px;
	background-color: #fff;
}


#container { 
	max-width: 900px;
    width:100%; 
	margin: 4px auto 0 auto;
    position:relative;
}

#container aside {
	position:absolute;
    right:0;
    top:0;
	width: 240px;
}

#content { 
	padding-right:280px;	
	color: #000000;
}

#content h1 {
	margin-top: 0;
	font-weight: bold;
}

#sidebar { }

#sub-menu {
	padding-bottom: 7px;
	
}

#sub-menu h2 {
	margin-top: 0;
	font-size: 20px;
	font-weight: bold;
}

#sub-menu-nav {
	margin: 0;
	padding: 0;
} 

#sub-menu-nav li {
	list-style: none;
	padding-left: 15px; 
	background: url(../img/arrow_submenu.png) no-repeat left center; 
	margin-bottom: 6px;
}

#sub-menu-nav li a {
	color: #000000; 
	text-decoration: none;
}

#sub-menu-nav li.active a {
	font-weight: bold;
}


#sidebar-content {
	margin-top: 9px;
	padding: 1px 13px 13px 13px;
	color: #fff;
	
}

#sidebar-content a {
	color: #fff;
}

#sidebar-content h2 {
	margin: 12px 0 16px 0;
	font-weight: bold;
	font-size: 20px;
}


footer {
	max-width: 900px;
	vertical-align: middle;
	margin: 23px auto 23px auto;
	color: #fff;
	padding: 11px 30px;
	font-size: 14px;
}

footer a {
	color: #fff;
}


label {
	cursor: pointer;
}


.shadow  { 
-moz-box-shadow: 0px 0px 10px 0px #ADADAD;
-webkit-box-shadow: 0px 0px 10px 0px #ADADAD;
box-shadow: 0px 0px 10px 0px #ADADAD; 	
	
}

.clear { clear: both; }
/* For modern browsers */
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1;}

.alignRight { float:right;}
.alignLeft { float:left;}


/*** ESSENTIAL STYLES ***/
.sf-menu, 
.sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-12px;
	top:			22px; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
}

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}


form input[type=submit] {
	line-height: 21px;
	padding: 3px 10px;
}

.burger-menu {
    display: none;
}

/***** Media Queries *****/
@media screen and (max-width: 960px){
    #nav-wrapper {width: 90%; padding:0 5%;}
    #main-nav {margin:20px 0 10px 0;}
    #main-nav li.top-menu {padding-bottom:10px;}
    
    #social-nav {display:none !important;}
    
    footer {margin-bottom:0px;}
    
    #wrapper {width: 90%; padding:0 5%;}
	
	.sf-menu {
		display:none;
	}
	.sf-menu a {
		display: inline-block;
	}
	header{
		min-height:40px;
		
	}
	.burger-menu {
        display: block;
    }
	.burger-menu {
        position: relative;
        float: right;
        margin-top: 10px;
        padding-left: 1.25em;
        color: white;
        text-decoration: none;
        font-weight: 700;
        font-size: 20px;
		z-index: 100;
    }
    .burger-menu:hover {
        cursor: pointer;
    }
    .burger {
        position: absolute;
        top: 17px;
        left: -6px;
        margin-top: -9px;
        width: 24px;
        height: 3px;
        color: white;
		background-color: white;
        opacity: 1;
    }
    .burger::before {
        position: absolute;
        top: 6px;
        display: block;
        width: 24px;
        height: 3px;
        color: white;
		background-color: white;
        content: "";
    }
    .burger::after {
        position: absolute;
        bottom: 6px;
        display: block;
        width: 24px;
        height: 3px;
        color: white;
		background-color: white;
        content: "";
    }
    .burger::after, .burger::before, .burger {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .burger-menu.menu-on .burger::after{
        bottom: 0px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .burger-menu.menu-on .burger::before{
        top: 0px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .burger-menu.menu-on .burger{
        /*background: rgba(111,111,111,.0);*/
    }
	
	#main-nav {text-align:center;}
    #main-nav li.top-menu {
		display:block; 
		margin: 0 0 20px 0;
		text-align: center;
		line-height: 28px;
		width: 100%;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.sfHover > ul {
		display:none;
	}
	.sf-menu ul {
		position: relative;
		top: 0px;
		width: auto;
	}

	#main-nav .top-menu > ul{
		display:none !important;
		visibility: hidden !important;
	}
	#main-nav .top-menu.active > ul {
		display:block !important;
		visibility:visible !important;
		background-color: inherit !important;
		width: auto !important;
	}
	
	#main-nav .top-menu.active ul li a {
		margin-top: 0px; 
		padding: 0;
	}
	
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		left:			0px;
		top:			0px; /* match top ul list item height */
		z-index:		99;
	}
	
	.top-menu ul li.active {
		font-weight:bold;
	}
}

@media screen and (max-width: 700px){
    #content {padding-right:0px;}
    
    #container aside {position:relative; top:auto; right:auto; width:100%;}
    
    #container {min-height:0px !important;}
    
    #wrapper {width:100%; padding:0;}
    
    #logo {margin:20px 5%; width:auto;}
}