html {
height:100%;
margin:0;
padding:0;
}

body {
background:#eaf1f1;
height:100%;
margin:0;
padding:0;
}


#wrapper {
background:#fff;
min-height:100%;
width:1014px;
margin:0 auto;
padding:13px;
position:relative;
}



#header {
background:#fff;
float:left;
clear:both;
height:118px;
width:1014px;
}



a#logo {
width:211px;
height:82px;
background:url(images/logo-ca-water-foundation2.jpg);
float:left;
margin-top:20px;
display:block;
}

a#mailing-list {
color:#9e9e9e;
text-transform:uppercase;
font-family:helvetica, arial, sans-serif;
font-size:12px;
display:block;
padding-left:18px;
float:right;
height:12px;
width:145px;
background:url(images/icon-mailing-list.png) no-repeat 0px 1px;
text-decoration:none;
margin-top:10px;
}


a#mailing-list:hover {
text-decoration:underline;
}


#middle {
float:left;
clear:both;
}

.subscribe {
height:160px;
width:200px;
background:#eaf1f1;
padding:30px;
float:left;
}



.subscribe input[type=text] {
	background:transparent url('images/form-bg.png') no-repeat top left;
	width:183px;
	height:29px;
	border:none;
	padding-left:7px;
	color:#666666;
	margin-bottom:20px;
	font-family:helvetica, arial, sans-serif;
	font-size:16px;
	outline:0;
	float:left;
clear:both;
}



#button-subscribe {
background:#004f81;
color:#fff;
font-family:helvetica, arial, sans-serif;
font-size:12px;
text-align:center;
height:29px;
width:75px;
border:0;
cursor:pointer;
margin-top:0px;
padding:0px;
float:left;
clear:both;
}

#button-subscribe:hover {
background:#1a6594;
}


.text-subscribe {
width:720px;
float:left;
margin-left:30px;
font-size:14px;
color:#999999;
text-align:justify;
font-family:helvetica, arial, sans-serif;
}


.text-subscribe p {
padding:0px;
margin-top:0px;

}

.subscribe-details {
color:#004f81;
font-size:10px;
font-family:helvetica, arial, sans-serif;
float:left;
clear:both;
padding-top:15px
}




#middle-sub {
float:left;
clear:both;
background:url(images/ca-water-main-sub.jpg);
width:1014px;
height:189px;
float:left;
clear:both;
position:relative;
}


#sub-bg {
position:absolute;
bottom:0;
height:69px;
width:160px;
background:#013f66;
opacity:0.7;
filter:alpha(opacity=70);
}

#middle-sub-about {
float:left;
clear:both;
background:url(images/ca-water-main-sub-about.jpg);
width:1014px;
height:189px;
float:left;
clear:both;
position:relative;
}


#middle-sub-about3 {
float:left;
clear:both;
background:url(images/ca-water-main-sub3.jpg);
width:1014px;
height:189px;
float:left;
clear:both;
position:relative;
}




.top-title {
font-family:times, serif;
color:#fff;
position:absolute;
bottom:0px;
left:0px;
background:url(images/title-bg.png);
/*background:rgba(1,63,102,0.7); */
/* behavior: url(PIE.htc); */
}

.top-title h2 {
font-family:times, 'Times New Roman', serif;
color:#fff;
padding:18px 20px 18px 15px;
margin:0;
font-weight:normal;
font-size:32px;
}



/* #middle img {
float:left;
clear:both;
margin:0;
padding:0;
}
*/

#middle2 img {
border:0px;
float:left !important;

}



#content {
min-height:100%;
float:left;
clear:both;
width:1014px;
background:#fff;
padding-top:25px;
}

#content-sub {
min-height:100%;
float:left;
clear:both;
width:1014px;
background:#fff;
padding-top:15px;
}

#column-left-container  {
min-height:100% !important;
width:750px;
float:left;
}



#column-left {
min-height:100%;
width:474px;
float:left;
font-family:helvetica, arial, sans-serif;
padding-left:26px;
}


#column-right {
min-height:100%;
width:462px;
float:left;
font-family:helvetica, arial, sans-serif;
padding-left:43px;
}





#column-left h2, #column-right h2 {
color:#004f81;
font-size:24px;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
}


#column-left p, #column-right p {
color:#004f81;
font-size:13px;
font-family:helvetica, arial, sans-serif;
text-align:justify;
width:438px;
}


#column-left a, #column-right a {
color:#004f81;
font-size:13px;
font-family:helvetica, arial, sans-serif;
text-align:right;
width:438px;
font-weight:bold;
float:right;
padding-top:10px;
}


#column-left-sub {
min-height:100% !important;
font-family:helvetica, arial, sans-serif;
padding-left:5px;
padding-right:25px;
overflow:display;
color:#004f81;
font-size:13px;
/*width:auto !important;*/
width: 520px;

