/*
Design by KENFORCE
Released under a Creative Commons Attribution 2.5 License
*/

body {
	margin-top: 45px;
	padding: 0;
	background: #FFFFFF url(images/img01.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #181B20;
	height: 20px;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	color: #2483A6;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #2483A6;
}

a:hover {
	text-decoration: underline;
}

img.border {
	margin-bottom: 20px;
	border: 6px solid #EEE7DF;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	height: auto;
}

/* Header */

#header-wrapper {
	height: 120px;
}

#header {
	width: 960px;
	height: 167px;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 980px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	color: #444444;
}

#logo h1, #logo p {
	display: block;
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 0px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: uppercase;
	font-size: 54px;
	font-weight: bold;
	color: #444444;
}

#logo h1 a {
	color: #444444;
}

#logo p {
	margin-top: -10px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-size: 20px;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #444444;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Menu */

#menu-wrapper {
	height: 52px;
	word-spacing: normal;
	width: 940px;
	margin-left: 80px;
}
#menu ul {
	background: #D8D8D8; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 15px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

#menu .current_page_item a {
	background: #C2BEBE;
	color: #A10D14;
}
	
#menu ul:after {
		content: ""; clear: both; display: block;
	}
#menu ul ul {
	display: none;
}

	#menu ul li:hover > ul {
		display: block;
	}

#menu ul li {
	float: left;
}
	#menu ul li:hover {
		background: #35284F;
		background: linear-gradient(top, #35284F 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #35284F 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		#menu ul li:hover a {
			color: #fff;
			background: #52515C;
		}
	
	#menu ul li a {
		display: block; padding: 10px 21px;
		color: #35284F; text-decoration: none;
	}
	#menu ul ul {
	background: #544F5E; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	#menu ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
              z-index: 8
	}
		#menu ul ul li a {
			padding: 12px 20px;
			color: #544F5E;
		}	
			#menu ul ul li a:hover {
				background: #540404;
			}
			#menu ul ul ul {
	position: absolute; left: 100%; top:0;
	padding: 9px 18px;
}

/* Page */

#page {
	background: url(images/img03.gif) repeat-y center top;
	height: auto;
}

#page-bgtop {
	background: url(images/img02.gif) no-repeat center top;
}

#page-bgbtm {
	overflow: hidden;
	background: url(images/img04.gif) no-repeat center bottom;
	height: auto;
}

#page-content {
	width: 940px;
	margin: 0px auto;
	height: 1780px;
}

/* Content */

#content {
	float: left;
	width: 620px;
	padding: 0px;
}

.post {
	clear: both;
	padding-bottom: 1px;
	width: 620px;
}

.post .title {
	padding-top: 10px;
	letter-spacing: -2px;
}

.post .title a {
	color: #262626;
	border: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.post .meta {
	padding-bottom: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: left;
	margin-bottom: 1px;
	padding: 1px 0px 0px 0px;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 305px;
	padding: 0px;
	height: auto;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
}

#sidebar li li span {
	display: block;
	margin-top: 1px;
	padding: 0;
	font-size: 13px;
	font-style: italic;
	height: 1px;
	color: #C30;
}

#sidebar li li a {
	color: #181B20;
}

#sidebar h2 {
	height: 38px;
	margin-bottom: 20px;
	padding: 12px 0 0 0px;
	border-bottom: 1px dashed #B3B0B0;
	letter-spacing: -1px;
	font-size: 24px;
	color: #262626;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 0px;
	text-align: justify;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	position: static;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 960px;
	height: 55px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	background: url(images/img07.gif) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 9px;
	line-height: normal;
	text-align: center;
	color: #576475;
}

#footer a {
	color: #576475;
}

/* Banner */

#banner {
	margin-top: 1px;
	margin-bottom: 5px;
}

/* Sidebar Anime */

.sidebar {
	perspective: 800px;
}
.sidebar-rotater {
	transform: rotateY(-60deg);
	transition: transform 1s;
}

.sidebar-rotater:hover {
	transform: rotateY(0deg);
}

/* Root = Horizontal, Secondary = Vertical */
ul#ksitemenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 500px; /*For KHTML*/
	list-style: none;
	height: 24px;
	}

ul#ksitemenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
	}

ul#ksitemenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	}

ul#ksitemenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#ksitemenu ul li {
	width: 160px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}

/* Root Menu */
ul#ksitemenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #EEE;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#ksitemenu a:hover,
ul#ksitemenu li:hover a,
ul#ksitemenu li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 2nd Menu */
ul#ksitemenu li:hover li a,
ul#ksitemenu li.iehover li a {
	float: none;
	background: #EEE;
	color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#ksitemenu li:hover li a:hover,
