/**
 * @version		1.5.5 April 9, 2010
 * @author		RocketTheme, LLC http://www.rockettheme.com
 * @copyright 	Copyright (C) 2007 - 2010 RocketTheme, LLC
 * @license		http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
 */
/* Blue */

body.bc-blue {
	border-top: 4px solid #0D5079;
}

.bc-blue .contentheading,
.bc-blue #main-section a,
.bc-blue .moduletable h3,
.bc-blue #left-column .module h3,
.bc-blue #right-column .module h3,
.bc-blue #left-column .module-menu h3,
.bc-blue #right-column .module-menu h3,
.bc-blue #bottommodules1 .module h3,
.bc-blue #bottommodules2 .module h3,
.bc-blue #sub-menu a {
	color: #006FA1;
	margin-top:5px;
	
}

.bc-blue img#logo {
	background: url(../images/blue/cob_logo.png) 0 0 no-repeat;
}

.bc-blue #showcase {
	background: #ffffff url() 0 0 no-repeat;
}

.bc-blue .showcase-div {
	background: url(../images/blue/showcase-div.png) 0 0 repeat-x;
}

.bc-blue #showcase .column-1 {
	border-right: 1px solid #cccccc;
}

.bc-blue #showcase a {
	color: #006FA1;
}

.bc-blue #showcase ul.latestnews li {
	background-color: #083552;
}

.bc-blue #showcase ul.latestnews li:hover {
	background-color: #06273C;
}

.bc-blue .date-block {
	border-bottom: 1px solid #1478B7;
}

.bc-blue span.date-number {
	background: #1478B7;
	color: #fff;
}

.bc-blue #horiz-menu li.active a,
.bc-blue #horiz-menu li.active .separator,
.bc-blue #bottom-menu ul#mainlevel-bottom a#active_menu.mainlevel-bottom,
.bc-blue #bottom-menu ul#mainlevel-bottom a.mainlevel-bottom:hover {
	border-top: 5px solid #0D507A;
	color: #0D507A;
}

.bc-blue #news-rotator .story {
	border-top: 1px solid #cccccc;
	color: #999999;
}



/************************************************
*	Q&A									*
************************************************/

.question {
	font-weight:bold;
	margin-bottom: 10px;
	font-size: 15px;
	line-height:1.4em;
}

.answer {
   margin-left: 10px;
   font-size: 14px;
   margin-right: 5px;
   margin-bottom: 10px;
   background-color: #f5f5f5;
   line-height: 1.4em;
}

blockquote{
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	background-image: url(http://www.circleofblue.org/waternews/pull_quotes.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 5px 10px 5px 10px;
	padding: 15px 20px 20px 25px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}

	
#content blockquote p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.block_left {
	float: left;
	width: 210px;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-image: url(http://www.circleofblue.org/waternews/pull_quotes.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.block_right {
	float: right;
	width: 210px;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-image: url(http://www.circleofblue.org/waternews/pull_quotes.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.pull_right {
	float: right;
	width: 210px;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.pull_left {
	float: left;
	width: 210px;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#forecast_sidebar {
	float: right;
	width: 260px;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: -10px;
        line-height: 12px;
}


.sidebarForecast {
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 10px;
}

.sidebarForecast ul li {
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	padding-bottom:5px;
	}

.photoCredit {
	color: rgb(144, 144, 144);
	font-family: arial;
	font-size: 9px;
	height: 10px;
	text-align: right;
	display: block;
	padding-bottom: 5px;
	margin-right:8px;
}

.photoCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	display: block;
	margin-right: 5px;
	margin-left: 8px;
	line-height: 11px;
}

.photoRight {
	display: block;
	float: right;
	width: 300px;
	text-align: right;
    padding-left: 10px;
    margin-bottom: 10px;
}

.photoCenter {
	display: block;
	float: right;
	width: 590px;
	text-align: left;
    margin-bottom: 12px
}

.photoLeft{
	display: block;
	float: left;
	width: 300px;
	text-align: left;
    padding-right: 5px;
    margin-bottom: 10px;
}

.photoLeft a img { 
   border-style:none; 
} 

.photoRight a img { 
   border-style:none; 
} 

.photoCenter a img { 
   border-style:none; 
} 

#homepageright {
	float: left;
	width: 313px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dfdfdf;
	}
	
#homepageright p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
.section {
	float: left;
	width: 590px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #dfdfdf;
	}

	
.sectionWC {
	float: left;
	width: 295px;
	background: #def4ff;
	padding: 10px 9px 10px 10px;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #dfdfdf;
	}
	
.thumb {
	background: #FFFFFF;
	float: right;
	width: 270px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	}
	
.thumbleft {
	float: left;
	width: 70px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.thumbright {
	float: right;
	width: 510px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	}

	
.postarea {
	background: #FFFFFF;
	float: left;
	width: 590px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;
	}

	
#newsticker-demo { 
width:310px; 
padding:0; 
}

#waternews-twitter { 
width:620px; 
height:100px;
padding:5px; 
}

