/*-----------------------------------------------------------------------------
Mental Health Transformation Behavioral Health Clearinghouse
version:   2.0
author:  wendy cook  
email: wendy.cook@dshs.state.tx.us
november 24, 2008
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, pre, blockquote, form, fieldset, table{
  margin: 3px;
}

p {
padding: 10px 15px 10px 15px;
}

ul p {
padding-left: 0px;
}

ol{
margin-left: 30px;
list-style: decimal;
}

ol ol {
margin-left: 35px;
list-style: upper-alpha;
}

ol ol ol {
list-style: lower-roman;}

ol ol ol ol {
list-style: lower-alpha;}

blockquote {
padding-right: 40px;
padding-left: 40px;
}


/* Class for clearing floats */
.clear {
	clear:both;
}

/*Class for clearing floats to help text wrap around object */
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}


/* Remove border around linked images */
/*img a{
	border: 0;
}*/


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 82.5%/1.6 "Arial", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  margin: 10px;
  background: #ffffff;
}

#footer p {
 text-align: center;
 font-size: .8em;
 color: #666666;
 margin: 0px;
 padding: 3px;
}

/*for event calendar dates*/
.blue {
color: #00529B;
} 

/*for crisis information on contact page*/
.crisis {
color: #990033;
font-weight: bold;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	font: 1.75em "Trebuchet MS", "Arial", Tahoma, Verdana, sans-serif;
	color: #333333;
	margin: 3px;
	padding-top: 8px;
}

h2 {
	font: 1.35em "Trebuchet MS", "Arial", Tahoma, Verdana, sans-serif;
	color: #333333;

		margin: 3px;
		padding-top: 8px;
}

h3 {
	font: 1.2em "Trebuchet MS", "Arial", Tahoma, Verdana, sans-serif;
	color: #5A1866;
	font-weight: bold;
		margin: 3px;
		padding-top: 10px;
}

h4 {
	font: 1.2em  "Trebuchet MS", "Arial", Tahoma, Verdana, sans-serif;
	color: #406618;
		margin: 3px;
		padding-top: 12px;
		font-weight: 600;


}

h5 {
	font: 1.15em "Trebuchet MS", "Arial", Tahoma, Verdana, sans-serif;
	color: #0D4372;
		margin: 3px;
		padding-top: 12px;
}


/* =Links
-----------------------------------------------------------------------------*/
a {
color: #630460;
text-decoration: underline;
}

a:hover {
color: #9E0039;
text-decoration: underline;
}

a:active {
color: red;
text-decoration: none;
}

a:visited {
color: #1F3F59;
text-decoration: underline;
}


/* =Container
-----------------------------------------------------------------------------*/
#container {
margin: 0 auto;
width: 760px;
border: 3px double silver;
}



/* =Branding
-----------------------------------------------------------------------------*/
#masthead {
position:relative;
border-bottom: 3px double silver;
}

#masthead img {
margin-bottom: -5px;
padding-bottom: 0px;
}



/* =Main Nav
-----------------------------------------------------------------------------*/

#primaryNav {
margin-top: 20px;
float: left;
width: 220px;
text-align: center;
font-variant: small-caps;
font-size: 1.03em;
color: #999999;
}

#primaryNav ul {
list-style-type: none;
text-align: left;
color: #999999;
}

#primaryNav li {
padding-left: 20px;
padding-bottom: 10px;
}

#primaryNav ul ul {
font-size: .98em;
color: #999933;
margin-left: 0px;
}

#primaryNav ul ul ul {
font-size: .96em;
color: #006600;
}

.govdocs {
border: 1px #4B0049 solid;
margin-top: 20px;
margin-bottom: 20px;
padding-right: 2px;
padding-bottom: 2px;
}


#primaryNav a {
color: #0E0E0E;
font-size: 1.05em;
text-decoration: none;
}

#primaryNav a:hover {
color: #9E0039;
font-size: 1.05em;
text-decoration: underline;
}

#primaryNav a:active {
color: red;
font-size: 1.05em;
text-decoration: none;
}

#primaryNav a:visited {
color: #003663;
font-size: 1.05em;
text-decoration: none;
} 