ul#ksitemenu li:hover li:hover a,
ul#ksitemenu li.iehover li a:hover,
ul#ksitemenu li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 3rd Menu */
ul#ksitemenu li:hover li:hover li a,
ul#ksitemenu li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#ksitemenu li:hover li:hover li a:hover,
ul#ksitemenu li:hover li:hover li:hover a,
ul#ksitemenu li.iehover li.iehover li a:hover,
ul#ksitemenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#ksitemenu li:hover li:hover li:hover li a,
ul#ksitemenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#ksitemenu li:hover li:hover li:hover li a:hover,
ul#ksitemenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#ksitemenu ul ul,
ul#ksitemenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#ksitemenu li:hover ul ul,
ul#ksitemenu li:hover ul ul ul,
ul#ksitemenu li.iehover ul ul,
ul#ksitemenu li.iehover ul ul ul {
	display: none;
	}

ul#ksitemenu li:hover ul,
ul#ksitemenu ul li:hover ul,
ul#ksitemenu ul ul li:hover ul,
ul#ksitemenu li.iehover ul,
ul#ksitemenu ul li.iehover ul,
ul#ksitemenu ul ul li.iehover ul {
	display: block;
	}

.captionOrange, .captionBlack
        {
            color: #F6F6F6;
            font-size: 18px;
            line-height: 28px;
            text-align: center;
            border-radius: 4px;
        }
.captionOrange
        {
            background: #FF4719;
            background-color: rgba(255, 71, 25, 0.7);
        }
.captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #C8C8C5;
        	text-decoration: none;
        }
a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
.bricon
        {
            background: url(img/browser-icons.png);
        }


.jssorb01 {
                position: absolute;
            }
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
                position: absolute;
                
                width: 12px;
                height: 12px;
                filter: alpha(opacity=70);
                opacity: .7;
                overflow: hidden;
                cursor: pointer;
                border: #000 1px solid;
            }
			
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
			
			 
.jssora05l, .jssora05r {
                display: block;
                position: absolute;
              
                width: 40px;
                height: 40px;
                cursor: pointer;
                overflow: hidden;
            }
			
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

.style1 {
	font-size: x-large
}
.style3 {
	font-size: 10px;
	color: #333333;
}
.style6 {
	color: #000066;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
span.GramE {}
span.SpellE {}
.style12 {font-size: }
.style13 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18px;
}
.style15 {
	font-size: 12px;
	font-style: italic;
	color: #00004A;
}
.style17 {font-weight: bold}
.style21 {
	font-size: 11px;
	font-style: italic;
	color: #000033;
	font-weight: bold;
}
.style22 {color: #000066}
.style23 {color: #FFFFFF}
.style25 {font-size: 12px}
.style28 {font-size: 16}
.style29 {
	color: #00CC99
}
.style34 {color: #333333}
.style37 {font-size: xx-small}
.style38 {color: #000033}
.style46 {
	font-size: x-large;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #262626;
}
.style49 {
	color: #00CCFF;
	font-weight: bold;
	font-style: italic;
}
#wrapper #page #page-bgtop #page-bgbtm #page-content #sidebar ul li ul ul .alignleft ul li .style49 u {
	color: #03C;
}
.demo-sidebar {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	position: inherit;
	width: inherit;
	height: 264px;
	padding: 5px;
	left: 18px;
	top: 125px;
		}
		.demo-sidebar-rotater {
			-webkit-transform: rotateY(-30deg);
			-moz-transform: rotateY(-30deg);
			-ms-transform: rotateY(-30deg);
			-o-transform: rotateY(-30deg);
			transform: rotateY(-30deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
		}

		.demo-sidebar-rotater:hover {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}

		.demo-sidebar-rotater li a {
			display: block;
			margin: 10px 0 0 0;
			padding: 10px;
			background: #DBD3EB;
		}
.demo-sidebar-rotater1 {			-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}
.demo-sidebar-rotater2 {			-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}
.demo-sidebar-rotater11 {-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}
.demo-sidebar-rotater3 {			-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}
.demo-sidebar-rotater12 {-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}
.demo-sidebar-rotater111 {-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}
.demo-sidebar-rotater21 {-webkit-transform: rotateY(-40deg);
			-moz-transform: rotateY(-40deg);
			-ms-transform: rotateY(-40deg);
			-o-transform: rotateY(-40deg);
			transform: rotateY(-40deg);

			-webkit-transition: -webkit-transform 1s;
			-moz-transition: -moz-transform 1s;
			-o-transition: -o-transform 1s;
			-ms-transition: -ms-transform 1s;
			transition: transform 1s;
}

/* Ken UniSidenav */
.unisidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(#494848, #686666, darkred);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.unisidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #B3B3B3;
    display: block;
    transition: 0.3s;
}

.unisidenav a:hover {
    color: #f1f1f1;
}

.unisidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .unisidenav {padding-top: 15px;}
  .unisidenav a {font-size: 15px;}
}

/* CSS FlipAnime */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 615px;
	height: 235px;
}

/* flip speed goes here */
.flipper {
	transition: 1.4s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

/* Webpage constant kensidenav left */
#kenSidenav a {
    position: absolute;
    left: -80px;
    transition: 0.3s;
    padding: 15px;
    width: 100px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    border-radius: 0 5px 5px 0;
}

#kenSidenav a:hover {
    left: 0;
}

#kcrespico1 {
    top: 180px;

}

#kcrespico2 {
    top: 255px;
}

#kcrespico3 {
    top: 345px;
   
}