@charset "utf-8";

/* TAG OVERRIDES*/  

body  {
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	
	background-image: url(/images/wa/blue-bg-grad.png);
	background-position: top;
	background-repeat: repeat-x;

}

html, body {
	height:100%;
	width:100%;
}


a{
	font-family:sans-serif;	
	color:#3c48b9;
	text-decoration:none;
	
}

a:hover{	text-decoration: underline; }

.mtpLogo{
  display:block;
  background-image: url(/images/mtp/logo-mtp-head-blue.png);
  width:82px;
  height:72px;
  background-repeat:no-repeat;
}

.mtpLogoText{
  display:block;
  background-image: url(/images/mtp/logotext.png);
  width:269px;
  height:72px;
  background-repeat:no-repeat;

}



.cbdLogo{
  display:block;
  background-image: url(/images/mtp/logo-cbd-head.png);
  width:82px;
  height:72px;
  background-repeat:no-repeat;
}

.cbdLogoText{
  display:block;
  background-image: url(/images/mtp/cbdlogotext.png);
  width:500px;
  height:67px;
  background-repeat:no-repeat;

}



.fcLogo{
  display:block;
  background-image: url(/images/mtp/logo-fc-head.png);
  width:82px;
  height:72px;
  background-repeat:no-repeat;
}

.fcLogoText{
  display:block;
  background-image: url(/images/mtp/fclogotext.png);
  width:500px;
  height:72px;
  background-repeat:no-repeat;

}

.cpsLogo{
  display:block;
  background-image: url(/images/mtp/logo-cps-head.png);
  width:82px;
  height:72px;
  background-repeat:no-repeat;
}

.cpsLogoText{
  display:block;
  background-image: url(/images/mtp/cpslogotext.png);
  width:500px;
  height:72px;
  background-repeat:no-repeat;

}







#container { 
	width: 988px;  	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border-left: 1px solid #dedede;*/
	/*border-right: 1px solid #dedede;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%;
	height:auto !important;
	height:100%;
} 


#header {
	height: 72px;
	padding: 0 0 0 10px;	
	background-color: transparent;
} 


#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 250px; 
	margin:0;
  margin-left:0px;
  padding:4px;
	background-color: #fff;
  height:100%;


}
#sidebar1 p {
	margin-left: 10px;/* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	background : #fff;
	margin-bottom:10px;
	margin-top:10px;
}


.bgCol_{
	background-image: url(/images/wa/bg-strip.png);
	background-repeat: repeat-y;
}


#mainContent {
	margin: 5px 0 0 0; /* the left margin should mirror the margin on the header and footer for proper alignment. */
	padding: 15px;
	padding-right:15px;
	padding-bottom: 30px;
  padding-top: 20px;
	background-color: #ffffff;
	height:100%;
  float:left;
  

} 



#mainContent h1 {
	font-family: sans-serif;
	font-weight: bold;
	margin-top: 0;
	font-size:1.4em;
	margin-bottom:15px;
	color: #0e329c;
	
}

#mainContent h2 {
	font-weight: normal;
	font-size:1em;
	margin-bottom:10px;
	margin-top:0px;
	color: #314fc8;
}

#mainContent h3 {
	font-weight: normal;
	font-size:0.9em;
	margin-bottom:10px;
	margin-top:25px;
	color: #667c0e;
}



#mainContent p {	
	font-weight: normal;
	font-size:0.7em;
	margin-bottom:20px;
  line-height:1.8em;
  color: #494949;

}

#mainContent ul, ol {	
	font-weight: normal;
	font-size:0.7em;
	margin-bottom:10px;
        line-height:1.8em;
	
}


#footer {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;	
	width:100%;

}

#footer-services {
	padding:15px;
	padding-top:11px;
	font-weight:bold;
	color:#666;
	font-size:0.7em;
	height:26px;
	background-color: #E8E8E8;
	border-bottom:solid 1px #E1E1E1;
	border-top:solid 1px #ccc;
	background-image: url(/images/wa/blue-glass-footer.png);
	background-repeat: repeat-x;
}

