/*-----------------------------------------------------*\
Dr. Komor OCD Recovery Centers of America Cascading Style Sheet

This stylesheet defines styles and classes for the 
OCD Recovery Centers of America website at:
http://www.ocdrecoverycenters.com

Version		1.0
Date:		11/01/04

Author: Content Is Queen Productions
http://www.contentisqueen.com
\*-----------------------------------------------------*/



/*-----------------------------------------------------*\
 * Position and Layout Classes
\*-----------------------------------------------------*/
#widthsetter	{
	width: 760px;
}

#Header {
  margin: 0px;
  padding: 0px;
  background: #663333;
  height: 95px;
}

#HeaderTopRow {
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 0;
  /*background: #663333;*/
  background: #cccccc;
  position: absolute;
  top: 0px;
}

#leftColumnTop {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20%;
  height: 95px;
  background: #999966;
}

#centerColumnTop {
  margin-left: 20%;
  margin-right: 25%;
  margin-top: 0;
  top: 0px;
  height: 95px;
  background: #663333;
}


#rightColumnTop {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 95px;
  width: 20%;
  padding: 5px;
  //background: #663333;
}


#leftColumn {
  position: absolute;
  left: 0px;
  top: 95px;
  width: 20%;
  background: #006600;
}



#centerColumn {
  margin-left: 20%;
  margin-right: 25%;
  margin-top: 0;
  top: 95px;
  background: #FFFFCC;
}


#rightColumn {
  position: absolute;
  right: 0px;
  top: 95px;
  width: 20%;
  background: #FFFFCC;
}

#leftColumnContent, #centerColumnContent, #rightColumnContent {
  margin: 0;
  padding: 1em;
}

#footer {
  background: #999966;
  margin: 0;
  padding: .4em;
  height: 40px;
}


#SubNavigationBox {
	width: 100%; 
	background-color:#663300; 
	padding: 10px
}

.RightBox {
	border: solid black 1px; 
	padding: 4px;
}


/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

.clear {
	clear: both;
	}

/*-----------------------------------------------------*\
 * Default HTML tag behavior
\*-----------------------------------------------------*/

body {  

	font-family: Arial, sans-serif; 
	font-size: 1em; 
	font-weight: normal; 
	color: #000000;
	background-color: #FFFFCC;
	margin: 0;
  	padding: 0;
	}

hr {
	color: #660066; 
	height:1px;
	width: 100%;
	/*align: center;*/
	}
	

	
td { 
	font-family: Arial; 
	font-style: normal; 
	color: #000000;
	}
	
	
	
P  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.8em; 
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: .8em;

	}

DL	{
	margin-left: 10px;
	}	
	
	
DT	{
	 font-weight: bold;
	 font-size: 0.8em;
	}	
	
LI  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.8em; 
	margin-left: 10px;
	margin-right: 5px;

	}
	
OL OL  { 
	font-size: 1.2em; 
	}
	
UL UL  { 
	font-size: 1.2em; 
	}
	
OL UL  { 
	font-size: 1.2em; 
	}
	
	
H1	{

	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	/*color: #CC3300;*/
	color: #990000;
	text-align: left;

	
	}

H2 {  

	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : normal;
	color: #990000;
	text-align: left;
	line-height: 2.0em;
	/*padding-left: 10px;*/

	}

H3 {  

	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	/*padding-left: 10px;*/

	}
	
H4 {  

	font-family: Arial, sans-serif; 
	font-size: 0.8em; 
	font-weight: bold; 
	color: #000000;
	text-align: left;


	}
	
/*-----------------------------------------------------*\
 * LIST classes
\*-----------------------------------------------------*/
	
.WithLowerRoman { list-style-type: lower-roman }
.WithLowerAlpha { list-style-type: lower-alpha }
.WithUpperRoman { list-style-type: upper-roman }
.WithUpperAlpha { list-style-type: upper-alpha }

/*-----------------------------------------------------*\
 * Table and Accessibility Classes
\*-----------------------------------------------------*/

table.full760 {
	width: 760px;
	}
	
	
table.info {
	font-family: Arial, sans-serif; 
	font-size: .7em; 
	font-weight: normal; 
	color: #000000;
	/*background-color: #ffffff;*/
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	}
	
th.infoheader {
	font-family: Arial, sans-serif; 
	/*font-size: .7em;*/ 
	font-weight: bold; 
	color: #ffffff;
	background-color: #006600;
	margin: 0;
  	padding: 0;
	}
	
th.infoheadersmall {
	font-family: Arial, sans-serif; 
	/*font-size: .7em;*/ 
	font-weight: bold; 
	color: #000000;
	background-color: #99cc99;
	/*background-color: #669966;*/
	/*background-color: #999966;*/
	margin: 0;
  	padding: 0;
	padding-left: 5px;
	padding-right: 5px;

	}
	