#newsticker-news { 
width:310px; 
padding:0; 
}

.newsticker-jcarousellite { width:300px;
border-top:1px #cccccc dotted;
border-bottom:1px #cccccc dotted;
padding-top:5px;
padding-bottom:5px;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:5px; margin-bottom:5px; }

.waternews-twitter{ width:300px;
padding-top:5px;
padding-bottom:5px;}
.waternews-twitter ul li{ list-style:none; display:block; padding-bottom:5px; margin-bottom:5px; }



.waternews-slider { width:300px;

border-top:1px #cccccc dotted;
border-bottom:1px #cccccc dotted;
padding-top:5px;
padding-bottom:5px;}
.waternews-slider ul li{ list-style:none; display:block; height:105px; padding-bottom:1px; margin-bottom:2px; }


.waternews-top { width:550px;margin-left:4px;text-align:center; height:280px; }

.waternews-top ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:10px; }


#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
	
/* TEXT SHADOW default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
  color: white;
}

.shadow a {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
  color: white;
}
/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.07em 0.10em;
  padding: 0;
  color: black; 
}

#shadow_1:before { 
  content: 'Reign of Sand: Inner Mongolia'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: black 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/


/* For China Karst Page */
.frontRotators {
	width: 940px;
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 50px;
	z-index: 1;
}

.rotatorLarge {
	height: 200px;
	width: 615px;
	float: left;
	
}

.rotatorSmall {
	height: 95px;
	width: 315px;
	float: right;
	margin-bottom: 10px;	
}
/* End China Karst */

.sidebarForecast p, #forecast_sidebar p {
	font-size:10px;
}


#normal_case_sidebar {
	float: right;
	width: 260px;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: -10px;
        line-height: 12px;
}


.prod_img {
	margin:auto;
	padding:auto;
	width:88px;
	height:105px;
	overflow:hidden;
	margin: 5px 2px 5px 2px;
	border:1px solid black;
	
	
}

.prod_name {
	width:175px;
	font-size:120%;
	font-weight:bold;
	overflow:hidden;
	margin: 5px 2px 5px 2px;
	
}

.prod_title {
	width:175px;
	overflow:hidden;
	font-size:87%;
	font-weight:bold;
	margin: 5px 2px 5px 2px;
	font-weight:700;
	
	
}

.prod_desc { 
	width:175px;
	font-size:90%;
	border-top:1px solid #666;
	overflow:hidden;
	margin: 5px 2px 5px 2px;
}

.post-content p {
	font-size:14px;
	line-height:1.4em;
}

#tabs { 
  float:left; 
  margin-top:20px;
  position:relative;
  width:280px; 
  min-height:400px;
  display:block;
  margin-bottom:0px;
  padding:8px;
  border:1px solid #E6E6E6;
  border-radius: 15px;
  
}
#tabs #buttons { 
  position:absolute; 
  top:0; left:0; 
  margin:0; padding:0;
  background-color:white; 
  color:black; 
  list-style:none;
  height:0px; 
}
#tabs #buttons li { 
  float:left;
  height:20px;
  margin:10px 0 10px 20px;
}
#tabs #buttons a {
  text-decoration:none;
  color:#888; 
  display:block; 
  padding:5px 8px;
  border:2px solid #E6E6E6;
  -moz-border-radius: 15px;
  border-radius: 15px;
   -webkit-border-radius: 15px;
}
#tabs #buttons a:hover { background-color:#eee; }
#tabs #buttons a.selected { 
  color:black; 
  background-color:#EDEDED; 
  border-right-width:0px;
}
#tabs #buttons a.selected:hover { background-color:#EDEDED; }

