* { margin:0; padding:0 }
div { margin:0; padding:0 }
BODY {
	font-size: 76%;
	background: #FBC24F url(../images/top-bg.jpg) top repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #333
}

/* LINK AND TEXT STYLES */
a { color:#2C8384; text-decoration:underline }
a:hover  { color: #076098 } 
.highlightsTitle{ color:#000; font-weight:bold; background: url(../images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.staffTitle, .newsTitle { color:#000; font-weight:bold; background: url(../images/arrow-blue.gif) center left no-repeat; padding:0 0 1px 15px }
.titleHighlight { 
	background: url(../images/symbol.gif) center right no-repeat; padding:0 20px 1px 0;
	color:#895505;
	font-weight:bold; 
	font-size:1.1em; 
	line-height:2em;
}
.pageTitle { color:#fff; font-weight:bold; font-size:1.1em; background:#895505; padding:2px 10px }
.bgLink { background:#FAD079; padding:0 5px; text-decoration:none; font-size:.9em }
.bgLink a:hover { background:#FCC24F; padding:0 5px; text-decoration:none; font-size:.9em; border: 1px solid #895A04 }
.greyBg { background:#ECEAED; padding:10px }

/* BODY HTML LAYOUT STYLES */
#wrapper { width:790px; margin:0 auto; background:#fff; height:100% }
#header { 
	width:770px; 
	height:140px; 
	margin:0 auto;
	background: url(../images/header-bg.jpg) repeat-x; 
	clear:both 
}
#header a { 
	color:#FBA202;
	background: url(../images/arrow.gif) center left no-repeat; 
	padding:0 10px 1px 15px; 
	text-decoration:none
}
#header a:hover { color:#FCC24F }
#topLinks { 
	float:right;
	position:relative;
	padding: 45px 20px 0 0;
	font-size: .9em
}
#footer { 
	background: url(../images/footer-bg.jpg) repeat-x; 
	color:#fff; 
	font-size:.8em; 
	text-align:right; 
	padding:9px 15px; 
	height:16px;
}
#footer a { color:#FBA202; text-decoration:none; color:#fff }
#footer a:hover { color:#FCC24F }
#navBar { 
	color:#fff;
	width:770px;
	height:40px; 
	background:#D98D04;
	filter: alpha(opacity=80); 
	-moz-opacity:.80;
	opacity:.80; 
	border-bottom:1px solid #FBA202;
	display:block 
} 

/* TRANSPARENT BACKGROUND HOVER STYLE */
div.transOFF {
	font-weight: bold;
	color: #fff;
	width:110px;
	height:40px;
	text-align:center;
	padding: 15px 0 0 0;
	float:left;
	position:relative;
	display:block
 }
div.transOFF a { color: #fff; text-decoration:none; height:40px; }
div.transON, .current {
	font-weight: bold;
	width:110px;
	color: #000;
	background: #fff;
	opacity:.40;
	filter: alpha(opacity=40);
    -moz-opacity: 0.5;
	text-align:center;
	padding: 15px 0 196px 0;
	float:left;
	position:relative;
	display:block
}
div.transON a, div.transON a:hover, .current a, .current a:hover { color:#000; text-decoration:none }

/* BANNER IMAGE STYLES */
#bannerHome { background:url(../images/banner1.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerAbout { background:url(../images/banner2.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerPrograms { background:url(../images/banner3.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerSupport { background:url(../images/banner4.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerServices { background:url(../images/banner1.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerResources { background:url(../images/banner5.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerFaq { background:url(../images/banner7.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerContact { background:url(../images/banner8.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerNews { background:url(../images/banner9.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerSitemap { background:url(../images/banner10.jpg) no-repeat; width:770px; height:225px; margin:0 auto 10px auto; border:1px solid #865804 }
#bannerConfidential {
	background:url(../images/banner11.jpg) no-repeat;
	width:770px;
	height:225px;
	margin:0 auto 10px auto;
	border:1px solid #865804
}


/* FORMS & MISC STYLES */
.left { float:left; position:relative }
.right { float:right; position:relative }
.programsBlue { 
	background:#DAF3F3; 
	color:#014F4F; 
	padding:8px; 
	float:left; 
	border:1px solid #059292;
	border-left:5px solid #059292
}
.programsGreen { 
	background:#D2DE92;
	color:#4D5A1F; 
	padding:8px; 
	float:left;  
	border:1px solid #77863F;
	border-left:5px solid #77863F
}
.programsYellow { 
	background:#FAD079; 
	color:#895505; 
	padding:8px; 
	float:left; 
	border:1px solid #BF7C03;
	border-left:5px solid #BF7C03
}
.rightColumn { float:right; clear:right; position:relative; width:415px; padding:10px 25px 15px 0 }

.interiorBox { background:#ECEAED; width:740px; margin:15px auto; padding:15px; overflow:hidden }

.interiorYellowbox { background:#BF7C03; color:#fff; padding:10px;  margin:0 auto; overflow:hidden }
.interiorYellowbox img {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #fff
}
.interiorYellowbox a { color: #fff }

.highlights {
	background:#D38A05 url(../images/highlights.jpg) top no-repeat;
	border-left:1px solid #966108;
	border-right:1px solid #fff;
	padding:48px 14px 10px 15px;
	color:#fff;
	width:300px;
	float:left;
	position:relative;
	clear:left;
}
.highlights img { border:1px solid #F89B02; margin:5px 0 }
.staffBorder { border:2px solid #BF7C03; background:#FAD079; padding:10px; float:left; position:relative; width:45%; overflow:hidden }
.staffBorder img { border:2px solid #fff; margin:0 10px 0 0; float:left }
.form { 
	border:1px solid #A36D0C; 
	height:15px; 
	width:150px; 
	background: #fff; 
	font-size:.9em;
	padding:2px 0 0 5px
}
.contactForm { 
	border:1px solid #A36D0C; 
	background: #fff; 
	font-size:.9em;
	padding:2px 0 0 5px;
	height:75px; 
	width:220px
}
.clear { clear:both }
.spacer { height:12px; clear:both }
.rtMargin { margin-right:15px }
.rpMargin { margin-right:2px }


/* This style sheet goes with the Westminister Contact form */

/*begin .interiorBox div*/

/* === form footers for .interiorBox ======================================= */

.yellowBorder { border:2px solid #FFAD19; padding:10px; background:#fff }

.yellowBorder p.form-footer {
  margin : -35px 2px 20px 13px;
 }

.yellowBorder p.form-footer a { 
  color : #669900; 
}

.yellowBorder p.form-footer a:hover, .yellowBorder p.form-footer a:focus, .yellowBorder p.form-footer a:active { 
  color : #000; 
  text-decoration : none; 
}

.yellowBorder p.form-footer a:focus, .yellowBorder p.form-footer a:active { 
  background-color : #eee; 
}

/* Borders around Form */
 
.yellowBorder fieldset.req-set,
.yellowBorder fieldset.opt-set { 
  border : 1px solid #669900;
  padding : 10px; /*this is the border outlines of the form*/
}

.yellowBorder fieldset.main-set { 
  border : 0px solid #669900;
  padding : 15px; /*this is the border outlines of outside form*/
}

/*Div for .yellowBorder */


.yellowBorder ul {margin-left: 5px}

.yellowBorder a {
	color: #800000;
	font-size: 12px;
	font-weight: bold; /*this is the success headings and dialog of email sent to client color*/
}

.yellowBorder a:hover, .yellowBorder a:focus, .yellowBorder a:active { 
  color : #000; 
  text-decoration : none; 
}

.yellowBorder a:focus, .yellowBorder a:active { 
  background-color : #eee; 
}

.yellowBorder form2 {margin-left: 40px}

.yellowBorder h1 {font-size:20px}


.yellowBorder p {
	line-height: 150%;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
}

.yellowBorder p.center {
	text-align : center;
	background-color : #edbaba;
	color : #333333;
	margin-top : -3px;
	padding : 0px 4px;
}

.yellowBorder ul, .yellowBorder ol {
	line-height: 150%;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 7px;
}

.yellowBorder h2 {
	font-size: 13px;
	color: #000000;
	padding: 5px;
}

.yellowBorder h3 {
	font-size: 14px;
	color: #800000;
}

.yellowBorder h4 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	color: #800000;
	margin : 0 5px 0 5px;
}

.yellowBorder h5 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #294F8D;
	margin : 0 5px 0 5px;
}

/* === Label Options ======================= */

.yellowBorder label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
  font-size: 13px;
  font-style: italic;
  color: #B74220;
  margin-left: 180px;
} /* this is the "Enter your info below to send us an email" label */

.yellowBorder label.opt-label.main-label span {
  font-weight : normal;
  color : #666;
}

.yellowBorder label.opt-label.main-label span.req, .yellowBorder label span.req  {
  font-weight : bold;
  color : #c70000;
}

.yellowBorder label.req-label.explain {
	color : #666666;
	font-size : 0.85em;
	font-style: italic; /*This is the spam message explaination*/
}

.yellowBorder label.req-label.explain:hover {
	color : #800000; /*This is the spam message explaination hover*/
}


.yellowBorder legend.req-legend {
	color : #800000;
	text-size: 9px;
	font-style: italic;
	padding: 5px; /*this is the"Required" headings*/
}

.yellowBorder legend.opt-legend {
	color : #315CA4;
	text-size: 9px;
	font-style: italic;
	padding: 5px; /*this is the"Optional" headings*/
}

.yellowBorder legend.main-legend span { }
.yellowBorder legend.main-legend { }

.yellowBorder legend.req-legend span { }
.yellowBorder legend.req-legend {
  margin-left : -2px;
}

.yellowBorder legend.opt-legend span { }
.yellowBorder legend.opt-legend { 
  margin-left : -2px;
}

.yellowBorder label.req-label, label.opt-label { /*this is the labels for "Name" "email address" etc. */
	color : #1C791A;
	font-size: 13px;
	font-weight:bolder;
	margin-top: 5px;
}

.yellowBorder label.opt-label.check {
  float : right;
  padding : 0;
  margin : 1px 4px;
  cursor : pointer;
}

.yellowBorder legend { 
  font-weight : bold;
}

.yellowBorder legend span { }

.yellowBorder legend.main-legend {
	color : #000000;
	font-size : 150%;
	font-weight:bolder;
	padding-bottom: 15px;
	margin-left: 190px;
} /* this is for the "Contact Form" title*/

/* === success and error message/results box ======================= */

.yellowBorder p.error {
	font-size: 19px;
	color: #EDE810;
	font-style: italic;
	background-color:##800000;
	padding: 20px;
	border : 1px solid #000;
	margin : 10px 3px;
}
	
.yellowBorder p.error, .yellowBorder p.center {
	color : #EDE810;
	/* color : #000; (lite colors option - uncomment to use) */
  padding : 20px;
  font-size: 19px;
	border : 1px solid #000;
	background-color : #800000;
	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
	text-align : center;
}

.yellowBorder p.success {
	font-size: 18px;
	color: #EDE810;
	background-color:#11591B;
	padding: 20px;
	text-align : center;
	font-style: italic;
	margin-bottom: 10px; /*this is the "Thank you for Submitting your Info" color*/
}

.yellowBorder p.error a {
	color : #00FFFF;
	Font-size: 14px; /*this is the error message for the error text*/
}

.yellowBorder p.success a {
	color : #FFFFFF;
	font-size: 16px; /*this is the "A copy was forwarded to your email account"*/
}

.yellowBorder p.error a:hover, .yellowBorder p.error a:focus, .yellowBorder p.error a:active, 
.yellowBorder p.success a:hover, .yellowBorder p.success a:focus, .yellowBorder p.success a:active {
	color : #FFFFFF; /*this is the highlighted hover*/
}


.yellowBorder p.success a:hover, .yellowBorder p.success a:focus, .yellowBorder p.success a:active {
  background-color : #669900;
}


 /* Input Information */
 
.yellowBorder input.text-long.address, .yellowBorder input.text-long.address:hover, .yellowBorder input.text-long.address:focus,
.yellowBorder input.text-long.address.hover, .yellowBorder input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  padding-top: 5px;
  border-bottom : 1px dotted #bbb;
}

.yellowBorder input.text-long.address2, .yellowBorder input.text-long.address2:hover, .yellowBorder input.text-long.address2:focus,
.yellowBorder input.text-long.address2.hover, .yellowBorder input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

.yellowBorder input.checkbox {
  border : 1px solid #999;
  width : 1.3em;
  height : 1.3em;
  padding : 0;
  margin : 10px 0 0 0;
  cursor : pointer;  /*this is the checkbox for getting a copy*/
}

.yellowBorder input.checkbox:hover, .yellowBorder input.checkbox.hover,
.yellowBorder input.checkbox:focus, .yellowBorder input.checkbox.focus {
  border : 1px solid #666;
}

.yellowBorder input.text-short, 
.yellowBorder input.text-med, 
.yellowBorder input.text-long,
.yellowBorder select.select,
.yellowBorder textarea.textarea {
	font : 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border : 1px solid #999;
	background-color : #fffffe;
	cursor : text;
	color: #333333;
	padding : 1px 2px;
	margin-bottom: 5px; /*text in pull-down box areas*/
}

.yellowBorder select.select {
  padding : 1px 0;
}

.yellowBorder input.text-short {
  width : 100px; /*This is the anti-spam box*/
}

.yellowBorder select.select {
  width : 180px; /*length of text of "I prefer to meet at" box*/
}

.yellowBorder input.text-med {
  width : 250px; /*length of boxes for "Name" "Email" & "Phone Number"*/
}

.yellowBorder input.text-med#org {
  width : 100px; /*length of box for "Can we leave a message?"*/
}

.yellowBorder select.select#subject {
  width : 350px; /*length of "type of counseling" drop-down box*/
}

.yellowBorder input.text-long {
  width : 300px; 
}

.yellowBorder textarea.textarea {
  width : 400px;
  height : 100px;
} /*big Box for messages*/

.yellowBorder select.select, .yellowBorder select.select option {
  	cursor : pointer;
	margin : 10px; /*this is the "check if you want a copy" box*/
}

.yellowBorder input.text-short:focus, .yellowBorder input.text-short.focus, 
.yellowBorder input.text-med:focus, .yellowBorder input.text-med.focus,
.yellowBorder input.text-long:focus, .yellowBorder input.text-long.focus,
.yellowBorder select.select:focus, .yellowBorder input.select.focus,
.yellowBorder textarea.textarea:focus, .yellowBorder textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #ffe;
}

.yellowBorder input.button {
	font : 1.5em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	font-weight : bold;
	margin-top : 10px;
	margin-left: 15px;
	padding : 1px 10px;
	cursor : pointer;
	float : inherit;
	clear : both;
	color : #800000; /*this is the "submit" button*/
}

.yellowBorder input.button:hover, .yellowBorder input.button.hover,
.yellowBorder input.button:focus, .yellowBorder input.button.focus {
	color : #990000;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html .yellowBorder input.button {
  border : 1px solid #666;
}


/*end of .yellowBorder */