float: left;
}


#column-left-sub a {
color:#013657;
}


#column-left-sub a img {
	border:none;
}



#column-right-sub {
min-height:100%;
width:225px;
float:left;
padding-left:22px;
margin-right:10px;
border-left:1px solid #d9d9d9;
}






#column-left-sub1 {
min-height:100%;
width:162px;
float:left;
font-family:helvetica, arial, sans-serif;
padding-left:22px;
padding-top:10px;
}


#column-right-sub p {
color:#003557;
/* font-family:helvetica, arial, sans-serif; */
font-family:times new roman, serif;
font-size:19px;
text-align:justify !important;
font-style:italic !important;
font-weight:normal !important;
}






#column-right-sub strong {

font-weight:normal !important;


}


#column-left-sub p {
color:#004f81;
font-size:13px;
font-family:helvetica, arial, sans-serif;
/* text-align:justify; */
}


#column-left-sub ul li, #column-left-sub ol li {
padding-bottom:18px;
}

#content-sub {
color:#004f81;
font-size:13px;
font-family:helvetica, arial, sans-serif;
}

#column-left-sub h2, #content-sub h2 {
color:#004f81;
font-size:24px;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
}


#content-sub h3, #column-left-sub h3 {
color:#004f81;
font-size:20px;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
}


#content-sub h4, #column-left-sub h4 {
color:#004f81;
font-size:16px;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
}


#column-left-sub h3 a {
color:#004f81;
font-size:20px;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
text-decoration:none !important;	
padding-top:0px !important;
margin-top:0px !important;
-webkit-margin-before: 0px !important;
}


#column-left-sub h3 a:hover {
	text-decoration:underline !important;
	
}

.quote1 {
padding-bottom:32px;
padding-top:15px;
border-bottom:1px solid #d9d9d9;
color:#003557;
/* font-family:helvetica, arial, sans-serif; */
font-family:times new roman, serif;
font-size:19px;
text-align:justify; 
font-style:italic;
}


span.quote1  {
display:block;
}


.quote2 {
padding-bottom:32px;
padding-top:32px;
border-bottom:1px solid #d9d9d9;
color:#003557;
/* font-family:helvetica, arial, sans-serif; */
font-family:times new roman, serif;
font-size:19px;
text-align:justify;
font-style:italic;
}




.quote-source {
font-style:italic;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
color:#004f81;
font-size:11px;
text-align:right;
padding-top:5px;
}




#footer {
float:left;
clear:both;
background:#fff;
height:25px;
width:1014px;
padding-bottom:15px;
padding-top:15px;
}



/* nav menus */


#nav {
margin-top:60px;
float:right;
height:15px;
padding-right:0px;
/* width:650px; */
clear:right;
}


#nav ul {
	padding:0px;
	margin:0;
	list-style-type:none;
	float:right;
}




#nav ul li {
float:left;
position:relative;
}

#nav ul li a {
	float:left;
	height:15px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	background:url(images/nav-divider.png)  0px 2px no-repeat; 
	color:#008cb9;
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold
	
}

#nav ul li a.current {
color:#005b78;
}


#nav ul li a:hover {
	float:left;
	display:block;
	text-decoration:underline;
}







#nav ul li:first-child a  {
	background:none;
}






/* submenu */


/*
 #nav ul ul li {
	
	background:url(images/nav-horz-divider.png) repeat-x bottom; 
	width:225px;
	
}


#nav li ul {
position:absolute;
top:57px;
left:-15px;
background:#7f7f7f;
display:none;
width:225px;
height:auto;
}



#nav li:hover ul {
	display:block;
	z-index:9999;
	margin-top:5px;
	width:225px;
}


#nav ul ul li a:link, #nav ul ul li a:visited
{
	float:left;
	padding-bottom:17px;
	padding-top:2px;
	display:block;
	text-align:center;
	float:left;
	color:#fff;
	background:transparent;
		line-height:15px;
		text-align:left;
		height:auto;
		width:225px;
}




#nav ul ul li a:hover, #nav ul ul li a:hover:visited  {
	float:left;
	padding-bottom:17px;
	padding-top:2px;
	display:block;
	text-align:center;
	float:left;
	color:#fff;
	background:transparent;
	text-decoration:underline;
	line-height:15px;
	text-align:left;
	width:225px;
}


#nav ul ul li:last-child  {
	background:none;
	
}
*/

	
/* end submenu */




#nav-footer {
margin-top:25px;
float:right;
height:15px;
padding-right:0px;
width:650px;
clear:right;
}


#nav-footer ul {
	padding:0px;
	margin:0;
	list-style-type:none;
	float:right;
}