#tabs .infobox {
  margin:23px 0 15px 0;
  float:left;
  display:none;
  width:280px; 
}
#tabs .enabled { display:block; }
#tabs .infobox ul { margin-left:20px; padding-left:0px; }

.vertical {
	color:white;
	border:1px solid black;
	background:#336699;
	white-space:nowrap;
	float:right;
	display:block;
	width:135px;
	height:300px;
	font-size:28px;
	font-weight:normal;
	padding:12px 6px 6px 6px;
	margin:4px;
	text-transform:uppercase;
	display:block:
}

.update {
	font-size:14px;
	padding-top:10px;
}

.update-date {
	font-weight:bold;
	border-top:1px solid grey;
	border-right:1px solid grey;
	border-left:1px solid grey;
	display:block;
	color:#818181;
	padding:3px 4px;
	background:#f0f4f5;
	font-size:110%;
	text-align:right;
}

.update-title {
	display:table;
	font-weight:bold;
	font-size:130%;
	padding:10px 4px;
	display:block;
	border:1px solid grey;
	
}

.update p {
	margin-left:0px;

}

.block_action {
	float: left;
	width: 253px;
	font-weight: normal;
	font-size: 22px;
	line-height:1.2em;
	color: #000000;
	font-family: "Lucida Grande";
	border-top-width: 0px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #000000;
	background-image: url('http://www.circleofblue.org/waternews/actionfigurequotes.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.actionfigure-text {
	font-family: 'Lucida Sans Unicode';
	font-size:12px;
}

#scrolling-nav-thing::-webkit-scrollbar {
    width: 12px;
	height:10px;
	}
#scrolling-nav-thing::-webkit-scrollbar-track {
    background:#e6e7e8;
	height:10px;
	}
#scrolling-nav-thing::-webkit-scrollbar-thumb {
    background:black; 
	height:10px;
	}
#scrolling-nav-thing::-webkit-scrollbar-button       { 
	}
#scrolling-nav-thing::-webkit-scrollbar-track-piece  {

	}
#scrolling-nav-thing::-webkit-scrollbar-thumb        { 
	}
#scrolling-nav-thing::-webkit-scrollbar-corner       { 
	}
#scrolling-nav-thing::-webkit-resizer                {
	}
	
#dfcg-image {
	min-height:250px;
	max-height:250px;
	height:250px;
}
#dfcg-text {
	min-height:125px;
}

#links-page {
	width:100%;
    margin:0 0px 0px 0px;
	list-style:none;
}

#links-page ul {
	list-style:none;
	padding:0;
	margin:0;
}
.links-box {
    float:left;
    list-style:none;
	width:271px;
	margin:0px 5px 20px 5px;
	border:0px solid black;
	}
.links-content {
    width:100%;
	font-size:11px;
	line-height:1.8em;
	margin:0;
	padding:0;
	}

.links-content h1 {
	font-size:17px;
	color:#2a6db9;
	text-transform:uppercase;
	padding:0;
	margin:0;
	}

.link-content ul {
    list-style:none;
	
    }
.link-content li {
    margin:0px 0px 10px 10px;
	padding:10px 0px 20px 0;
	list-style:none;
	}
	
.link-content ul li {
	list-style:none;
	}

.wd-section {	
	color:white;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	top:0;
	width:18px;
	height:18px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
.wd-section {	
	padding:-2px 0 0px 0;
}

/* New Gallery? */

.gallery {
   
}

.gallery img {
	max-width:177px;
	max-height:117px;
}

.gallery-item {
   max-width:177px;

   list-style:inline;
   margin-right:10px;
}

.gallery-icon {
	
}

.gallery-caption {
	visibility:hidden;
	width:0px;
	height:0px;
}