/* ____________________ #body overwrites ______________________________________________________________________________ */
#body h1{font-size:26px; line-height:1.5em; color:#fffe87; }
#body h2{font-size:18px; line-height:1.4em; color:#fff; }
#body h3{font-size:14px; font-weight:bold; line-height:1.4em; color:#f0f0f0; }
#body p{color:#f0f0f0; }
#body a{color:#fffe87; }
#body a:hover{}
#body small{}
#body form{}
#body ul.navigation li{}
#body{
	background-color:#143C21; 
	font-family:Comic Sans MS,cursive;
	color:#f0f0f0;
}
/* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */
#body #outerContainer{
	background-color:#F0F0F0; 
	border:#000 4px solid; 
	border-top:none; 
	margin:0 auto; 
	width:920px; 
}
#body #container{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/294338.jpg);
	background-position:center top;
    _background-position:0;
	background-repeat:repeat-y;
}
/* ____________________ Header CSS ______________________________________________________________________________ */
#body #header{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/294725.jpg);
	background-position:center top; 
	background-repeat:no-repeat; 
	_height:199px;
	.height:199px;
	min-height:199px; 
	padding:20px 45px;
	position:relative;
}
#body #header h1{font-size:32px;}
#body #header h2{color:#fff;}
#body #header ul.navigation{
    margin:0 25px;  
	.margin-bottom:10px;
    _margin-bottom:5px; 
	min-width:500px;
}
#body #header ul.navigation li{
	float:left; 
	height:25px; 
	margin:0 10px 10px 0;
	min-width:30px; 
	text-align:center;
	white-space:nowrap; 
	_width:5%; 
}
#body #header ul.navigation li a{
	color:#fff; 
	display:block; 
	font-size:16px; 
	font-weight:bold; 
	height:29px; 
	min-width:30px;  
	padding:4px 10px 0; 
	width:auto;
}
#body #header ul.navigation li a:hover, #body #header ul.navigation li a.selected{
    background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/295551.png);
    _background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/297355.gif); 
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#fffe87;
}
/* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */
#body #main{
	padding-top:10px; 
}
#body #content{width:600px;}
#body #content ul.navigation{
	height:auto;
	margin:0; 
	min-width:500px; 
	width:auto;
}
#body #content ul.navigation li{
	float:left;
	height:auto;   
	margin:0 10px 0 0;
	min-width:30px; 
	text-align:center; 
	white-space:nowrap; 
	_width:5%; 
}
#body #content ul.navigation li a{
	color:#fff; 
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	height:28px; 
	min-width:30px;  
	padding:4px 10px 0; 
	width:auto;
}
#body #content ul.navigation li a:hover, #body #content ul.navigation li a.selected{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/295551.png);
    _background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/297355.gif); 
    background-position:left bottom;
	background-repeat:repeat-x;
	color:#fffe87;
}
#body #sidebar{
	min-height:20px; 
	width:180px; 
}
/* ____________________ Footer CSS ______________________________________________________________________________ */
#body #footer{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/296441.jpg); 
	background-position:center bottom;
	background-repeat:no-repeat;
	color:#fff;
	min-height:206px; 
	padding:10px 275px 275px 45px; 
} 
#body #footer a{
	min-width:15px; 
	padding-right:10px; 
}
#body #footer a:hover, #body #footer a.selected{
	text-decoration:underline; 
}
#body #footer li{
	float:left; 
	margin:0 8px 8px; 
}
/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
#body.layout1c #container{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/296846.jpg);	
	background-position:center top;
	_background-position:0; 
	background-repeat:repeat-y;      
}
#body.layout1c #main{}
#body.layout1c #content{
	margin:0 auto; 
	padding:0 30px; 
	width:96%; 
	_width:auto;
}
#body.layout1c #sidebar{
	border-top:solid 2px #fff; 
	margin:0 auto; 
	padding:15px; 
	width:830px; 
}
#body.layout1c #sidebar ul.navigation{
	height:auto; 
	margin:0; 
	min-width:500px;  
	width:auto;
}
#body.layout1c #sidebar ul.navigation li{
	float:left;
	height:auto;  
	margin:0 10px 0 0;
	min-width:30px;  
	text-align:center; 
	white-space:nowrap; 
	_width:5%;
}
#body.layout1c #sidebar ul.navigation li a{
	color:#fff;
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	height:28px; 
	min-width:30px; 
	padding:4px 10px 0 0;
	width:auto;  
}
#body.layout1c #sidebar ul.navigation li a:hover, #body.layout1c #sidebar ul.navigation li a.selected{
    background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/295551.png);
    _background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/297355.gif); 
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#fffe87;
}
#body.layout1c #footer{
	padding-right:45px;	
}
/*----LAYOUT 2 Column Left ----*/
#body.layout2cl #container{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/296439.jpg);	
	background-position:center top;
	background-repeat:repeat-y; 
}
#body.layout2cl #main{}
#body.layout2cl #content{
	margin:0 10px 0 0;  
	padding-right:26px; 
	width:600px;
}
#body.layout2cl #sidebar{
	padding:20px 0 0 37px; 
	width:180px; 
}
#body.layout2cl #sidebar ul.navigation{
	list-style-position:outside; 
	margin-bottom:5px; 
}
#body.layout2cl #sidebar ul.navigation li{width:166px; margin-bottom:5px; }
#body.layout2cl #sidebar ul.navigation li a{
	display:block;
	font-size:14px;
	font-weight:bold; 
	line-height:1.9em;
	padding-bottom:10px;
	text-decoration:none;
	text-transform:uppercase; 
}
#body.layout2cl #sidebar ul.navigation li a:hover, #body.layout2cl #sidebar ul.navigation li a.selected{
	background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/295551.png);
	_background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/297355.gif); 
    background-position:left bottom;
	background-repeat:repeat-x;
	color:#fffe87;	
}
#body.layout2cl #footer{
	padding-left:275px; 
	padding-right:45px;
}
/*----LAYOUT 2 Column Right----*/
#body.layout2cr #content{
	margin:0 0 0 30px; 
	_margin-left:18px; 
	padding-left:10px; 
	width:600px;
}
#body.layout2cr #sidebar{
	_margin-left:-10px; 
	padding:20px 35px 0 0; 
	width:180px; 
}
#body.layout2cr #sidebar ul.navigation{
	clear:both; 
	list-style-position:outside; 
	margin-bottom:5px; 
}
#body.layout2cr #sidebar ul.navigation li{
	margin-bottom:5px; 
	width:166px;
}
#body.layout2cr #sidebar ul.navigation li a{
	display:block;
	font-size:14px;
	font-weight:bold; 
	line-height:1.9em;
	padding-bottom:10px;
	text-decoration:none;
	text-transform:uppercase; 
}
#body.layout2cr #sidebar ul.navigation li a:hover, #body.layout2cr #sidebar ul.navigation li a.selected{
    background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/295551.png);
	_background-image:url(https://lygo.net/ly/zeeblio/styles/skooled/images/297355.gif); 
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#fffe87;
}
/* ____________________ Module Specific Styling ______________________________________________________________________________ */
#body .addOnBorder{border:1px solid #fff; } 
#body .addOnBorderBottom{} 
#body .addOnBorderTop{} 
#body .addOnGradientTop{} 
#body .addOnGradientBottom{}
#body .addOnShadowBox{} 
#body .addOnShadowBoxSmall{} 
#body .addOnTableHeading{}
#body .addOnTableHeadingBg{} 
#body .addOnTableRowBg{} 
#body .addOnTableRowAltBg{}
#body .addOnTableColumnBg{} 
#body .addOnTableColumnAltBg{}
#body .addOnBackgroundImage{}
#body .addOnHeadline{font-size:20px; color:#fff; }
#body .addOnSubHead{font-size:18px; color:#fff; }
#body .addOnSubH3{font-size:16px; color:#fff; }
#body .addOnSubH4{font-size:14px; color:#fff; }
#body .addOnPlainText{ color:#fff; }
#body .addOnBasicLink{ color:#fff; }
#body .addOnSmallText{ color:#fff; }
#body .addOnBackground{}
#body .addOnShadedText{ background-color:#ccc; }
#body .addOnAccentText{font-size:12px; color:#000; background-color:#ccc; }
#body .addOnSectionHead{font-size:16px; color:#fff; border-bottom:1px solid #fff; }
#body .addOnMiniNavBox{background-color:#ccc; border:1px solid #fff; color:#292929; font-size:12px; padding:2px; }
#body .addOnButton{background:none; border:solid 2px #fff; color:#fff; font-size:14px; font-weight:bold; margin:auto; text-align:center; height:auto;}


/* ____________________ mobile layout ______________________________________________________________________________ */
@media screen and (max-device-width:480px), screen and (max-width:600px){
/* adds mobile only background */
#body.mobileLayout{background:url(https://lygo.net/ly/zeeblio/styles/skooled/images/mBG.jpg) no-repeat #2d5435; padding:10px}

/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background:#143c21; color:#fff; border:1px solid #FFFE87}

/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .mobileNav ul{border-left:1px solid; border-right:1px solid; color:#fff}
#body.mobileLayout .mobileNav ul li a{background:#143c21; color:#fff}
#body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#000; color:#FFFE87}
#body.mobileLayout .mobileNav ul li.first a{}
#body.mobileLayout .mobileNav ul li.last a{}

/* mobile layout/content styling */
#body.mobileLayout #header{padding-top:20px}
#body.mobileLayout #main{background:#fff; border:4px solid #000; padding:6px}
#body.mobileLayout #content{background:#2b292c; border:5px solid #986e34; border-bottom:none; margin-bottom:15px}
#body.mobileLayout #sidebar{background:#2b292c; border:5px solid #986e34; border-top:2px dashed #6e8c74 ; margin-bottom:15px; padding-top:15px}
#body.mobileLayout #footer{}
}