#nav-footer ul li {
float:left;
position:relative;
}

#nav-footer ul li a {
	float:left;
	height:15px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	background:url(images/nav-divider.png)  0px 2px no-repeat; 
	color:#008cb9;
	font-family:helvetica, arial, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}


#nav-footer ul li a.current 

{ 
color:#005b78;
}






#nav-footer ul li a:hover {
	float:left;
	display:block;
	text-decoration:underline;
}



#nav-footer ul li:first-child a  {
	background:none;
}


ul.nav-right, #column-left-sub1 ul {
min-height:100%;
list-style-type:none;
padding:0;
margin:0;
float:left;
width:125px;
}

ul.nav-right li, #column-left-sub1 ul li {
width:125px;
padding-bottom:15px;
 background:url(images/nav-divider-horz.png) repeat-x;
/* border-top:1px solid #d9d9d9; */
}

ul.nav-right li:first-child, #column-left-sub1 li:first-child {
width:125px;
background:none;
padding-top:0;
margin-top:0;
}

ul.nav-right li a, #column-left-sub1 ul li a {
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	color:#008cb9;
	width:125px;
padding-top:17px;
}

ul.nav-right li a:first-child, #column-left-sub1 ul li a:first-child {
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	color:#008cb9;
	width:125px;
padding-top:14px;
}


ul.nav-right li a:hover, #column-left-sub1 ul li a:hover {
	font-family:helvetica, arial, sans-serif;
	text-decoration:underline;
	display:block;
	color:#008cb9;
}


#copyright {
float:left;
color:#c0c0c0;
font-family:helvetica, arial, sans-serif;
font-size:13px;
padding-top:25px;
}


.clear {
height:10px;
clear:both;
}

.vert-divider {
background:#d9d9d9;
width:1px;
float:left;
height:169px;
}

/* image padding */


/*
.image-left-side10 {
padding:10px 10px 10px 0px;
}

.image-right-side10 {
padding:10px 0px 10px 10px;
}


.image-left-side12 {
padding:12px 12px 12px 0px;
}

.image-right-side12 {
padding:12px 0px 12px 12px;
}


.image-left-side14 {
padding:14px 14px 14px 0px;
}

.image-right-side14 {
padding:14px 0px 14px 14px;
}


.image-left-side16 {
padding:16px 16px 16px 0px;
}

.image-right-side16 {
padding:16px 0px 16px 16px;
}



.image-left-side18 {
padding:18px 18px 18px 0px;
}

.image-right-side18 {
padding:18px 0px 18px 18px;
}


.image-left-side20 {
padding:20px 20px 20px 0px;
}

.image-right-side20 {
padding:20px 0px 20px 20px;
}



.image-left-side22 {
padding:22px 22px 22px 0px;
}

.image-right-side22 {
padding:22px 0px 22px 22px;
}


.image-left-side24 {
padding:24px 24px 24px 0px;
}

.image-right-side24 {
padding:24px 0px 24px 24px;
}



.image-left-side26 {
padding:26px 26px 26px 0px;
}

.image-right-side26 {
padding:26px 0px 26px 26px;
}


.image-left-side28 {
padding:28px 28px 28px 0px;
}

.image-right-side28 {
padding:28px 0px 28px 28px;
}


.image-left-side30 {
padding:30px 30px 30px 0px;
}

.image-right-side28 {
padding:30px 0px 30px 30px;
}
*/


.caption img {
	border:none !important;
	padding:0px !important;
	margin-bottom:5px;
}


.caption p {
	font-size:11px !important;
	border:none !important;
}


.left {
float:left;
padding-top:5px !important;
border:none;
}




.left img {
	padding:16px 16px 16px 0px;
}

.right {
float:right;
padding-top:5px !important;
border:none;
}

.right img {
	padding:16px 0px 16px 16px;
}



.right p {
border:none !important;
}

.left p {
border:none !important;
}



/* #column-left-sub img {
padding:20px;
}
*/


.pgCurrent {
	background:#004f81 !important;
	color:#fff !important;
}

#pager ul.pages li:hover {
border:1px solid #004f81 !important;
}

.page-number, .pgNext, .pgPrevious

{
	color:#008cb9;
}




.blogcontent hr {
color:#d9d9d9 !important;	
border:none;	
background:#d9d9d9 !important;
height:1px;
}

.blogcontent h3 a {
	color:#004f81 !important;
	padding:0px !important;
	margin:0px !important;
}

.blogcontent h3 {
padding:0px !important;
	margin:0px !important;


}

.blogcontent p a {
	color:#004f81 !important;
	font-weight:bold;
}


.blogcontent img, #content-sub img {
/*	border:3px solid #d4dbd4 !important; */
	
}