* {margin:0;padding:0;}
html {font-size: 100.01%;}
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
:focus {outline:0;}
address {font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a < img { border: none; }

/* BASE *****************/

a {color:#09b; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {color:#31373a; font-weight:normal;}
h1 {font-size:2.5em; padding:0 0px 13px;}
h2 {color:#6ca101; font-size:2.17em;}
h3 {font-size:1.67em;}
h4 {font-size:1.25em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
p {padding:8px 0 15px;}
li {padding-left:20px;}

input, textarea, select { font-size:14px; font-family:Arial, Helvetica, sans-serif; }
textarea { background:#fff; color:#686e71; }
input.inputText {background:#fff; color:#686e71;padding:2px 2px 2px 2px;}
select { background:#fff; color:#686e71; padding:1px; }
select option { padding:1px 4px; }

body {
	background:#edf1f2;
	color:#4c5356;
	font:16px/22px Arial, Helvetica, sans-serif;
}
.all-page {
	margin:0 auto;
	padding-top:7px;
	width:996px;
}
.container {background:#fff url(images/frame.png) 0 0 repeat-y;}

#content {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
}
#header-img
{
	margin:0 auto;
	text-align:center;
}
#header-img img{
	width:940px;
}
/* frames */
.frameT, .frameB, .frameT i, .frameB i {background:url(images/b_edf1f2.gif) no-repeat;}
.frameT, .frameB {
	height:5px;
	position:relative; left:-1px;
	width:100%;
}
	.frameT i, .frameB i {
		font-size:0;
		line-height:0;
		position:absolute; top:0; left:-3px; margin-left:100%; 
		height:5px;
		width:5px;
	}
.frameT {background-position:-5px 0; top:-1px;}
.frameB {background-position:-5px -5px; height:5px; bottom:-1px;}
	.frameB i {background-position:0 -5px;}
.bFrameT, .bFrameB, .bFrameT i, .bFrameB i {background:url(images/b_d7dadc.gif) no-repeat;}
.bFrameT, .bFrameB {
	height:5px;
	position:relative; left:-1px;
	width:100%;
}
	.bFrameT i, .bFrameB i {
		font-size:0;
		line-height:0;
		position:absolute; top:0; left:-3px; margin-left:100%; 
		height:5px;
		width:5px;
	}
.bFrameT {background-position:-5px 0; top:-1px;}
.bFrameB {background-position:-5px -5px; height:5px; bottom:-1px;}
	.bFrameB i {background-position:0 -5px;}

/* HEADER **************/
#header {
	background:url(images/frame_t.png) 0 0 no-repeat;
	height:auto;
	padding:0 32px;
	position:relative;
}
    #header .website-name {
    font-size:3.25em;line-height: 1em;
    padding-top: 23px;
    }
    
    .website-name a { color: #40c2de;}

	#header .slogan {
		font-size:1.25em;line-height: 1em;
		font-style:italic;
		font-weight:normal;
		height:58px;
		width:95%;
	}
		#header .slogan {
			color:#4c5356;
			display:block;
			height:18px;
			padding: 10px 0;
		}
	#header .slogan a:hover {text-decoration:none;}
	#header .enter {
		display:inline;
		font-size:1.17em;
		float:right;
		margin-right:-11px;
		overflow:hidden;
		padding:25px 0 17px;
	}
		#header .enter li {
			border-left:1px solid #c5c9cb;
			float:left;
			padding:0 12px;
			margin-left:-1px;
		}
	#header .btns {clear:right; float:right;}
		#header .btns li {
			display:inline;
			float:left;
			line-height:1.5;
			margin-left:7px;
			padding:0;
		}
			#header .btns a {
				color:#fff;
				display:block;
				font-size:1.5em;
				font-weight:bold;
				height:28px;
				text-align:center;
				width:161px;
			}
				#header .btns a:hover {text-decoration:none;}
			#header .btns .addBtn {background:url(images/btn_green.png) 0 0 no-repeat; padding-left:8px; width:153px;}
			#header .btns .promBtn {background:url(images/btn_blue.png) 0 0 no-repeat;}
	
/* NAVIGATION **********/
#mainNav {
	background:#3a3f42 url(images/nav_bg.jpg) repeat 0 0;
	height:auto; display: table;
	margin:10px auto 0;
	border-radius: 7px;
	position:relative;
	z-index:1000;
}
#mainNav .wrap {
	background:url(images/nav_bg.png) 100% -84px no-repeat;
	height:42px;
}
#mainNav ul {
	background:none;
	height:auto;
	padding:7px 0;
}
#mainNav li {
	background:url(images/nav_li_bg.png) 0 -58px repeat-x;
	color:#fff;
	float:left;
	font-size:17px;
	line-height:24px;
	padding:0 7px 0 8px;
	position:relative;
}
#mainNav li.first {background:none;}