#footer-services a {
	font-weight:normal;
	color:#0B258D;
	padding-right:15px;
	text-decoration:none;	
}

#footer-services a:hover {
	text-decoration:underline;	
}


#footer-mwag { 	
	margin-top:3px;
	color:#666;
	font-size:0.6em;	
}

#footer-mwag a {
	font-weight:normal;
	color:#778F01;
	padding-right:10px;
	text-decoration:none;
}

#footer-mwag a:hover {
	text-decoration:underline;	
}



#footer-left { 	
	margin-top:10px;
	float:left;
	font-size:0.6em;
	color: #0B258D;	
}

#footer-right { 	
	margin-top:10px;
	float:right;
	font-size:0.6em;	
}

#footerbottom {
	height:53px;
	/*bottom:0;*/
	/*position:absolute;*/	
	width:100%;
	color: #A2B616;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #ddd;
	background-color: #F2F8BE;
	background-image: url(/images/wa/green-glass-footer.png);
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft:8px;
        -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
        -webkit-border-bottom-right-radius:8px;
}

#footerbottom div{
	padding-top: 10px;
	margin-left:15px;
	margin-right:15px;
}

 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


.header-full{
	background-image: url(/images/wa/header-gra_d.png);
	background-position: 0px 6px ;
	background-repeat:repeat-x;
	width:959px;
}

.header-narrow{
background-color: #00ff40;
	width:700px;
}


/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	
}

.fltlft { 
	float: left;
}

.clearfloat  { 
	clear:both;

}

.squarepanel {
	display:block;
	width: 287px;
	height: 287px;
	border: 1px solid #CCC;	
	margin:0px;
	margin-bottom:15px;
	padding: 10px;
	padding-top: 0;
	background-image: url(/images/wa/panel-bg.png);
	background-position: 0px 0px;
	background-repeat:repeat-x;
  overflow:hidden;
}

.cent{	
	margin: 0 auto ;
}

.nomargin{
	margin: 0px;
}

.introtext{	
	clear:both;
	margin-left: 0;
	background: #fff;
}

a.med-list{
	
	font-size: 10em;
}

.divider{
	border-bottom:dotted 1px lightgrey;	
	margin-bottom:20px;
	margin-top:20px;
	
}


.logoleft { 
	float: left;
	width:82px;
	
}

.logoright { 
	float: right;
	width:233px;
}



#panels{
	width: 100%;	

}


/* NAV STYLES */


#nav {
	margin: 0;
	height:26px;
	background-color: #0D2D8F;
	background-image: url(/images/wa/blue-glass-nav.png);
	-moz-border-radius-topleft:8px;
        -moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
        -webkit-border-top-right-radius:8px;
}


#nav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	border:none;
}

#nav ul{
	margin:0;
	padding:0;
}

#nav li {
	float:left;
	padding: 0 14px 4px;
	margin:0;
	display:inline;
	list-style-image:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
}

#nav a.active_item {
	
	color: #BBD019;

}

#subnav {
	margin: 0;
	height:26px;
	background-color: #BBD019;
	background-image: url(/images/wa/green-glass-nav.png) ;
	border-top: 1px solid #FFF;
}


#subnav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
        font-weight:bold;
	color: #1447e0;
	text-decoration:none;
	border:none;
}

#subnav ul{
	margin:0;
	padding:0;
	margin-left: 5px;
}

#subnav li {
	float:left;
	padding: 0 8px 4px;
	margin:0;
	display:inline;
	list-style-image:none;
        border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6f18f;

}

#subnav a.active_item {
	
	color: #65720e;

}

/* TAG STYLES */

#tagbar{

}

#tags {
	font-size: 0.8em;

}

