/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

/*
Web Font install
*/

@font-face{ 
	font-family: 'MyWebFont';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     url('WebFont.woff') format('woff'),
	     url('WebFont.ttf') format('truetype'),
	     url('WebFont.svg#webfont') format('svg');
}


{
    margin: 0px;
    padding: 0px;
}

img{
    padding: 0px;
    border: none;
}

a{
    color: #18749f;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #d17b02;
}

h1{
	font-size: 3em;
	font-family: 'MyWebFont', 'Julius Sans One', 'Century Gothic', sans-serif;
	color: #18749f;
	font-weight: bold;
	text-align: center;
	padding: 25px 0px 10px 0px;
	margin-top: 0px
}

h2{
	color: #1d2731;
	font-family: 'Julius Sans One', "Century Gothic", sans-serif;
	font-size: 1em;
	margin-top: -10px;
	border-bottom: thick;
}
p {
	color: #18749f;
	font-size: 1.2em;
}

h3{
	font-size: 2em;
	font-family: 'Century Gothic', sans-serif;
	color: #cd5360;
	padding-top: 20px;
	text-align: center;
}
body {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 18px;
    color: #18749f;
    background: #ffffff /*url(brigalow/images/bg.jpg)*/ no-repeat top center fixed;
	min-width: 750px;
	margin: 0;
}

ul {
	margin: 0;
}

.clear{
	clear: both;	
}

#wrap{ 	
	width: 1050px; 	
	margin: 0 auto; 
}

/*
menu
*/

#menu{
	width: 100%;
	margin: 0 auto;
	height: 66px;
	background: url(brigalow/images/menu_bg_VerticalBlueV4.png) repeat-x;
	float: top;
}

#menu ul{
	padding-left: 0px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	width: 771px;
	
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	font-size: 24px;
	font-family: 'Georgia', serif;
    color: #535666;
    font-weight: bold;
    text-decoration: none;
	text-align: center;
    display: block;
    float: left;
    width: 150px;
    height: 61px;
	line-height: 61px;
	text-shadow: 1px 1px 2px #ffffff;
}
#menu :hover {
    text-decoration: none;
    color: #cd5360;
}
/*
menu2
*/

#menu2{
	height: 0px;
	float: top;
	padding-bottom: 60px;
}

#menu2 ul{
	padding-left: 0px;
	list-style: none;
	margin: 0 auto;
	width: 910px;
	float: center;
}

#top_padding{
	height: 0px;
}

/*
	content
*/

#content_top{
	background: url(brigalow/images/content_top_blue.png) top left;
	height: 25px;
}



#content_bottom{
	background: url(brigalow/images/content_bottom_blue.png) top left;
	height: 24px;
}

#content_bg_repeat{
	background: url(brigalow/images/content_bg_repeat_blue.png) left repeat-y;
	padding: 0px 24px 0px 25px;
}

#content_bg_repeat ul{
	padding: 0;
	list-style-type: none;
}

/*
	content box 1
*/

#content_box1{
	padding-bottom: 25px;
}

#content_box1 h1{
	font-size: 20px; 
	font-family: 'Julius Sans One', "Century Gothic", sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px 10px 0px;
	margin-top: 0px
	
}

#content_box1 p{
	font: Arial, "Century Gothic", sans-serif;
}

#column1, #column2, #column3{
	float:left;
	width: 475px;
}

#column1 p, #column2 p, #column3 p{
	padding: 25px 11px 0px 11px;
}

#column2{
	margin: 0px 21px 0px 22px;
}

/*
	content box 2
*/

#content_box2{
	background: url(brigalow/images/content_box2_bg_dkblue.png) left repeat-y;
}

#content_box2_top{
	background: url(brigalow/images/content_box2_top_dkblue.png) left top no-repeat;
}

#content_box2_bottom{
	background: url(brigalow/images/content_box2_bottom_dkblue.png) left bottom no-repeat;
	min-height: 40px;
	padding: 18px 17px 12px 17px;
}

#content_box2 h1{
	text-align: left;
	padding-left: 0px;
	font-size: 2.5em;
	font-family: "Century Gothic", sans-serif;
	color: #ffffff;
	padding-top: 20px;
	text-align: center;
	
}

#column1_box2{
	float: left;
	width: 319px;
	margin-right: 41px;
}

#column2_box2{
	float: left;
	width: 302px;
	margin-right: 41px;
}

#column3_box2{
	float: left;
	width: 261px;
}