#mainNav a {
	color:#fff;
	float:inherit;
	height:28px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	z-index:1001;
	border-radius:5px;
}	
#mainNav li span {
	float:left;
	font-style:normal;
	height:28px;
	padding-right:10px;
}
#mainNav a:hover {
	background:#606a6f url(images/nav_li_bg.png) 0 -28px repeat-x;
	text-decoration:none;
}
#mainNav a:hover span {
	background:url(images/nav_li_bg.png) 100% -28px no-repeat; 
	cursor:pointer;
}
/* current menu item */
#mainNav .current-menu-item a, 
#mainNav .current-menu-item a:hover {
	background:#04a6c8 url(images/nav_li_bg.png) 0 0 no-repeat;
}
#mainNav .current-menu-item a span,
#mainNav .current-menu-item a:hover span {
	background:url(images/nav_li_bg.png) 100% 0 no-repeat;
}

/* current page item */
#mainNav .current_page_item a, 
#mainNav .current_page_item a:hover , li#active a, 
li#active a:hover {
	background:#04a6c8 url(images/nav_li_bg.png) 0 0 repeat-x;
	border-radius:5px;height: 28px;
    margin-bottom: 7px;
}
#mainNav .current_page_item a span,
#mainNav .current_page_item  a:hover span {
	background:url(images/nav_li_bg.png) 100% 0 no-repeat;
}
			
			#mainNav ul ul {
				position:absolute;
				background:none;
				width:212px;
				left:0;
				top:25px;
				height:auto;
				font-size:13px;
				line-height:18px;
				display:none;
				margin: 0;
				padding-top:10px;
			}
				#mainNav ul ul li {
					background:none;
					float:none;
					padding:0 0 1px;
					height: 23px;
				}
				#mainNav ul ul li a {
					height:auto;
					padding-top:4px;
					padding-bottom:4px;
					height:100%;
					display:block;
					width:212px;
					background:#3a3f42;
				}
				#mainNav ul ul li a:hover {
					background:#606a6f;
				}
				
                #mainNav ul ul ul {
	            left:100%;
	            top:-10px;
                }	

#content {
	background:url(images/frame_b.png) 0 100% no-repeat;
	overflow:hidden;
	padding:15px 18px;
}

	.sideBar {
		float:left;
		padding-bottom:5%;
		width:24%;
	}
		.sideBar .nav {border:1px solid #d7dadc; margin-bottom:9px;}
			.sideBar .nav .bFrameB {margin-top:-5px;}
			.sideBar .nav h4 {
				background:#e2f2c0;
				border-radius:5px;
				font-size:1.33em;
				line-height:1.6;
				margin:0 4px;
				height:28px;
				padding:0 10px;
			}
			.sideBar .nav p{
				margin:10px;
			}
				.sideBar .nav h4 span {
					background:url(images/sidebar_title_bg.gif) no-repeat 0 0;
					display:block;
					height:28px;
					padding:0 10px;
				}
			.sideBar .nav ul {color:#7cb500; margin: 3px 15px 18px 25px;}
				.sideBar .nav li {
					list-style-type:disc;
					margin-left:13px;
				}
					.sideBar .nav li span {color:#777e81;}

	#content h1{
	color:#0099BB;
	font-size: 2.2em;
    line-height: 1em;
	}

	.content {
    float: right;
    margin-right: 2%;
    width: 71%;
	}

		.content h1 {
			border-bottom:2px solid #d7dadc;
			margin-bottom:10px;
			padding:0 15px 7px;
		}

		.content h1 {
			padding:0 0px 7px;
		}
							
		.content .mainTxt {padding:5px 15px 18px;}
			.content .mainTxt h3 {padding-bottom:15px;}
			.content .mainTxt p {font-size:1.08em; line-height:1.3;}
		.content .fanBlockWrap {border:1px solid #D7DADC; margin-bottom:20px;}
			.content .fanBlock {padding:4px 15px 7px;}
				.content .fanBlock h3 {font-size:1.5em; padding-bottom:3px;}
				.content .fanBlock p {font-size:1.08em; line-height:1.3;}
				.content .fanBlock .socialBtns {overflow:hidden;}
					.content .fanBlock .btn {float:left; margin-right:5px;}


#bottomNav {
	overflow:hidden;
	padding:7px 32px 7px 18px;
}
	#bottomNav dl {
		float:left;
		padding-right:15px;
		width:140px;
	}
		#bottomNav dt {
			font-size:1.2em;
			font-weight:bold;
			padding-bottom:5px;
		}
		#bottomNav dd {padding-bottom:3px;}
	#bottomNav .btns {clear:right; float:right;}
		#bottomNav .btns li {line-height:1.5; padding:3px 0 7px;}
			#bottomNav .btns a {
				color:#fff;
				display:block;
				font-size:1.5em;
				font-weight:bold;
				height:28px;
				text-align:center;
				width:161px;
			}
				#bottomNav .btns a:hover {text-decoration:none;}
			#bottomNav .btns .addBtn {background:url(images/btn_green.png) 0 0 no-repeat; padding-left:8px; width:153px;}
			#bottomNav .btns .promBtn {background:url(images/btn_blue.png) 0 0 no-repeat;}