#tags a{
	white-space:nowrap;
	line-height: 30px;
	color: #8b8b8b ;
        background-color: #eeeeee;
	padding:4px 8px;
	border: 1px solid lightgrey;
	border-bottom: none;
	-moz-border-radius-topleft:4px;
        -moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
        -webkit-border-top-right-radius:4px;

}

#tags a:hover{
	color: #2c2c2c ;
	background-color: #fff;
	border-bottom: 2px solid white;
}

#tags a.selected {
	font-weight:bold;
	padding-top:8px;
	color: #2c2c2c ;
	background-color: #fff;
	border-bottom: 2px solid white;
}


/* EBOOK STYLES */

#ebook {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	border: 1px solid #e8e8e8;
	padding: 10px;
	width:440px;
	height: 200px;
	background: url(/images/wa/panel-bg-horiz.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

#ebook h2{ font-size: 1em; }

#ebook p{
  font-size: 0.65em;
  line-height:1.5em;
  }

#ebook img{
	
	border: 1px solid lightgrey;
	float:left;
	margin-right:15px;
}


#image img{
  
  margin-left: 15px;
  margin-bottom: 15px;
  padding:10px;
  border: 1px solid lightgrey;

  
  }

/* GENRIC LEFT COLUMN*/

#left-col {
        margin: 0px 20px;
	width:255px;
	background-repeat: repeat-y;
}

#left-col ul{	
	margin-left: 0;
	padding-left: 0;
	list-style: none;
        
}


#left-col a{
  font-size: 1em;
  
}
#left-col li{
        
	background-image: url(/images/wa/paper-bullet.png);
	padding-left: 20px;
	padding-bottom:6px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom: dotted 1px lightgrey;
}

#left-col li:hover{
	
	background-color:#eee;
}


/* ARTICLES STYLES */

#article-panel {
	
	border: 1px solid #e8e8e8;
        background-color: #dadffa;
	padding: 15px;
	width:440px;
	background-repeat: repeat-y;
}

#article{
  background-color: #f5f8fe;
  padding: 15px;
  margin-bottom: 1px;
  
}

#article h2{
  
  font-size: 0.8em;
  font-weight: bold;
}

#mainContent h2.reverse{
  background-color: #c1caf7;
  padding: 10px;
  font-size: 1.0em;
  margin: 0px;
  margin-top: 10px;

}
#article p{
  
  font-size: 0.7em;
  line-height: 1.4em;

}

#article img{	
	border: 1px solid lightgrey;
	float:left;
	margin-right:15px;
}

#home-panel p{
        line-height:1.5em;
  
}

#itemlist-  h3{
        color:#ffffff;
        margin:0;
        font-size:0.7em;
        font-family:sans-serif;
        font-weight: normal;
        background-color: #717495;
        padding:5px;
}


#itemlist- ul{		
	list-style: none;
        background-color: #f7f7f9;
        margin-top:0;
        margin-left: 0;
        padding: 0 5px;
        line-height:1em;
        font-size:0.8em;
        
}

#itemlist-  li{        
	font-size: 0.8em;
	__background-image: url(/images/wa/paper-bullet.png);
	padding-left: 0px;
	padding-bottom:3px;
        padding-top:5px;
	background-repeat: no-repeat;
	background-position: 0px 12px;
	border-bottom: dotted 1px lightgrey;
}


/*** Generic classes ***/

.help_text{
  font-size:0.8em;
  font-style:italic;
  color:grey;
  
}

.big_green{
  display:block;
   color:#515d06;
   font-size: 1.4em;
   font-weight:normal;
   margin:10px 0;
   
}



.underline { text-decoration: underline; }

.learn-more {	
	font-size: 0.7em;
	font-weight: bold;	
}

.learn-more:after {
	content: "Learn More"
}