tr.infoeven {
	background-color: #cccc99;
	/*background-color: #FDFAF1;*/
	}
	
	
/*-----------------------------------------------------*\
 * Anchor Classes
\*-----------------------------------------------------*/

A:link { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #990000;
	}
	
	
A:visited { 
	font-family: Arial;  
	font-style: normal; 
	font-size: 1em; 
	color: #990000;
	}
	
A:active { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #cc9933;
	}
	
A:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #cc9933;
	}

	
	
	
	
A.navlink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	text-decoration: none;
	color: #FFFFFF;
	/*line-height: 2em;*/
	}
		
A.navlink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 0.8em; 
	color: #FFFFFF;
	text-decoration: none;
	/*line-height: 2em;*/
	}
	
A.navlink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #FFFFFF;
	text-decoration: underline;
	/*line-height: 2em;*/
	}
	
A.navlink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #FFFFFF;
	text-decoration: underline;
	/*line-height: 2em;*/
	}


A.navlinksmall:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: none;
	color: #FFFFFF;
	/*padding-left: 1em;*/
	}
	
A.navlinksmall:visited { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: none;
	color: #FFFFFF;
	/*padding-left: 1em;*/
	}
	
A.navlinksmall:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: underline;
	color: #FFFFFF;
	/*padding-left: 1em;*/
	}
	
A.navlinksmall:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: underline;
	color: #FFFFFF;
	/*padding-left: 1em;*/
	}
	
	

A.smalllink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	text-decoration: none;
	color: #996633;

	}
	
A.smalllink:visited { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	text-decoration: none;
	color: #996633;

	}
	
A.smalllink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	text-decoration: underline;
	color: #996633;

	}
	
A.smalllink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	text-decoration: underline;
	color: #996633;

	}
	
	
	
A.copyrightlink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #660000;

	}
	
	
A.copyrightlink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 0.6em; 
	color: #660000;
	}
	
A.copyrightlink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #FFFFFF;
	}
	
A.copyrightlink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #FFFFFF;
	}


	
	
/*-----------------------------------------------------*\
 * Page Heading Classes
\*-----------------------------------------------------*/

.TopHeader	{

	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	/*color: #CC3300;*/
	color: #FFFFCC;
	/*text-align: left;*/
	/*padding-left: 10px;*/
	vertical-align: middle;
	}
.TopHeaderBig	{

	font-family: Arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	/*color: #CC3300;*/
	color: #FFFFCC;
	line-height: 1.6em;
	/*text-align: left;*/
	/*padding-left: 10px;*/
	vertical-align: middle;
	}
	
	
.TopHeaderMotto	{

	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	/*color: #CC3300;*/
	color: #FFFFCC;
	/*text-align: left;*/
	/*padding-left: 10px;*/
	vertical-align: middle;
	}
	
.Header	{

	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	/*color: #CC3300;*/
	color: #003399;
	text-align: left;
	}

.HeaderSmall {  

	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : normal;
	color: #003399;
	text-align: left;
	line-height: 2.0em;
	/*padding-left: 10px;*/

	}

.HeaderSmaller {  

	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	/*padding-left: 10px;*/

	}

	
	
	
	
	
/*-----------------------------------------------------*\
 * SPAN and Other  Misc. classes
\*-----------------------------------------------------*/

P.mission  { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: .8em; 
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: .5em;
	/*color: #996633;*/
	color: #006600;
	}

.policies { 
	font-family: Arial; 
	font-style: italic; 
	font-weight: normal;
	font-size: .8em; 
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: .5em;
	/*color: #996633;*/
	color: #993300;
	}
	
.navtext { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #996633;
	line-height: 2em;
	}
	
span.copyright { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #660000;
	}
	
span.addresses { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.7em; 
	color: #996633;
	}

	
span.AddressHeader { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 0.8em; 
	color: #996633;
	}
	
span.BookstoreHeader { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 0.8em; 
	color: #663333;
	}
	
span.BookstoreTitle { 
	font-family: Arial; 
	font-weight: normal; 
	font-size: 0.8em; 
	color: #663333;
	}
	
span.BookstoreBlurb { 
	font-family: Arial; 
	font-weight: normal; 
	font-size: 0.8em; 
	color: #663333;
	}
	
.footnote { 
	font-family: Arial; 
	font-style: italic; 
	font-size: 0.7em; 
	color: #006600;
	}
	
.bibliography { 
	font-family: Arial; 
	font-style: italic; 
	font-size: 0.7em; 
	color: #006600;
	}
	
.warning { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 0.8em; 
	color: #FF0000;
	}
	
.BodyTextLabel { 
	font-family: Arial; 
	font-weight: bold;
	font-style: normal; 
	font-size: 0.8em; 
	color: #006600;
	}
	
.BodyText { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.8em; 
	color: #000000;
	}
	
.BodyTextSmall { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.6em; 
	color: #000000;
	}