/* Changes the color of the active page link in the main and footer navigation */
body.welcome #primaryNav a#welcome, 
body.directory #primaryNav a#directory,
body.consumer #primaryNav a#consumer,
body.provider #primaryNav a#provider,
body.contact #primaryNav a#contact,
body.welcome #footer a#welcome, 
body.directory #footer a#directory,
body.consumer #footer a#consumer,
body.provider #footer a#provider,
body.contact #footer a#contact,
body.photoCredits #footer a#photoCredits
{
color: #9E0039;
border-bottom: silver 1px dotted;
}

/* Changes the color of the active page link, when hovering, in the main and footer navigation */
body.welcome #primaryNav a:hover#welcome, 
body.directory #primaryNav a:hover#directory,
body.consumer #primaryNav a:hover#consumer,
body.provider #primaryNav a:hover#provider,
body.contact #primaryNav a:hover#contact,
body.welcome #footer a:hover#welcome, 
body.directory #footer a:hover#directory,
body.consumer #footer a:hover#consumer,
body.provider #footer a:hover#provider,
body.contact #footer a:hover#contact,
body.photoCredits #footer a:hover#photoCredits {
color: #3F009E;
border-bottom: #666666 1px dotted;
}


/* TO FIX >> this makes the active-page carat invisible, but creates extra horizontal space.  If this can be resolved, will need to replicate throughout IDs as in the color changes above */
body.welcome #primaryNav .carat{
visibility: invisible;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/
#subNav{

}

#subNav2 {

}

/* =Main Content
-----------------------------------------------------------------------------*/
#bodyContent {
float: right;
width: 525px;
border-left: 3px double silver;
padding-bottom: 150px;
padding-left: 10px;
height: *;
}

.date {
text-align: right;
margin-right: 20px;
font-size: .85em;
color: #666666;
}


#bodyContent ul{
margin-left: 30px;
margin-right: 10px;
/*margin-bottom: 10px; */
list-style: square;
}
 
#bodyContent ul ul {
margin-left: 35px;
margin-top: 0px;
margin-bottom: 0px;
/*margin-bottom: 5px; */
list-style: circle;
}

body.photoCredits #photoCredits img {
border: 1px; 
border-style:solid;
border-color: silver;
margin-top: -5px; 
margin-right: 5px; 
margin-bottom: 5px; 
padding: 3px; 
}

.return {
text-transform:uppercase;
padding: 10px;
}

/* = Index Cards
-----------------------------------------------------------------------------*/

#cardYellow {
background-color: #F8E9B8;
border: medium double #DABD85;
}

#cardBlue {
border: medium double #4DB0B8;
background-color: #C0DFE1;
}

#cardPurple{
border: medium double #925EA7;
background-color: #C1A7C6;
}

#cardGreen {
border: medium double #A3D39C;
background-color: #CEE3A1;
}

#cardYellow, #cardBlue, #cardPurple, #cardGreen {
padding-top: 5px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
margin-left: 10px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 60px;
color: #333333;
}

.cardHeading {
font-weight: bold;
font-size: 1.15em;
font-stretch: expanded;
}

.cardPrint {
float: right;
border: none;
margin-right: 25px;
clear: both;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
clear: both;
border-top: 3px double silver;
text-transform: capitalize;
}

#footer a {
color: #0E0E0E;
text-decoration: none;
}

#footer a:hover {
color: #9E0039;
text-decoration: underline;
}

#footer a:active {
color: red;
text-decoration: none;
}


#footer a:visited {
color: #003663;
text-decoration: none;
} 

.disclaimer {
font-size: .8em;
text-align: center;
font-style: italic;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 60px;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table {
margin: 0 auto;
}

th {
padding: 5px;
}

.boxBorder {
	border: 1px solid #666666;
}

.headers {
    color: #FFFFFF;
    border: thin solid #FFFFFF;
	padding: 10px; 
	}
	
.titles {
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #552C6D;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.row1 {
	color: #434042;
	background-color: #F3F3F3;
	padding:8px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: none;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #666666;
	text-align: center;
}

.row2 {
	color: #434042;
	background-color: #E8E8E8;
	padding:8px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: none;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #666666;
	text-align: center;
}