html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

h1 { font-size: 18px; font-weight: bold; margin-bottom: 16px; }
h2 { font-size: 15px; font-weight: bold; margin-bottom: 16px; }
p { margin-bottom: 10px; line-height:20px;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

body { height: 100%; line-height: 1;}

#wrapper table {width:100%  !important;}

#wrapper { height: 100%; position: relative; line-height: 20px; font-family: Arial, Verdana, sans-serif; font-size: 14px;}

#layout-wraper { max-width: 960px; width:100%; margin: 0 auto; z-index: 100; background-color: #fff; }

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

#page { background-color: #fff; position:relative; z-index:999;}
#page #container { padding:0 20px 0 20px; background-color:#ffffff; min-height:500px; margin:0 auto; position:relative;}


#content { width: 480px; float: left; margin-left: 20px; margin-top:20px; margin-bottom:15px; color: #333333;}

div.content-middle {padding-left:180px;}

#logo-wrapper { text-align: left; vertical-align: middle; }

#logo { display:block; height: auto; margin: 0 auto; background-color: #ffffff; padding: 20px; }
#logo a { display:block; }
#logo a img { vertical-align: middle; padding: 0; margin: 0; border: none; max-width:100%; height:auto;}
#slogan { font-weight: bold; font-size: 30px; color: #000; text-align: left;  padding-left: 12px; padding-right: 16px; }
#logo .slogan {float:left; width:100%;}
	


.header_banner {margin-left:20px;}
#slideshow img {max-width:100% !important; height:auto !important;}

#navigation ul {float:left; list-style:none; margin:0; padding:0; width:auto;}
#navigation ul li { width:100%; display:block; margin-bottom:1px; padding: 7px 0; float:left; clear:both;}
#navigation ul li a {text-decoration:none; font-weight:bold; display:block; width:152px; padding-left:14px; padding-right:14px; color:#ffffff; float:left; clear:both;}

#navigation ul li ul li a { width:100%; }

#navigation ul li.submenu {background-image:url(../img/arrow_submenu.png); background-repeat:no-repeat; background-position:right;}

#navigation ul ul {display:none; z-index:9999; position:absolute;}

#navigation ul li:hover ul {margin-left:180px; *margin-left:0; display:block;  margin-top:-7px; *margin-top:0px; padding-left:3px;}

#navigation ul ul li {margin-bottom:0px; border-top:1px solid #ffffff; display: block !important; *float:none !important; *width:auto !important; list-style:none !important;}
#navigation ul ul li:first-child {border:none;}

#navigation ul ul li a {display:inline-block;}

#sidebar {margin-bottom:20px !important; display:block;}
#sidebar.sidebar-submenu {margin-bottom:0px !important;}

#sidebar.sidebar-submenu h1, #sidebar.sidebar-submenu h2, #sidebar.sidebar-submenu h3, #sidebar.sidebar-submenu p, #sidebar.sidebar-submenu a, #sidebar.sidebar-submenu strong {color:#333333 !important;}

#sidebar.sidebar-submenu {background-color:#ffffff; padding-top:0px; margin-bottom:0px;}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar p, #sidebar a, #sidebar strong, #sidebar div.sidebar-title-box {color:#ffffff !important;}
div.sidebar-title {font-weight:bold;}
div.sidebar-title-box {font-weight:bold;}
#sidebar { width: 200px; float: right; margin-top: 20px; margin-bottom: 10px; padding:8px 13px; background-color:#00aedb; display:block; color:#ffffff !important; }
#sidebar .sidebar-title { font-size: 18px; margin-bottom: 10px;}
#sidebar .sidebar-title-box { font-size: 18px; margin-bottom: 10px;}
#sidebar {clear:right;}
#sidebar .sidebar-content ul {margin: 0;}
#sidebar .sidebar-content ul li { list-style: none; color:#ffffff !important; font-size:14px;}
#sidebar .sidebar-content ul#subnav li {padding-left: 14px; background: url(../img/arrow_submenu_sidebar.png) no-repeat left 7px; padding-bottom: 3px;}
#sidebar .sidebar-content ul#subnav li a { color: #ffffff; text-decoration: none; }
#sidebar .sidebar-content ul#subnav li.active a { font-weight: bold; }

#footer-container {display:block; height:auto; background-color:#99cc33; position:relative; z-index:99;}
#footer { margin: 0 auto 0 auto; padding-top:14px;padding-bottom: 14px; width: 100%; max-width:960px; height:auto; color: #000; font-size: 12px;  display:block;}
#footer a { text-decoration: none; color: #000; font-size: 14px; margin-left: 8px; }
#footer a:hover { text-decoration:underline; }
#footer img { vertical-align: middle; }
#footer .alignLeft {float:left; }
#footer .alignRight {float:right;  }



span.social-icons-wrapper a, span.social-icons-wrapper img {text-decoration:none !important; text-indent:-99999px;}

.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;}

ul.submenu li a span {margin-left:200px; color:red !important;}



/***** Mobile Menu *****/
#mobile-menu {display:block; width:100%; text-align:left; z-index:1000; left:0;}
#mobile-menu ul {display:none; float:none; margin:0;}
#mobile-menu ul li {display:block; border-top:1px solid #ffffff; padding:0;}

#mobile-menu ul li a {text-decoration:none;padding:5px 15px 5px 15px; display:block; float:none; width: auto; height:auto;}

#mobile-menu ul li ul li {border:none;}
#mobile-menu ul li ul li a:before {content:" -"; display:inline-block; margin-left:15px; margin-right:3px;}

#mobile-menu-button-container {display:none; height:auto; margin:0 0 0 0;}
#mobile-menu-button {display:block; text-decoration:none; padding:5px 15px; font-weight:bold;}

/***** Media Queries *****/
@media screen and (max-width: 1000px){
    #sidebar {float:left; clear:left; margin-left:20px;}
    
    #content {width:auto;}
    
    #footer-container {width:100%;}
    #footer {width:auto; padding:38px 20px 10px 20px;}
}

@media screen and (max-width: 700px){
    #navigation {position:relative; top:auto; left:auto; float:left; clear:both; width:100%;}
    div.content-middle {padding-left:0px; float:left; clear:both; width:100%; margin-top:20px;}
    .header_banner {margin-left:0px;}
    #content {margin-left:0px;}
    #sidebar {margin-left:0px; margin-top:0px;}
    
    #navigation ul.sf-menu {display:none;}
    #mobile-menu-button-container {display:block;}
    
    #sidebar.sidebar-submenu {padding-left:0px;}
}