#column2_box2 ul{
	padding-left: 0px;
    list-style: none;
}

#column2_box2 ul li a{
	display: block;
	background: url(brigalow/images/ls.gif) no-repeat left center;
	padding-left: 24px;
	margin-bottom: 5px;
	color: #666666;
	font-weight: normal;
}

#column2_box2 ul li a:hover{
	color: #ffffff;
}

#footer {
	font-size: large;
	padding: 0.3em;
	background: #cddf79;
}

/*
	footer top
*/

#footer_top{
	width: 841px;
	margin: 0 auto;
	background: url(brigalow/images/footer_top_border.png) no-repeat bottom;
	padding-top: 23px;
}

#footer_top h2{
	font: 18px
	font-family: 'Julius Sans One', "Century Gothic", sans-serif;	
	color: #000000;
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 25px;
}

#footer_top a{
	color: #000000;
	font-weight: bold;
}

#footer_top a:hover{
	color: #ffffff;
}

#footer_top p{
	color: #000000;
}

#footer_column1, #footer_column2, #footer_column3{
	width: 226px;
	float: left;
}

.footer_text{
	background: url(brigalow/images/footer_top_border.png) no-repeat top left;
	width: 226px;
	padding: 10px 0px 10px 0px;
}

#footer_column2{
	padding: 0px 87px 0px 75px;
}


/*
	footer bottom
*/

#footer_bot{
	text-align: center;
	padding: 50px 0px 50px 0px;
}

#footer_bot a, #footer_bot p{
	color: #000000;
	font-weight: normal;
}


/*
Stevens CSS
*/
/* 
Layout
 */


/* body {	
min-width: 630px;
} */

#container  {		
	padding-left: 200px;		
	padding-right: 190px;
	border: 2px solid #d9edf6;
	overflow: hidden;
}

#container .column {		
	position: relative;		
	float: left;	
	padding-top: 0em;
	padding-bottom: 1001em;
	margin-bottom: -1000em;		
}		

#center {			
	padding: 10px 10px;		
	width: 100%;	
	background: #ffffff;	
}

#left {			
	width: 220px;		
	padding: 0px 0px;		
	right: 240px;		
	margin-left: -100%;	
	background: #d9edf6;
	}	

#left2 {			
	width: 220px;		
	padding: 0px 0px;		
	right: 240px;		
	margin-left: -100%;	
	background: wheat;
}

#right {			
	width: 100px;
	padding: 0 0px;
	margin-right: -100%;
	background: white;	
}		

/* IE hack */
* html 
/*LEAVE in this #left tag*/

#left {
	left: 150px;	
}

/* #left2 {
	left: 150px;	
} */	

/* Fix for the footer */

* html body {
overflow: hidden;
}


/* Aesthetics */
/*
body {
	margin: 0;
	padding: 0;
	font-family:Sans-serif;	
	line-height: 1.5em;
}
*/


/*Navigation List*/

#navdiv{
	font: 18px Arial, 'Century Gothic', sans-serif;
    color: #18749f;
    font-weight: normal;
    text-decoration: none;
	text-align: left;
	float: left;
}
#navdiv ul {
	list-style-type: none;
	margin: 80px 0px 0px 0px;
	padding-top: 20px;
	font: Arial, 24px;
}

#navdiv ul li a {
	color: #18749f;
	text-decoration: none;
	font: Arial, 24px;
	width: 100px;
	margin: 10px;
}	

#info p{
	width: 150px;
	float: left;
	text-align: left;
	font: 10px Arial, "Century Gothic", sans-serif;
	margin: 1px;
	
}

#info {
	width: 150px;
	float: left;
	text-align: left;
	font: 10px Arial, "Century Gothic", sans-serif;
	padding: 5px;
	background: #ffffff;
	-moz-box-shadow: 10px 10px 14px -7px #18749f;
	-webkit-box-shadow: 10px 10px 14px -7px #18749f;
	box-shadow: 10px 10px 14px -7px #18749f;
	
}