a.read-more{
	font-size: 0.7em;
	font-weight: bold;
	border: solid 1px #fff;
	__background-color: #ebfcb1;
	padding: 2px 3px;
	color:#93bb09;
	margin-top: 10px;
	white-space:nowrap;
        line-height: 1.2em;
}

a.read-more:after {
  content: "Read more...";
  
  }


a.read-more:hover {
	text-decoration:none;
	background-color: #163c81;
	__color: #163c81;
}

#comments{
  font-family:sans-serif;
 font-size: 0.8em; 
}

#comments .head {
  padding: 4px;
  background-color: #eaebee ;
  color:#515d06;
  
}

#comments .name{
  font-size:0.9em;
  font-weight:bold;
}

#comments .time{
  float:right;
    font-size:0.8em;
}

#comments .comment {
  font-size:0.9em;
  padding: 4px;
}

/*** form styles ***/



label{
	display:block;
	padding-top:5px;
}

#form_label ul.error_list{
  list-style-image: none;
   display:block;
   font-size: 1em;
   line-height: 1em;
   padding-left:5px;
   padding-top:10px;
   color:#ff0000;
  
}

#form_label li{
  display:inline;
  font-size:1em;  
}

#form_row{
  margin-right:5px;
  margin-bottom:5px;
}



#form_right{
  float:right;
  width: 400px;
  
}


#mtpform{

  font-family:sans-serif;
    width:650px;
    margin-top: 15px;
    padding: 10px 20px;
    padding-bottom:20px;
    margin-right:5px;
    background: #f1f2f3;
    font-size: 0.7em;
    border:1px solid lightgrey;
    color: #828282;
}

#mtpform label{
display: inline;
font-size: 12px;

}

#mtpform ul.error_list{

   position:relative;
   list-style-image: none;
   display:block;
   font-size: 9px;
   padding-left:0px;
   color:#ff0000;
   margin: 0;
  
}

#mtpform ul{
  list-style-image: none;
   display:inline;
   font-size: 0.8em;
   line-height: 1em;
   padding-left:5px;
   padding-top:10px;
   color:#ff0000;
  
}


#mtpform li{
  list-style-image: none;
   display:block;
   padding-left:0px;
   padding-top:0px;
   color:#ff0000;
  
}



#mtpform input{
    font-size: 1.1em;
    padding:6px;

}

#mtpform input[type="text"]{
    width: 180px;
    border: 1px solid lightgrey;
    height: 15px;
    
}

#mtpform input:focus{
 color: #828282;
}

#mtpform select{
    width: 192px;
    border: 1px solid lightgrey;
    height: 26px;
    
}

#mtpform textarea{
    margin-top:2px;
    width: 500px;
    height: 100px;
    font-size: 1.1em;
    padding:6px;
    font-family: sans-serif;
	
}

#mtpform fieldset{
  margin-top:10px;
  background-color: transparent;
  background-image: url(/images/wa/fieldset-bg.png);
  background-repeat:repeat-x;
  border: solid 1px #b4d10e;
  padding:15px;
}

#mtpform legend{
  font-size: 1.2em;
  font-weight:bold;
  color: #515d06;
}

#mtpform input[type="submit"]{
    font-size: 1em;
    font-weight: normal;
    height: 30px;
    width:150px;
    margin-top:10px;
    float:right;
}

#mtpform th{
  white-space:nowrap;
  font-weight:normal;
  text-align:left;
	vertical-align: top;
	padding-top:10px;
}


#mtpform select#form_appo_pref_date_day,select#form_appo_pref_date_month, select#form_appo_pref_date_year{
    width:63px;
}



#form_ques_question.q-text{
  width:450px;
}



#form_label li {
	font-size: 10px;
	color:#ff0000;
}

#mtpform input[type="text"].focus{
	border: 1px solid grey;
	 color: #4e4e4e;
}

*:focus {outline: none;}


/*  APPOINTMENT FORM  */

