/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*								BASE

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

body {font:12px/1.4 Verdana, Arial,'Liberation Sans',FreeSans,sans-serif; background:#fff; color:#555; *font-size:small;}

/*select, input, textarea, button { font:99% sans-serif; }*/

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }


hr {border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0;}


/* =Spacing
--------------------------------------------------------------------------------*/

ol {list-style:decimal;}

ul {list-style:disc;}

li {margin-left:30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:20px;}

/* anchors
----------------------------------------------- */
a {color:#1a79b4;}
a:hover {color:#1E97E3;}
a:focus {outline:1px dotted invert;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}


/**	----------------------------------------
/**	Headings
/**	----------------------------------------*/

h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:14px;}

h1,h2,h3,h4,h5,h6 {line-height:1.2em; margin-bottom: 0.3em;}


/**	----------------------------------------
/**	General Typographic things
/**	----------------------------------------*/

ol { list-style-type: decimal; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
	padding: 15px; 

	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

input[type="text"]:focus {background: #FDFFE9;}
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;


}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* These selection declarations have to be separate.*/
/*::-moz-selection{background: #FF5E99; color:#fff; text-shadow: none;}*/
/*::selection {background:#FF5E99; color:#fff; text-shadow: none;} */

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.v-ticker ul li {
	margin-bottom: 5px;
}


/**	----------------------------------------
/**	Photo floats
/**	----------------------------------------*/
.floatright {float: right; margin-left: 10px; margin-bottom: 10px;}
.floatleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.float, .floatnone {margin-bottom: 10px;}

.image-caption {font-size: 10px; font-weight: bold; margin-top: 5px;}

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*								MODULES

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/



/*========================================================================*/
/*	BOX the one box to rule them all, and in the darkness bind them
/*	@usage div.box
/*========================================================================*/
.box {position:relative; margin-bottom:16px; padding-top: 10px;}

.pbox {margin-bottom:16px; padding: 10px;}
.pbox a, .pbox a:hover {text-decoration: none;}

.box h2 {font-size:20px; font-weight:normal; /*text-transform:uppercase;*/ /*color:#fff;*/ /*background:#333;*/ /*margin:-10px -10px 5px -10px; padding:6px 12px;*/}
.box h2 a:hover {}

.box .edit-button {position:absolute; top: 2px; right: 2px;}

/*========================================================================*/
/*	PARAGRAPHS, QUOTES AND LISTS
/*	
/*========================================================================*/
p {margin-bottom:1em;}
blockquote {font-family:Georgia,'Times New Roman',serif; font-size:1.2em; padding-left:1em; border-left: 4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul,ol {padding-top:0;}

/*========================================================================*/
/*	MENU
/*	@usage ul.menu
/*========================================================================*/
.menu {list-style:none;}
.menu li {margin:0;}
.menu li a {display:block; font-family: 'Century Gothic', Futura, 'Trebuchet MS',  sans-serif; text-decoration: none; padding:4px 10px; color:#e3a701; background: #faf9f9; font-weight: bold; font-size: 13px;margin-top:2px; margin-bottom:2px;}
.menu li.current a {background:#c40707;}
.ie6 ul.menu li a {height: 1%;}/*ie6 hack*/
.menu li a:hover {background:#eee;}

/*-- sub-menu ----------------------*/
.menu ul {list-style:none; margin:0;}
.menu ul li a {padding-left:30px;}

.detail-list, .detail-list li {list-style: none; margin: 0; padding: 0;}
.detail-list li a {display: block; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;}
.detail-list li a:hover {}

.detail-list li.current a, #blog .archive li a:hover {}

/*.detail-list {padding: 10px; border: 1px solid #ccc; margin-top: 20px; }*/

.detail-list li.current a {}

.detail-list span {display: block; font-size: 11px; text-transform: uppercase; font-weight: bold;}


/*========================================================================*/
/*	SECTION MENU
/*	@usage ul.menu.section
/*========================================================================*/
/*.section {border-top:0; margin-bottom:0;}*/
.section li {text-transform:uppercase;}
.section li a {background:#bbb;}
.section li a:hover {background:#aaa;}
.section li a:active {color:#fff; background:#666;}
.section li li a {background:#ddd;}
.section li li a:hover {background:#ccc;}

.section ul li {text-transform:none;}
.section ul.current li a {background:#eee;}
.section ul.current li a:hover {background:#ddd;}
.section ul.current li a:active {background:#fff;}
.section li a.current {color:#fff; background:#666;}
.section li a.current:hover {background:#555;}
.section li a.current:active {background:#444;}
.section li a.active {background:#fff; cursor:default;}
.section li.current > a.active,
.section li.current > a.active:hover {color:#fff; background:#666; cursor:default;}

/*========================================================================*/
/*	TABLE global table design
/*	@usage table
/*========================================================================*/
table.generic-table {width:100%; border:1px solid #bbb; margin-bottom:10px;}

.generic-table th,td {padding:.2em 1em; text-align:left;}
.generic-table thead th {border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em;}
.generic-table thead th.table-head {font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555;}
.generic-table tbody th, 
.generic-table tbody td {border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee;}
.generic-table tbody tr.odd th,
.generic-table tbody tr.odd td {background:#fff;}
.generic-table tfoot th,
.generic-table tfoot td {border-top:2px solid #666; background:#eee;}
.generic-table tfoot tr.total th,
.generic-table tfoot tr.total td {border-top:6px double #666;}
.generic-table tfoot tr.total th {text-transform:uppercase;}
.generic-table th.currency,
.generic-table td.currency {text-align:right;}



.entry #main table {
	background-color: #fff;
	border: 1px solid #d3d1d1;
	padding: 10px;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
.entry #main table td {
	vertical-align: top;
	border-bottom: 1px solid #d3d1d1; 
	border-top: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 4px 2px 4px;
}






/*========================================================================*/
/*	ARTICLE individual blog / news articles
/*	@usage div.box.article
/*========================================================================*/
.article {padding: 5px 10px 0 10px; background: #fff;}

.article h2 {font-size: 24px; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none;}
.article .date {border-top:1px dotted #999999; display:block; font-size:11px; font-style:italic; font-weight:bold; margin-bottom:5px; padding-top:2px; text-align:right;}

.article .last {border-bottom:none;}

.article h4 {font-size:1.2em; text-transform:uppercase; margin-bottom:.5em;}

.article a.image {float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff;}
.article a.image:hover {border:1px solid #666;}
.article a.image img {float:left;}


/*========================================================================*/
/*	ENTRY | entry page for an article or blog post
/*	@usage div.box.article.entry	@extends article 
/*========================================================================*/
.entry {border-bottom: none;}


/*========================================================================*/
/*	COMMENT
/*	@usage li.comment
/*========================================================================*/
.comment {padding:10px;margin:0; margin-bottom:10px;}

.odd {background: #efefef;}
.even {background: #e3e3e3;}

.comment-meta {}
.comment-meta .avatar {float: left; padding-right: 10px; padding-bottom: 10px;}
.comment-meta span.name {display: block;}
.comment-meta span.date {display: inline;}
.comment-meta span.perma {display: inline;}

.admin {background: #E3F1F6;}

/*========================================================================*/
/*	COMMENTS | wrapper for ol.comment and comments submit form
/*	@usage div#comments.box
/*========================================================================*/
#comments {background: none;}

/*========================================================================*/
/*	META
/*	@usage ul.meta	@extends .article | .entry
/*========================================================================*/
.meta {display: block; background: #eee;}
.meta li {float:left; display: block; list-style:none; margin:0; padding:0 10px;}
.meta li { color:#666; }

.entry .meta li {float: none; border: none; padding:0;}


/* site information
----------------------------------------------- */
#site_info .box {color:#ccc; background:#666; margin-bottom:10px;}
#site_info a {color:#fff;}
#site_info a:hover {color:#000;}
	

/*========================================================================*/
/*	THUMBNAILS {GALLERY deprecated... because}
/*	@usage ul.thumbnails
/*========================================================================*/
.thumbnails li {margin:0; padding:0; list-style:none; float:left;}
.thumbnails li a {display: block;}
.thumbnails li a img {border: 1px solid #ccc; padding: 5px; margin-right: 5px; margin-bottom: 5px;}
.thumbnails li {background: transparent url(/theme/images/loaders/loader_1_white16.gif) center center no-repeat;}
.thumbnails li a:hover img {background: #fff;}
.thumbnails li.current img {background: #FFFDAA;}

.thumbnails-u li {margin:0; padding:0; list-style:none; float:left;}
.thumbnails-u {display: block;}
.thumbnails-u li {position: relative; width: 120px; height: 120px; display: block;}
.thumbnails-u li a {display:block; height: 120px; line-height: 120px; text-align:center; width: 110px; border: 1px solid #ccc; font-size: 0;}
.thumbnails-u li img {vertical-align: middle; line-height: 120px;}

/*========================================================================*/
/*	GALLERY THUMBNAV
/*	@usage ul#gallery-nav.thumbnails
/*========================================================================*/
#gallery-nav {width: 200px; display: block; margin: 0 auto; float: left;}
#gallery-nav li {width: 65px; height: 65px; background: none;}

/*========================================================================*/
/*	GALLERY | div for single entry gallery pages
/*	@usage div.gallery-entry
/*========================================================================*/
.gallery-entry {width: 500px; float: left; border: 1px solid #ccc; margin: 0px auto; padding: 10px;}
.gallery-entry .caption {margin-top: 10px;}

/*========================================================================*/
/*	FLICKR-FEED
/*	@usage ul.gallery.flickr-feed	@extends ul.gallery
/*========================================================================*/
.flickr-feed li a img {border: 1px solid #ccc; padding: 4px; margin-right: 4px; margin-bottom: 4px; width: 50px; height: 50px;}
.flickr-feed li a:hover img {background: #fff;}


/*========================================================================*/
/*	BLOCK-LIST | a very blocky, very clickable list
/*	@usage div.box.block-list
/*========================================================================*/
.block-list {padding: 0; margin: 0 0 10px 0;}
.block-list li {list-style: none; padding: 0; margin: 0;}
.block-list li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;}
.block-list li a:hover {background-color: #CCC;}
* html ul.block-list li a {height: 1%;}/*ie6 hack*/

/*========================================================================*/
/*	HYPERLINKS LIST | create a nice list of hyperlink
/*	@usage ul.hyperlinks
/*========================================================================*/
.hyperlinks li {list-style: none; margin: 0;}
.hyperlinks li a {display: block; background: none; text-decoration: none; padding: 0 5px; }
.hyperlinks li a span {font-weight: normal;}
.hyperlinks li a:hover {background: #CCC;}

.ie6 ul.hyperlinks li a {height: 1%;}/*ie6 hack*/

.hyperlinks .title {width: 70%; display: block; float: left;}
.hyperlinks .date {float: right; padding-right: 0px;}


/*========================================================================*/
/*	COMMENT-FEED | basic styling for a comments feed
/*	@usage ul.comment-feed
/*========================================================================*/
.comment-feed li {list-style:none; margin:0; padding:0;}
.comment-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;}
.comment-feed li a {}
.comment-feed li a {display: inline;}

/*========================================================================*/
/*	DOWNLOADS | styling of files specifically
/*	@usage ul.block-list.downloads
/*========================================================================*/
.downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;}

.downloads .box {padding: 5px 0;}
.downloads .box h2 {margin-left: 0;}

.downloads a {padding: 10px 20px; text-decoration: none;}
.downloads a {line-height: 16px; background-position: 6px 14px !important;}

.downloads a:hover {text-decoration: none; background-color: #eee !important;}
.downloads span {font-weight: normal; }

/*-- ICONS ----------------------*/
span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/default/theme/images/icons/page_white_acrobat.png) center left no-repeat;}
span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/default/theme/images/icons/page_white_word.png) center left no-repeat;}
span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/default/theme/images/icons/page_white_powerpoint.png) center left no-repeat;}
span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/default/theme/images/icons/ipod_sound.png) center left no-repeat;}



/*========================================================================*/
/*	TWITTER-FEED | basic styling for a twitter feed
/*	@usage ul.twitter-feed
/*========================================================================*/
.twitter-feed li {list-style:none;margin:0;padding:0;}
.twitter-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;}
.twitter-feed li a {}
.twitter-feed li a {display: inline;}

/*========================================================================*/
/*	NOTICES
/*	@usage div.notification
/*========================================================================*/
.notice {border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center;}
.notice p {margin:5px 0; font-size: 13px;}
.info		{color: #00529B; background-color: #BDE5F8; background-image: url('/theme/addons/knobs_icons/Knob%20Info.png'); }
.success	{color: #4F8A10; background-color: #DFF2BF; background-image:url('/theme/addons/knobs_icons/Knob%20Valid%20Green.png'); }
.warning	{color: #9F6000; background-color: #FEEFB3;  background-image: url('/theme/addons/knobs_icons/Knob%20Attention.png'); }
.error		{color: #D8000C; background-color: #FFBABA; background-image: url('/theme/addons/knobs_icons/Knob%20Cancel.png');}


/*========================================================================*/
/*	SYSTEM NOTIFICATION TEMPLATES
/*	@usage div.notification
/*========================================================================*/
.error {background: white; color: #9F252C; border: 1px solid #9F252C; padding: 20px;}
.error p {}


/*========================================================================*/
/*	PAGINATION
/*	@usage div.pagination ul.pages
/*========================================================================*/
div.pagination {}
div.pagination span {display: block;}
div.pagination .pages {list-style: none;}
div.pagination .pages li {display: block; float: left; padding: 0 10px 0 0 ; margin: 0;}
div.pagination .pages .prev-link {}
div.pagination .pages .next-link {}

/*Different paginations based on ee modules*/
.eeflickr-pagination a, .eeflickr-pagination b {display: inline-block; padding: 0px 5px; border: 1px solid #777; margin: 0 2px;}
.eeflickr-pagination b {padding: 1px 6px; border: 0;}

/*-- EE Pagination ----------------------*/
.paginate {
	font-family: Verdana, sans-serif;
	margin-bottom: 10px;
	padding: 2px 5px;
	font-size: 11px;
	color: #777;
	background:#EEE;
}
.paginate a,
.paginate strong {
	text-decoration: none;
	display:inline-block;
	padding: 1px 6px;
	background: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.paginate a:hover,
.paginate  strong {
	text-decoration: none;
	background: #eee;
	border-top: 1px solid #E1E3DC;
	border-left: 1px solid #E1E3DC;
	border-bottom: 1px solid #F8F8F8;
	border-right: 1px solid #F8F8F8;
}

/*========================================================================*/
/*	TABS BOX | Basic styling of tabs for jQuery UI
/*	@usage
/*========================================================================*/
.tabs-box .tabs {display: block; border-bottom: 1px solid; text-align: right; margin-bottom: 0px;}
.tabs-box .tabs,
.tabs-box li a {color: #777; border-color: #777 !important; padding: 3px 5px 1px; /*border colour bug?*/}
.tabs-box .tabs li a {display: block; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; }
.tabs-box .tabs li.ui-tabs-selected a {margin-bottom: -1px; background: white;}
.tabs-box .ui-tabs-panel {padding: 0 0 0 0;}

.tabs-box .ui-tabs-panel {background: white;}
.tabs-box .ui-tabs-nav li {margin:0 0.2em 0 0;}
	
/*========================================================================*/
/*	SEARCH-BOX
/*	@usage div.search-box
/*========================================================================*/
.search-box input.submit {background:#efefef; height: 22px; position:relative; top: 1px;}
.search-box input.text-input {height: 15px;}

/*========================================================================*/
/*	Edit button
/*========================================================================*/
.edit-button {opacity: 0.75; margin-left: 5px;}
.edit-button:hover {opacity: 1}

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*							       TEMPLATES
						:: page specific CSS styling ::
					   :: think before you class-ify ::
						
/*========================================================================*/
/*========================================================================*/
/*========================================================================*/
/* orangy organge : #f4951d */
 
h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5 {color: #f4951d; font-family: "Century Gothic", Futura, 'Trebuchet MS', Verdana, Sans-serif; line-height: 1.2em;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {color: #FFB320;}


h1 {font-size: 25px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}


p {margin-top: 0; margin-bottom: 1em;}

a {color:#008da9; text-decoration: underline;}
/*a:visited {color: #008da9;}*/
a:hover {color: #0083D7; text-decoration: underline;}

.container_12 {position: relative;}
#nav {position:relative;}
#primary-search {position: absolute; top: 1px; right: 2px;}

#header-wrap {height: 134px; background: #f0bc28 url('/default/theme/images/header-bg.jpg') 50% 0;}
#header {height: 100%}
#header-logo {background: url('/default/theme/images/header-logo.jpg') no-repeat; width: 281px; height: 93px; display:block; position:absolute; top: 9px; left: 10px;}
#header-logo span {margin-left: -9999px;}
#header h1 {margin: 0;}

#header-wrap {position:relative; z-index: 1}
#container-wrap {position:relative; z-index: 2}

#breadcrumb {font-size: 11px; height: 26px}

#nav {display:block; position:absolute; bottom: 0; left: 10px; width: 100%; margin-left: 10px;}
#nav, #nav li {margin: 0; padding: 0; list-style:none;}
#nav li { float: left;}

#nav li a {
	display:block;
	padding: 7px 10px 9px 10px;
	margin-right: 4px;
	font: 14px 'Century Gothic', Futura, 'Trebuchet MS', sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	
	background-color: rgba(177, 109, 18, 0.6);
	
}

.no-rgba #nav li a  {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B16D12',EndColorStr='#99B16D12');
	/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B16D12',EndColorStr='#99B16D12')";*/
}

.ie8 #nav li a,
.ie7 #nav li a { behavior: url(/lib/js/PIE-1.0beta3/PIE.htc); }

#nav li a:hover { background-color: rgba(197, 129, 25, 0.6);}
.no-rgba #nav li a:hover {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99C58119',EndColorStr='#99C58119');
	/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99C58119',EndColorStr='#99C58119')";*/
}

#nav li.current a {background: white; color:#e5a901;}

.no-rgba #nav li.current a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFFF',EndColorStr='#FFFFFFFF');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFFF',EndColorStr='#FFFFFFFF')";
}

#searchbox {position: absolute; top: 66px; right: 0}

#container-wrap {padding-top: 10px; min-height: 440px; padding-bottom: 30px;}

#footer-wrap {background: url('/default/theme/images/footer-bg.jpg') 50% 50%; padding-top: 20px;}
#footer-strip {background: url('/default/theme/images/footer-strip.jpg') repeat-x 50% 0; height: 47px; overflow: hidden}
#footer-strip, #footer-strip a {color: white}
#footer-strip {text-align: center; line-height: 42px;}

#footer, #footer a, #footer h2, #footer h3 {color: #fff;}

#footer-strip, #footer-strip p {font-family: "Century Gothic", Futura, 'Trebuchet MS', Verdana, Sans-serif; font-size: 13px; font-weight: bold; text-align: center;}

#footer .feature-image {border-color:#fff;}

.box {background: url('/default/theme/images/dotted-horiz.gif') repeat-x top left;}
.box:first-child {background: none;}

.box:first-child {padding-top: 0;}

.divider-left {background: url('/default/theme/images/dotted-vert.gif') repeat-y top left;}
#sidebar.divider-left {padding-bottom: 5000px; margin-bottom: -5000px;}

.container_12 {overflow:hidden}


.box h2 {font-size: 16px; font-weight: bold;}
h2.section {text-transform: uppercase; font-size: 20px ;font-weight: normal; line-height: 28px;}
h3.tag-line {color: #8FA4B9; font-weight: normal;}

.about-journaids {font-family: "Century Gothic", Futura, 'Trebuchet MS', Verdana, Sans-serif; color:#f4951d; font-size: 14px;}

.feature-blog-item h3 a {color: #f4951d; font-weight: bold; font-size: 16px;}

.expert-item h3,
.blog-item h3 {font-weight: bold; font-size: 16px; color: #ebb41b;}

.expert-item h3 a,
.blog-item h3 a {color: #ebb41b;}


.blog-item .feature-image {border-color:#ebb41b;}

.summary {overflow:hidden}

.byline {font-family: "Century Gothic", Futura, 'Trebuchet MS', Sans-serif; font-size: 13px; line-height: 22px; font-weight:bold; display:block; margin-top: -4px; margin-bottom: 8px;}

.twitter-feed {list-style:none;}
.twitter-feed li {margin:0; font-size: 11px;}
.twitter-feed li a {color:#e3a701;}
.twitter-feed li.current a {background:#c40707;}
.twitter-feed li a:hover {background:#eee;}

.feature-image {padding-bottom: 4px; border-bottom: 4px solid #f4951d; margin-bottom: 5px;}
.feature-blog-item .feature-image {padding-bottom: 8px; border-bottom: 4px solid #f4951d; margin-bottom: 10px;}

.readmore {font-family: "Century Gothic", Futura, 'Trebuchet MS', Sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;}
.viewall {
	display:inline-block;
	font-family: "Century Gothic", Futura, 'Trebuchet MS', Sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: white;
	background:#2085c9;
	padding: 2px 5px 3px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.ie7 .viewall,
.ie8 .viewall {behavior: url(/lib/js/PIE-1.0beta3/PIE.htc);}

.viewall:hover {
	color: white;
	background: #2399EB;
	text-decoration: none;
}	

.feature-links li {margin-left: 18px;}
.feature-links a {
	font-family: "Century Gothic", Futura, 'Trebuchet MS', Sans-serif;
	font-size: 13px;
	line-height: 19px;
}

.newsletter-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 13px 0px 10px;
	background: #FDC401;
	float: right;
	width: 514px;
	color: #fff;
}

.newsletter-box p {
	font-size: 13px;
	font-weight: bold;
}

.special {font-family: "Century Gothic", Futura, 'Trebuchet MS', Sans-serif;font-size: 13px; line-height: 19px;}

.no-bullet li {list-style: none; margin: 0; padding: 0;}

.blog-meta {display: block; font-family: "Century Gothic", Futura, 'Trebuchet MS', Sans-serif; font-weight: bold; margin-top: 6px;}

.divider {border-bottom: 6px solid #e3e3e3; clear:both; margin-bottom: 8px;}

.heading {padding-left: 32px; background: url('/default/theme/images/heading-icons.png') no-repeat -93px 0; margin-bottom: 16px;}

.inthenews_heading, .analysis_heading {background: url('/default/theme/images/icon_inthenews_analysis.png') no-repeat; margin-bottom: 16px;}
.inthenews_heading.analysis_heading {padding: 4px 0px 4px 210px; background-position: 0px 0px;}

.inthenews_heading {padding: 4px 0px 4px 110px; background-position: 0px -50px;}
.inthenews_heading a, .inthenews_heading a:hover {color: #fc9e00 !important;}

.analysis_heading {padding: 4px 0px 4px 88px; background-position: 0px -100px;}
.analysis_heading a, .analysis_heading a:hover {color: #008DA9 !important;}
.analysis_heading .feature-blog-item h3 a {color: #008DA9 !important;}

.home-feed .inthenews_heading {
	padding: 4px 0px 4px 110px;
	display: inline;
	line-height: 25px;
}
.home-feed .analysis_heading {
	padding: 4px 0px 4px 90px;
	display: inline;
	line-height: 25px;
}

.twtr-hd, .twtr-ft {display: none;}
.twtr-widget .twtr-tweet-wrap {padding: 6px 0px;}

#footer .heading {background-image:url('/default/theme/images/heading-icons-white.png'); font-weight: normal; padding: 0px 0px 9px 32px;}
#footer .heading a {font-size: 14px;}

#footer .blog-item h3 a {font-size: 14px;}
#footer h2 {font-size: 16px; line-height: 1.2em;}


#footer .box.healthy-media .heading {background-position: -62px -90px;}
#footer .box.myths-misconceptions .heading {background-position: -91px -60px;}
#footer .box.subscribe .heading {background-position: -122px -30px;}

.myths-misconceptions .heading a,
.myths-misconceptions .heading {background-position: -123px -60px; color:#e6b305;}

.subscribe .heading {background-position: -153px -30px; color:#e6b305;}

.social-buttons {position: absolute; top: 123px;}
.social-buttons .facebook-button {
	display: block;
	background: url('/default/theme/images/icon_facebook.png') no-repeat;
	margin-bottom: 15px;
	height: 23px;
	padding: 4px 0px 0px 33px;
	color: #fdc401;
	font-weight: bold;
	text-decoration: none;
}
.social-buttons .twitter-button {
	display: block;
	background: url('/default/theme/images/icon_twitter.png') no-repeat;
	margin-bottom: 15px;
	height: 23px;
	padding: 4px 0px 0px 33px;
	color: #fdc401;
	font-weight: bold;
	text-decoration: none;
}

.media-toolkit .heading {background-position: -32px -152px; color:#e6b305; padding-bottom: 7px;}
.media-toolkit .heading a.linked-heading {text-decoration: none; color:#e6b305;}

.twitter .heading {background-position: 0px -182px; color:#e6b305; padding-bottom: 7px; margin: 0px;}

.ask-an-expert .heading {background-position: -63px -120px; color: #e6b305; margin-bottom: 0px;}

.trending-in-the-media .heading a,
.trending-in-the-media .heading {background-position: -183px 0; color:#b20606; font-size: 16px;}
.main .trending-in-the-media .heading {line-height: 22px;}
.sidebar .trending-in-the-media .heading {line-height: 30px;}
.trending-in-the-media h3, .trending-in-the-media h3 a {color:#b20606; font-size: 14px; font-weight: bold;}
.trending-in-the-media .feature-image {border-color: #b20606;}

.healthy-media .heading a,
.healthy-media .heading {background-position: -93px -90px; color: #8fa4b9}
.healthy-media .feature-image {border-color: #fff;}
.healthy-media .divider {border-color:#8fa4b9;}
.healthy-media .promo-box h3 a {color:#fff;}

.promo-box-wrap {width: 100%; overflow: hidden;}
.promo-box-holder {width: 240px}
.promo-box {width: 100px; padding: 4px 4px 8px 4px; background: #8fa4b9; margin-right: 4px; margin-bottom: 15px; float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	
.ie7 .promo-box, .ie8 .promo-box {behavior: url(/lib/js/PIE-1.0beta3/PIE.htc);}

.promo-box h3 {font-size: 11px; font-weight: bold; font-family: Verdana, sans-serif;}

.useful_box 		{ border:1px solid #000; padding:10px;}
.useful_table 		{ border:none; font-size: 11px;}
.useful_table tr, .useful_table td 	{ border-bottom:1px solid #999;}
.useful_td 			{ padding:7px; vertical-align:top; text-align: left;}
.useful_heading h3	{ font-size:22px; padding:12px 0 3px 0; margin:0;}
/* .useful_title 		{ color:#000;} */
.useful_table_heading, .useful_table_heading td { border:none !important; font-weight:bold;}

.alphabet_list 		{ float:right; margin:20px 0px 10px 0;}
.alphabet_list a 	{ text-decoration:none; font-weight:bold;}

.back_to_top 		{ vertical-align:middle; text-align:center;}
.back_to_top a		{ color:#000; text-decoration:none;}
/*========================================================================*/
/*	EVENTS SLIDESHOW
/*========================================================================*/

.promoAlbum .main-image {margin-bottom: 10px}

.attraction-slideshow-wrap {border: 1px solid #D3D1D1;}

.attraction-slideshow .slideImageLink {line-height:0; display:block;}
.attraction-slideshow .grad-b {border-top: none;}
.attraction-slideshow h3 {padding-top: 3px;}

.attraction-slideshow-wrap {position:relative;}

.attractionsPager-wrap {position:absolute; top: 187px; right: 0; z-index: 10; font-family: 'Century Gothic', Futura, 'Trebuchet MS', sans-serif;}
.attractionsPager-wrap {text-transform:uppercase; color:#fff; font-weight: bold; background: #fa7d03; width: 284px; display:block; height: 24px; line-height: 24px; padding: 0 12px;}
.attractionsPager {float: right;}
.attractionsPager a {display: block; width: 12px; height: 12px; line-height: 12px; float: left; margin: 5px; color:#fff;}
.attractionsPager a.activeSlide {background-position:0 0; color:#b20606;}

.attractionsPager-wrap:before {content: 'View Events';}

.slideImageLink img {border-bottom: 2px solid #fa7d03; margin-bottom: 12px;}


/**	----------------------------------------
/**	BLOG
/**	----------------------------------------*/
#blog #right-bar {
	float: right;
	background: url('/default/theme/images/dotted-vert.gif') repeat-y top left;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
	width: 285px;
}
.share-box {
	padding: 0 0 0 0;
	height: 20px;
}
.share-box div {
	float: left;
}

#blog #right-bar .quote-box {
	color: #F4951D;
	font-size: 14px;
	padding: 0 35px 0 35px;
	position: relative;
	margin: 35px 0 25px 0;
}

#blog #right-bar .quote-box span {font-size: 75px; color: #E3A701; position: absolute; font-family: Arial;}
#blog #right-bar .quote-box span.open {top:-30px; left:0px;}
#blog #right-bar .quote-box span.closed {bottom: -75px; right: 0px;}

#blog #right-bar .clippings-box {margin: 20px 0 0 0;}
#blog #right-bar .clippings-box .img-shadow {position: relative;}
#blog #right-bar .clippings-box .img-shadow .zoom-overlay {position: absolute; bottom: 0px;}
#blog #right-bar .clippings-box .img-shadow .zoom-overlay img {background: transparent; border: none; display: block;}

#blog #right-bar .tag-box {margin: 20px 0 0 0;}
#blog #right-bar .related-box {margin: 20px 0 0 0;}
#blog #right-bar .toolkit-box {margin: 20px 0 0 0;}

#blog #main .heading {padding-bottom: 8px; padding-top: 4px; margin: 0; margin-left: -4px;}

/**	----------------------------------------
/**	Tree View
/**	----------------------------------------*/
.ie6 .treeview li {height: 1%}
.treeview li a {
	font-family: 'Century Gothic', Futura, 'Trebuchet MS',  sans-serif;
	background: #e3a701;
	display:block;
	color:#fff;
	text-decoration: none;
	padding: 2px 16px 2px 5px;
	margin-bottom: 2px;
	font-size: 15px;
}

.treeview li.current a {
	background:#c40707;
}

.treeview li a:hover {
	color: #fff;
	background: #E9AC04;
}

.treeview li.current li a,
.treeview li li a {
	color:#e3a701;
	background: #faf9f9;
	font-weight: bold;
	font-size: 13px;
	margin-top:2px;
	margin-bottom:2px;
}

.treeview li li {
	border-top: 1px solid #e3a701;
}

.treeview li li:first-child {
	border-top:none;
}

.treeview li li:first-child a {border-top: none;}

.treeview li {
	margin: 0;
	overflow:hidden;
	position:relative;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	padding-top: 2px;
	position:absolute;
	right: 0;
	top: 0;
	cursor: pointer;
/*	border-left: 1px solid white;*/
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {margin: 0;}



#treecontrol {margin: 1em 0; display: none; }

.treeview .hover {color: red; cursor: pointer; }

.treeview .expandable-hitarea {background-position: -80px 0px; }

.treeview li.last {background-position: 0 -1766px }

.treeview li.lastCollapsable,
.treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  

.treeview li.lastCollapsable { background-position: 0 -111px }

.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-famfamfam li {background-image: url(../images/treeview-famfamfam-line.png); }

.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {background-image: url(/default/theme/images/treeview-famfamfam.png); } 

/*
	.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}
*/
/*
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }

*/
/*========================================================================*/
/*	GALLERY / ALBUM
/*========================================================================*/
#gallery .pagination {text-align: center;}
#gallery .pagination .pages {margin: 0 auto; height: 25px; width: 72px;}
#gallery .pagination .pages li {padding: 0 5px;}

/**	----------------------------------------
/**	stucture pagination
/**	----------------------------------------*/
ul.pagination, ul.pagination li {display:block;margin:0;padding:0;float:left;}
ul.pagination li {padding-right: 10px;}


/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*							PRINT AND OTHER MEDIA

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/* 
 * print styles
 */
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }

	a, a:visited { color: #444 !important; text-decoration: underline; }

	a:after { content: " (" attr(href) ")"; } 

	abbr:after { content: " (" attr(title) ")"; }

	.ir a:after { content: ""; }  /* Don't show links for images */

	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 

	tr, img { page-break-inside: avoid; }

	@page { margin: 0.5cm; }

	p, h2, h3 { orphans: 3; widows: 3; }

	h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}