
/* Globals */
html{ height:100%;}

body{height:100%; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #E4F1FA url(images/pattern-bg.png) top center; margin: 0;}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

a{text-decoration:none;}

.clear {clear: both;}

/* Begin Header */

#container {width: 900px; margin:0 auto; background: url(images/glow.jpg) no-repeat -1px 0;}

#header {height: 123px; width: 900px; background-repeat: no-repeat; background-position: 0 31px; position: relative;}

h1#logo {width: 255px; height: 80px; float: left; margin-top: 28px;}
	h1#logo a, h1#logo a:focus {display: block; height: 100%; text-indent: -999em; outline: none; }

#slogan{font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, Helvetica; float: left; width: 214px; padding: 40px 0 0 20px; color: #ffffff; background: url(images/line.png) no-repeat 0 5px; height: 81px; margin-left: 20px; font-weight: normal; font-style: italic;}
	#slogan span{font-weight: bold;}

#tagline{ position: absolute; top: 22px; right: 0; display: block; width: 220px; color: #fff; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif; text-align: center; letter-spacing: 0; font-size: 13px; line-height: 16px; font-weight: normal; text-align: left; font-style: italic}
	#tagline i{float: left; margin-bottom: 12px;}
	#tagline img{float: right;}
	#tagline span{ font-size: 16px; color: #FFF; font-weight: normal; line-height: 11px; }

.just_printable { display:none !important }


.enlarge{ font-size: 16px; font-weight: bold; }
h3.enlar{ font-size: 18px!important; margin-bottom: 10px; text-align: center; }
h3.enlar .enlarge{ font-size: 20px; color: #333; }

#menu {height: 47px; background: transparent url(images/menu-bg.jpg) top left no-repeat;}
	#menu ul {margin-left: 10px; padding-top: 10px;}
		#menu ul li {list-style-type: none; display: inline;}
			#menu ul li a {float: left; text-decoration: none; font-size: 1.8em; color: #d9fffe; padding-right: 15px; padding-left: 15px; line-height: 37px; display: block;}
			#menu ul li a:hover {color: #fff; text-decoration: none;}
#menu ul .current_page_item a, #menu ul .current_page_item a:hover {background-image: url(images/current.gif); background-repeat: repeat-x; color: #84B0C1; background-color: #FFFFFF;}

#newsletter{width: 191px; height: 56px; padding: 16px 0 0 0; float: right; background: url(images/subscribe-bg.png) no-repeat; margin: 0 4px 18px 0;}
	#newsletter-email{border: none; float: right; background: none; height: 14px; width: 105px; margin: 0 10px 7px 0; padding: 2px 5px; outline: none; color: #b5bdc1}
	#newsletter-submit{background: none; color: #ffffff; border: none; float: right; font-family: Helvetica, Arial; font-size: 14px; width: 115px;margin-right: 10px; text-align: center; height: 19px; padding-top: 3px; cursor: pointer}
	/*.subscribers a{text-transform: uppercase; color: #d9fffe; text-decoration: none; font-size: 1.1em; margin-right: 5px; margin-left: 5px; background-repeat: no-repeat; background-position: right center; }*/
	/*.subscribers a:hover{ color: #fff; text-decoration: underline; }*/
.subscribers{ float: right; margin: 0 4px 16px 0;}
#middle-col #subscribe-to-rss { background: url(images/rss-icon.png) no-repeat 0 0; padding: 10px 0 0 55px ; height: 28px; float: right; width: 115px; font-size: 14px; color: #6f909b; margin-right: 15px}
.subs-email{ padding-right: 20px; background-image: url(images/003.png); }
/* End Header */

/* Begin Content */
#content {background-image: url(images/content-bg.jpg); background-repeat: repeat-y; padding: 10px 20px 10px 20px; width: 860px; height: 100%; overflow:hidden;}


/* Begin Left Col (Main Content) */
#left-col {float: left; width: 640px; margin-right: 20px;}
	#left-col h2 {color: #565b5f; font-size: 2.5em; letter-spacing: -2px;}
	#left-col h2.pagetitle {color: #BCBCBC; border-bottom: 1px solid #DFECF7; margin-bottom: 20px; font-size: 2em; letter-spacing: -1px;}
		#left-col h2 a {color: #565b5f; text-decoration: none;}
		#left-col h2 a:hover {color: #90B8C7; text-decoration: underline;}
		#left-col h3 {color: #777777; font-size: 1.8em;margin-bottom: 10px; margin-left: 40px;}
		#left-col #addcomment h3{font-size: 18px;}

.post small {color: #6e6e6e; font-size: 1.1em;}
.post .the_title{width: 530px;}

.entry {font-size: 1.2em; line-height: 17px; color: #666666; margin-top: 10px; clear: both;}
	.entry a {color: #6CA0B5; text-decoration: none; border-bottom: 1px solid #DDDDDD;}
	.entry a:hover {color: #316F9B; border-bottom-color: #666666; text-decoration: none;}
	.entry p{margin-bottom: 15px;}

.post-pic img {float:right; background-color: #f7f9fb; padding: 5px; border: 1px solid #d5e5f4; margin: 0 0 0 10px;}

.entry .more-link {font-size: 1.3em;}

.postmetadata{background-color: #f4f7fa; padding: 5px 10px 5px 10px; font-size: 1.1em; text-align: left; color: #48607b; border-bottom: 1px solid #D7E6F4;margin-bottom: 15px;}
	.postmetadata a {text-decoration: none; color: #6CA0B5; border-bottom: 1px solid #DDDDDD;}
	.postmetadata a:hover{color: #316F9B; border-bottom-color: #666666; text-decoration: none;}
	.postdata{background-color: #F4F7FA; border: 1px solid #D7E6F4; color: #999999; padding: 10px;}

p img{max-width: 100%; background-color: #F1F5F8;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; border: 1px solid #D5E5F4;}
img.alignleft {padding: 4px; display: inline; margin-top: 0 7px 2px 0; border: 1px solid #D5E5F4;}
.alignright {float: right;}
.alignleft{float: left}
.clear{ clear: both; }

h3#comments {font-size: 1.6em; line-height: 30px; margin-bottom: 15px; color: #777777;}
#left-col .commentlist {margin-bottom: 25px; border-bottom: 1px solid #D7E6F4;}
.commentlist li{background-color: #F4F7FA; padding: 10px; list-style-type: none; border-width: 1px 1px 0 1px; border-style: solid; border-color: #D7E6F4 #D7E6F4 transparent #D7E6F4; font-size: 1.2em; color: #BCBCBC;}
.commentlist li.odd{background-color: #FFFFFF;}
	.commentlist ol li{border-bottom: 1px solid #D7E6F4;}
.nested{font-size: 14px; margin-bottom: 10px;}
.commentlist .alt {background-color: #FFFFFF;}
.commentlist .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist .title{font-size: 12px;}
.commentlist a {color: #6CA0B5; text-decoration: none; border-bottom: 1px solid #DDDDDD;}
.commentlist a:hover {color: #316F9B; border-bottom-color: #666666;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 18px;}
.commentlist p {font-weight: normal; text-transform: none; line-height: 1.6em; margin-top: 10px; margin-bottom: 10px; color: #666666; font-size: 12px;}
.commentlist ol{clear: both;}
.commentmetadata, .commentmetadata a {font-size: 0.9em; border-bottom-width: 0; color: #CCCCCC;}
.nocomments {text-align: center; margin: 0; padding: 0;}
#respond {font-size: 1.6em; color: #777777; margin-bottom: 10px;}
#commentform {margin-left: auto; width: 400px; margin-right: auto;}
	#commentform input {border-width: 1px; border-style: solid; border-color: #BBD6EE #D5E5F4 #D5E5F4 #BBD6EE; width: 250px; padding: 4px 3px; color: #777777; margin-bottom: 10px;}
	#commentform input:focus, #commentform #comment:focus {border-color: #84AFC1;}
	#commentform label {font-size: 1.3em; color: #666666;}
	#commentform #comment {border-width: 1px; border-style: solid; border-color: #BBD6EE #D5E5F4 #D5E5F4 #BBD6EE; width: 400px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color: #666666;}
	#commentform #submit, #commentform #addcommentbutton {background-color: #DBE6EE; color: #84AFC1; border-color: #BAD1E0; font-weight: bold; padding-top: 2px; padding-bottom: 2px; width: 400px; text-align: center;}
	#commentform #submit:hover {color: #FFFFFF; background-color: #BAD1E0;}
	#commentform small {font-size: 0.9em; color: #B1B1B1;}
.reply{margin-bottom: 10px; font-size: 12px; }
.post-date{float: left; margin-bottom: 10px; font-size: 12px; }
.reply, .nested{text-align: right; float: right; margin-bottom: 10px; font-size: 12px; }
.reply-here{margin: 10px 0 3px 0; text-align: right; font-size: 12px;}

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
	#wp-calendar #next a, #middle-col #wp-calendar #next a {text-align: right; padding: 0 10px 0 0; margin: 0; background-image: none;}
	#wp-calendar #prev a, #middle-col #wp-calendar #prev a {text-align: left; background-image: none; margin: 0; padding: 0 0 0 10px;}
#middle-col #wp-calendar a:hover {background-image: none; margin: 0; padding: 0;}
	#wp-calendar  a, #middle-col #wp-calendar a {display: block; margin: 0; padding: 0; background-image: none;}
	#wp-calendar caption {text-align: center; width: 100%;}
	#wp-calendar td {padding: 3px 0; text-align: center;}
	#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {padding-left: 20px; background-color: #F1F5F8; border-left: 5px solid #DEE9F0; margin: 15px 0 0 10px;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #D5E5F4; text-align: center; background-color: #F1F5F8; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */

#left-col .newsearch {width: 250px; margin: 30px auto;}
	#left-col .newsearch #searchform #s {width: 248px; font-size: 1.6em; float: none; font-weight: bold; color: #999999; margin-bottom: 5px;}
	#left-col .newsearch #searchform #searchsubmit {width: 250px; float: none; padding: 0; font-size: 1.4em;}

#left-col #searchform {width: 260px; margin: 10px auto;}
	#left-col #searchform #s {margin-right: auto; margin-left: auto; float: left; border: 1px solid #ACCCEA; padding-top: 4px; padding-bottom: 4px; color: #666666; width: 180px;}
	#left-col #searchform #searchsubmit {padding-top: 4px; padding-bottom: 3px; float: left; padding-right: 0; padding-left: 0; font-size: 1.2em; background-color: #DEE9F0; border: 1px solid #BAD1E0; color: #90B8C7; font-weight: bold; margin: 0; line-height: 14px;}
	#left-col #searchform #searchsubmit:hover {color: #FFFFFF; background-color: #90B8C7;}

#left-col ul {width: 360px; margin: 25px auto; font-size: 1em;}
	#left-col ul h2 {font-size: 2em; letter-spacing: -1px;}

.entry h2{ padding-bottom: 10px; }

#left-col ul li {margin-left: 40px; font-size: 1.4em; margin-top: 5px; margin-bottom: 5px; font-size: 12px;  color: #666666;}
	#left-col ul li a {color: #5E98AE; text-decoration: none;}
	#left-col ul li a:hover {color: #4A7E93; text-decoration: underline;}
	#left-col ul li ul {margin: 0;}
		#left-col ul li ul li {margin-left: 20px; font-size: 1em;}
#left-col .navigation {color: #84AFC1; font-size: 1.4em; margin-top: 25px; margin-bottom: 15px;}
	#left-col .navigation a {color: #6CA0B5; text-decoration: none; border-bottom: 1px solid #dddddd;}
	#left-col .navigation a:hover {color: #316F9B; text-decoration: none; border-bottom-color: #666666;}
.linkcat  {list-style-type: none; font-size: 1em;}
#left-col .linkcat h2 {font-size: 1.6em; letter-spacing: normal;}
.linkcat ul {margin-left: 40px; padding-top: 5px; padding-bottom: 15px;}
#left-col .post .entry ol { margin-left: 45px; font-weight: normal; margin-bottom: 20px; }
#left-col .post .entry ol li{margin-bottom: 10px;}
#left-col .post .entry ul{margin-left: 0; color: #333333; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif;}

#middle-col {float: left; width: 200px; color: #CCCCCC; font-size: 1.2em;}
	#middle-col h2{font-size: 1.4em; color: #777777;}
	#middle-col ul, #sidebar ul ol {margin: 0; padding: 0;}
		#middle-col ul li {list-style-type: none; list-style-image: none;}
		#middle-col ul ul, #middle-col ul ol {margin-top: 3px; margin-right: 0; margin-left: 10px; padding-bottom: 15px;}
#middle-col ul ul ul, #middle-col ul ol{margin: 0 0 0 10px;}
#middle-col ul ul li, #middle-col ul ol li {background: url(images/list-bullet.gif) no-repeat 0 5px; margin: 3px 0 0 0; padding: 0; line-height: 18px;}
#middle-col a {padding-left: 8px; color: #777777; text-decoration: none;}
#middle-col a:hover {color: #316F9B;}
#middle-col .recentcomments, #middle-col .recentcomments a, #middle-col ul .recentcomments a:hover {background-image: none; padding-left: 0; padding-bottom: 5px;}
#middle-col .bordd{ border: 1px solid #c1c1c1;margin-bottom: 5px; margin-right: 17px; background: none; }
.categories-wrapper{background: url(images/sidebar-list-separator.jpg) no-repeat 0 0; position: relative; padding-top: 33px; margin-bottom: 25px; float: left;}
.categories-container{background: url(images/sidebar-list-separator.jpg) no-repeat -400px bottom; padding-bottom: 10px; float: left; border-top: 1px solid #e2e5ea;}
.categories-indicator{height: 15px; background-image: url(images/sidebar-list-separator.jpg); background-repeat: no-repeat; background-position: -600px top; overflow: hidden; float: left; width: 100%;}
#middle-col .categories-archives{margin: 0; float: left; background: url(images/sidebar-list-separator.jpg) repeat-y -200px 0; width: 200px; padding-bottom: 0;}
	#middle-col .categories-archives > li{background: none; margin: 0;}
		#middle-col .categories-archives > li h2{position: absolute; top: 7px; width: 100px; text-align: center; cursor: pointer; font-size: 15px}
		#middle-col .categories-archives > li ul{display: none;  padding-bottom: 0;}
		#middle-col .categories-archives > li:first-child > ul{display: block}
	#middle-col .categories-archives > li > .active{color: #d07940;}
.categories h2{left: 0;}
.archives h2{right: 0;}

#right-col {float: right; line-height: 18px; width: 210px; font-size: 1.2em; list-style-type: none; color: #666666;}
	#right-col h2 {padding: 0; font-family: Arial, Helvetica, sans-serif; color: #90b8c7; margin: 10px 0; font-size: 1.6em; list-style-type: none; text-align: left;}
	#right-col a {color: #6CA0B5; text-decoration: none; border-bottom: 1px solid #DDDDDD;}
	#right-col a:hover {color: #316F9B; border-bottom-color: #666666;}
#right-col #searchform #s {width: 185px; border-width: 1px; border-style: solid; border-color: #ACCCEA #D5E5F4 #D5E5F4 #ACCCEA; color: #666666; padding-top: 4px; padding-bottom: 4px;}
#right-col #searchsubmit {background-color: #dee9f0; border: 1px solid #BAD1E0; font-size: 1em; float: left; color: #90B8C7; margin-top: 5px; font-weight: bold; padding: 0 15px;}
#right-col #searchsubmit:hover {color: #FFFFFF; background-color: #90B8C7;}
#right-col .ads {padding-bottom: 5px; text-align: center; list-style-type: none; margin: 0;}
	#right-col .ads a img {padding: 4px; background-color: #FFFFFF; border: 1px solid #E1EDF7; clear: both; margin-bottom: 5px; text-align: center;}
	#right-col .ads a:hover img {border-color: #666666;}
	#right-col .ads a {border-width: 0;}
#right-col  ul {list-style-type: none; background-color: #f1f5f8; border: 1px solid #d5e5f4; padding: 10px; text-align: left;}
	#right-col ul ul {border-width: 0; padding-top: 0; list-style-type: none;}
	#right-col li {line-height: 18px; margin-left: 10px;}
	#right-col li li {}
	#right-col .textwidget {margin-right: 10px; margin-bottom: 10px;}
#right-colli a:hover {background: url(images/list-bullet-hover.gif) no-repeat left 6px;}

#footer {background-image: url(images/footer-bg.png); background-repeat: no-repeat; height: 43px; padding: 7px 20px 0 20px; font-size: 1.2em; color: #FFF;}
	#footer ul li {list-style-type: none; padding-right: 20px; float: left;}
		#footer ul li a, #footer a {text-decoration: underline; color: #d1f6f6; display: inline;}
		#footer a:hover {color: #fff; text-decoration: underline;}
#footer p {float: right;}

#user_actions{width: 524px; padding-right: 106px; float: right; margin-bottom: 10px; position: relative;}

a#print_page, a#download_file, a#stafLink{padding-left:20px; color:#327993; font-size:16px; text-decoration:none; margin: 0 10px; float: right;}

a:hover#print_page, a:hover#download_file, a:hover#stafLink{text-decoration:underline;}

#fb_share{margin: 0 10px; float: right; width: 84px; position: absolute; top: -35px; right: 0;}
	#fb_share > span{height: 51px; width: 100%; float: right;}
	#fb_share .fb_share_count_nub_top{top: 25px;}
	#fb_share .fb_share_count_top{line-height: 24px;}

.FBConnectButton{position: absolute; bottom: 0;	left: 0;}

a#print_page{ background: transparent url(images/printer.png) left center no-repeat; }
a#download_file{ background: transparent url(images/download.png) left center no-repeat; }
a#stafLink{ background: transparent url(images/send.png) left center no-repeat; }

#explanation_answer{padding: 20px;}

.by-ad{ float: right; text-align: right; margin: 0 0 10px 0; }
	.by-ad p{ margin: 5px 0; }
		.by-ad p a{ color: #e3781d!important; }
		.by-ad p a:hover{ color: #e3781d!important; text-decoration: underline!important; background: none!important; }
		.by-ad p em{ font-size: 12px; }
	
.limp, .limp:hover{ background: transparent!important; background-position: none!important; }

#left-col .entry a, #middle-col ul li a{ color: #e3781d; }
#left-col .entry a:hover, #middle-col ul li a:hover{ color: #ff9923; }
.yo-gray{ font-size: 11px; color: gray; margin: 10px 0; width: 190px; display: block; float: right; text-align: right; }
.navi-width{ width: 250px; }
.navigation .alignright{ text-align: right; }


#middle-col .follow, #middle-col .follow:hover{background: url(images/twitter-bubble.png) no-repeat; width: 147px; height: 24px; float: right; margin-bottom: 20px; padding: 8px 0 0 47px; font-size: 14px; color: #4e889b; font-style: italic; font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif; text-align: center;}

#related_posts{background-color: #f6f7fb; margin-bottom: 10px; padding: 15px; clear: both}
	#related_posts h2{font-size: 16px; letter-spacing: 0}
		#related_posts ul{width: 100%; list-style: none; margin: 8px auto;}
			#related_posts ul li{background: url(images/list-bullet.gif) no-repeat 0 5px; padding-left: 10px; margin-left: 26px; margin-bottom: 10px;}
				#related_posts ul li a, #related_posts ul li a:hover{text-decoration: underline; border-bottom: none;}
				
#addcomment{padding: 10px;}
.banner{margin-bottom: 20px;}
#reroot{margin-bottom: 10px;}