#appo_form{
  
    float:right;
    font-family:sans-serif;
    width:335px;    
    padding: 10px 15px;
    padding-bottom:10px;
    background: #f1f2f3;
    font-size: 0.7em;
    border:1px solid lightgrey;color:grey;
    margin-left: 20px;
    margin-top: 55px;

}

#appo_form .heading{
  font-size: 16px;
  background-color: #808080;
  color:white;
  display:block;
  padding: 5px 10px;  
  margin: -11px -16px;
  margin-bottom: 15px;
  
}

#appo_form input{
    font-size: 0.9em;
    float:left;
    
}

#appo_form input[type="text"]{
    width: 167px;
    border: 1px solid lightgrey;
    height: 15px;
}

#appo_form textarea{
    margin-top:2px;
    width:195px;
    height: 60px;

}

#appo_form input[type="submit"]{
    text-align:left;
    padding-left: 25px;
    border: 0;
    font-size: 1.2em;
    font-weight: normal;
    height: 50px;
    width: 202px;
    color: #5a7500;
    background-image: url('/images/wa/book-button.png');
}

#appo_form input[type="submit"]:hover{
  font-weight:bold;
  cursor:pointer;
}


#appo_form th{
  white-space: nowrap;
  font-weight:normal;
  text-align:left;
}


#qbutton{
    margin-left: auto ;
    margin-right: auto ;
    display:block;
    background-image: url('/images/wa/book-button.png');
    background-repeat: no-repeat ;
    height: 36px;
    width: 167px;
    padding-top:14px;
    padding-left:35px;
    margin-top: 20px;
}

#qbutton a{
  font-size: 15px;
  font-weight:bold;  
}

.url-field{
	visibility:hidden;
        margin: 0;
        padding: 0;
        height: 1px;
}

table{
  font-size: 1em;
}

.red {
  color: #ff0000;
}


.article_table {  
  font-size: 0.8em;
  border: 1px solid grey;

}

.article_table td{  
  font-size: 0.8em;
  border: 1px solid lightgrey;
  padding: 4px;
}

#mainContent li {
  color: #000000;
  margin-bottom: 5px;
  font-size: 0.9em;
  line-height: 1.4em;
}

#googlemap196_m124v_0 {
 
}

.square-img{
  margin: 0px;
}

#published_tags{
  display:inline;
  width: 400px;
  font-size: 0.6em;
  padding: 5px;
  border: 1px dashed lightgrey;
  background-color: #f1ffc6;
  
}

.ico-comment{
  background-image: url("/images/tiny-bubble.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding-left: 18px;
  
}

.quote-text{  
  display:block;
  text-align: center;
  font-size: 0.6em;
  padding: 5px;
  border: 1px dashed lightgrey;
  background-color: #faffe8;  
}

.spacer{
  margin-bottom:21px;
}

.topSpacer{
  margin-top:21px;
}

.quotemark{
    font-family: serif;
    font-size: 2em;
    font-weight: bold;
    color: grey;
    line-height: 1em;
}

.quotemarkRight{
    line-height: 0em;
    position: relative;
    top: 10px;
}

.smaller{
    font-size: 0.8em;

}
.red, .req {
	color: #aa5353;
}

img.report{
	margin-right:25px;
	float:right;

}

.quote{
    font-size:0.7em;
    line-height:1.4em;
    display:block;
    color: #144887;
    
}

.contact{
  text-align:right;
  font-size:10px;
  color:#e3e9f0;
  margin-right: 8px;
  margin-left: 2px;
  margin-top: 10px;
}

.radioList{

 list-style: none;
 display: inline;
 padding-right:10px;

}

.larger{
  
  font-size: 1.8em;
}

.inlineLabel{
  float:left;
  padding-right:10px;
  width: 80px;
}

#btnNext{
  float:right;
}

a.downloadLink{
				font-size: 14px;
				font-weight: bold;
				color: #bb0000;
}

a.downloadLink:hover{
				color: #ff2222;
}