#navdiv .Button {
	-moz-box-shadow: 0px 10px 14px -7px #18749f;
	-webkit-box-shadow: 0px 10px 14px -7px #18749f;
	box-shadow: 0px 10px 14px -7px dimgray;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #18749f));
	background:-moz-linear-gradient(top, #79bbff 5%, #18749f 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #18749f 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #18749f 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #18749f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#18749f',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

#navdiv .ButtonLAMB {
	-moz-box-shadow: 0px 10px 14px -7px #18749f;
	-webkit-box-shadow: 0px 10px 14px -7px #18749f;
	box-shadow: 0px 10px 14px -7px maroon;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #18749f));
	background:-moz-linear-gradient(top, #79bbff 5%, #18749f 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #18749f 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #18749f 100%);
	background:linear-gradient(to bottom, peru 5%, saddlebrown 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#18749f',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

#navdiv .Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #18749f), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #18749f 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #18749f 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #18749f 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #18749f 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #18749f 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#18749f', endColorstr='#79bbff',GradientType=0);
	background-color:#18749f;
}
#navdiv .Button:active {
	position:relative;
	top:5px;
}


/* page header */

#header{
	width: 1050px;
	margin: 0 auto;
	background: #18749f;
	text-align: center;
	height: 60px;
}

#header h1{
	font-size: 3.6em;
	font-family: 'MyWebFont', 'Julius Sans One', 'Century Gothic', sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 5px #25353d;
	margin-bottom: 0px;
	line-height: 30px;
}




/*  */

#wrapper {
	width: 1050px;	
	margin: 0 auto;
	/*padding: 10px 10px 10px 10px;*/
}

/*
workarea*/


#workarea #styled-chart-labels #graphdiv1 #raindiv.dygraph-title {
  /* This rule only applies to the chart title */
  font-size: 36px;
  text-shadow: gray 2px 2px 2px;  /* color, delta-x, delta-y, blur radius */
}


#workarea{
	padding-left: 200px;		
	padding-right: 190px;
	padding: 0px;
}

#workarea h2{
	color: #1d2731;
	font-family: 'Julius Sans One', "Century Gothic", sans-serif;
	font-size: 1.5em;
	margin-top: -10px;
	border-bottom: 1px;
}

#workarea h1 {
	color: #18749f;
	font-family: 'Julius Sans One', "Century Gothic", sans-serif;
	font-size: 3em;
}

 #workarea #styled-chart-labels .chart {
  /* border: 1px dashed lightblue; */
  margin: 5px  5px 5px 50px;
  padding: 10px;
}
 
#workarea  #graphdiv1 #raindiv .dygraph-label { 
	color: #1d2731
}


/*
graphs
*/

#raindiv{
	width: 6400px;
	height: 300px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 10px 10px 10px 10px;
	border: 2px dashed #18749f;
	float: left;
}

#graphdiv1{
	width: 640px;
	height: 300px;
	padding-bottom: 10px;
	padding-left: 0px;
	border: 2px dashed #18749f;
	margin: 10px 10px 10px 10px;
	float: left;
}

#graphdiv1 {
	padding-left: 10px;
}

#graphdiv1 .dygraph-label { 
	font-family: Georgia, Verdana, serif; 
	color: #18749f;
	font-size: 18px;
	padding-top:5px;
	/* padding-bottom: 5px; */
	}

#graphdiv1 .dygraph-title { 
	font-size: 24px; 
	/* text-shadow: gray 2px 2px 2px; */
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 2px;
}

#graphdiv1 .dygraph-ylabel { 
	font-size: 18px;
	padding-top: 0px;
	margin: px;
	/* text-shadow: gray -2px 2px 2px; */ 
}

#graphdiv1 .dygraph-xlabel { 
	margin: 5px;
	/* text-shadow: gray -2px 2px 2px; */ 
}

#graphdiv1 .dygraph-y2label { 
	font-size: 18px;
	padding-top: 0px;
	margin: 10px;
	/* text-shadow: gray -2px 2px 2px; */ 
}

#status {
	width: 200px;
	font-size: 1.2em;
	padding-top: 5px;
	padding-left: 5px;
	color: #18749f;
}
#raindiv .dygraph-label { 
	font-family: Georgia, Verdana, serif;
	font-size: 18px;
	color: #18749f;
	padding-top: px;
	padding-right:10px;
}

#raindiv .dygraph-title { 
	font-size: 24px; 
	/* text-shadow: gray 2px 2px 2px; */
	padding-top: 10px;
	padding-bottom: 5px;
}

#raindiv .dygraph-ylabel { 
	font-family: Georgia, Verdana, serif;
	font-size: 18px;
	padding-top: 10px;
	/* text-shadow: gray -2px 2px 2px; */ 
}

#raindiv .dygraph-legend {
	font-family: Georgia, Verdana, serif;
	color: #18749f;
}