/* FOOTER **************/
#footer {
	color:#8f9699;
	margin:0 18px;
	overflow:hidden;
	padding:12px 0 10px;
}
	#footer .copyright {float:left;}
	#footer .menu ul  {overflow:hidden;}
		#footer .menu ul li {
			border-left:1px solid #c5c9cb;
			float:left;
			padding:0 9px;
			margin-left:-1px;
		}

.post {margin-bottom: 15px;}

/*Custom style*/
s {color: #000;}
.clear {clear: both;}
img {margin: 0; height: auto;}

#content img {background:#fff;padding:2px;border:2px solid #ccc; height: auto;
    margin: 10px;
    max-width: 100%;}

.credits {margin-top: 15px; font-size: 15px; text-align: left;}

.entryContent h1 {font-size:2.2em;}
.entryContent ul {margin: 5px 0 7px 30px; list-style-type:disc;}
.entryContent ol {margin: 5px 0 7px 30px; list-style-type:decimal;}
.entryContent ul li, .entryContent ol li {padding-left: 5px;}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {padding: 20px 0 8px;}

/*table*/
.content table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
.content tr th,
.content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
.content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
.content tr.odd td {
	background: #F2F7FC;
}

/*other*/

dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 1em 2em;
	background:#f5f5f5;
	margin-bottom:10px;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
#content li {margin-bottom:11px;padding-top: 8px; padding-left: 0;}
fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:380px;background:#eee;border:2px solid #aaa;}
fieldset#contact-form label {font-size:13px;}
fieldset#contact-form input {height:20px;font-size:15px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width:97%;padding:3px;}
fieldset#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}
input:focus, textarea:focus {background:#fff;border:1px solid #555;}

.content a{ color:#0099BB; text-decoration:none;}
.content a:hover{ text-decoration:underline; color:#000;}
.content a:visited{color:#6611CC;}
.sideBar a{ color:#0099BB; text-decoration:none;}
.sideBar a:hover{text-decoration:underline; color:#000;}
.sideBar a:visited{color:#6611CC;}

.content hr {margin:30px 10px;border:1px solid #E2F2C0;}
@media(max-width:1150px){
#content {
    max-width: 100%;
}
.all-page {
    width: 89%;
}
#header-img img {
    height: auto;
    max-width: 100%;
    width: 940px;
}}
@media(max-width:767px){
#header .website-name {
    font-size: 2.25em;
}
.content {
    float: none;
    margin-left: 2%;
    width: 98%;
}
.sideBar {
    float: none;
    padding-bottom: 5%;
    width: 100%;
}
#content h1 {
    font-size: 1.5em;
}

fieldset#contact-form {
    width: 70%;
}
}
@media(max-width:700px){
body {background: #edf1f2 !important;}
#content {
padding: 0 18px;
}
#content img {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
}
#mainNav .current_page_item a, #mainNav .current_page_item a:hover, li#active a, li#active a:hover {
    background: none;
    border-radius: 5px;
}
 }
 @media(max-width:480px){
 #header .website-name {
    font-size: 2em;
}
#content h1 {
    font-size: 1.3em;
}
.content h1 {
    padding-top: 0 !important;
}

.content hr {
    margin: 10px;
}
.content h2,.blog-post h2.blog-title {
    font-size: 1.6em;
}
.content h3 {
    font-size: 1.3em;
}
#header .website-name {
    font-size: 1.6em;
}
#content img {float:none !important;clear:both;}
}
 @media(max-width:375px){
 #header{margin-bottom: 15px;padding: 0 15px;} 
 #header .slogan {font-size: 1.1em;}
.content h2, .blog-post h2.blog-title {
    font-size: 1.5em;
}
.content h3 {
    font-size: 1.4em;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    padding: 10px 0 4px;
}
.content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 5px 0 0;
}
blockquote {
    padding: 1em;
}
}