@charset "utf-8";

body {
	background: #E5E2C7;
	text-align: center;
  	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.error { 
	color: red; 
	padding: 3px; 
	border: 1px solid red;
	text-align: center;
}

div#container { /* keep everything centered in beige bkgd */
	width: 959px;
	margin: auto;
	text-align: left;
}

div#center {
	background: #FFFFFF;
	text-align: left;
	padding: 25px;
	background-image: url(../graphics/center-background.png);
	background-repeat: repeat-y;
	overflow: auto; /* makes sure that height stretches to accomodate enclosed floating elements*/
	width: 94.5%; /* this also helps the overflow in IE6 */
}

div#carnes_quote {
	background-image: url(../graphics/quote-background.gif);
	background-position: right;
	height: 242px;
	margin: 1em 0;
}
div#carnes_quote img {
	float: left;
}
div#carnes_quote p {
	margin-left: 608px;
	padding: 10px; 
	font-size: 24px;
}

#quote {
	background-image: url(../graphics/carnes-quote.png);
	height: 242px;
	width: 294px;
	float: right;
}

#SARAquote {
	background-image: url(../graphics/carnes-quote2.png);
	height: 242px;
	width: 294px;
	float: right;
}

#quote blockquote, #quote .citation, #SARAquote blockquote, #SARAquote .citation {
	text-indent: -9999px;
}

div#ticker_fake {
	clear: both;
	background-image: url(../graphics/recovery-news-background.png);
	background-repeat: no-repeat;
	width: 906px;
	height: 33px;
}
div#ticker_fake h2 {
	float: left;
	font-size: 12px;
	padding: 8px 0 0 10px;
	margin:0;
	font-weight: bold;
}
div#ticker_fake p {
	margin-left: 130px;
	padding-top: 8px;
	font-size: 12px;
}

#right-col {
	float: right;
	margin-top: 0px;
	width: 270px;
	font-size: 14px;
} 

#left-col {
	width: 607px;
	font-size: 14px;
	border-right: 1px solid #CBD5D4;
	margin: 0;
}

#closure {
	color:#666666;
	text-align: center;
	margin: 0.5em auto auto;
	width: 910px;
	font-size: .8em;
}

#left-col .content { 
	margin: 0 20px;
}

/* HEADERS */
#header {
    background:url(/graphics/navigation-background.png);
    width:959px;
    height:41px;
}
.imagereplace { 
	margin: 0; 
	padding: 0; 
	text-indent: -9999px; 
	display: block; 
}

h1.title {
	background: url(../graphics/head-background.png) no-repeat;
	color: #4B6F94;
	font-size: 24px;
	font-weight: normal;
	height: 36px;
	width: 871px;
	margin-left: 20px;
	padding: 3px 0.3em;
}

h2.help { 
	background: url(../graphics/heretohelp.png) no-repeat; 
	width: 417px; 
	height: 32px; 
}

h2.sast {
	background: url(../graphics/sexual-addiction-screening-test.png) no-repeat; 
	width: 417px; 
	height: 32px;
}

h2.sara { 
	background: url(../graphics/sexual-addiction-risk-assessment.png) no-repeat; 
	width: 417px; 
	height: 32px; 
}

h2.email-newsletter { 
	background: url(../graphics/email-newsletter.png) no-repeat; 
	width: 182px; 
	height: 32px; 
} 

h2.takesara { 
	background: url(../graphics/takingtheSARA.png) no-repeat; 
	width: 224px; 
	height: 32px; 
}

p.takesara { 
	background: url(../graphics/sara-login.png) no-repeat;
	margin: auto; /* centers in width of column */
	width: 165px; 
	height: 34px; 
}

h2.about-sara { 
  background:transparent url(../graphics/about-sara.png) no-repeat;
  width:203px;
  height:34px;
}

h2.pss-title { 
  background:transparent url(../graphics/pss-title.png) no-repeat;
  width: 366px;
  height: 34px;
}

/* DIVISIONS */
div#terms_and_conditions {
	clear: both;
	text-align: center;
	padding-top: 2em;
}

div#terms_and_conditions p {
	display: inline;
	margin: 1em 7em;
}

/* BUTTONS */
a.more-info { 
	background: transparent url(../graphics/more-information.png) no-repeat; 
	width: 183px; 
	height: 32px; 
}

a.purchase { 
	background: transparent url(../graphics/purchase.png) no-repeat; 
	width: 203px; 
	height: 34px; 
}

form#sara-access {
  margin: 1em;  
}

a#therapistaccess {
	background: transparent url(../graphics/therapistaccess.png) no-repeat; 
	width: 190px; 
	height: 34px; 
}

a#patientaccess {
	background: transparent url(../graphics/patientaccess.png) no-repeat; 
	width: 190px; 
	height: 34px; 
}
		  
div#global-nav {
	float: right;
	margin:1em 2em 0 0;
	color:#FFFFFF;
    font-size:.9em;
}
div#global-nav a {
    color:#FFFFFF;
}

a#logout {
	background: transparent url(../graphics/logout.png) no-repeat; 
	width: 90px; 
	height: 34px; 
}

a:visited { /* do not distinguish between visited and not */
	color:#0000FF;
}

/*	Generic Forms	*/
.formatted-form fieldset {
    border:0;
    margin:0;
    padding:0;
}

.formatted-form fieldset legend {
    font-size:1.2em;
    font-weight:bold;
    padding:.5em 0;
}

.formatted-form label {
    clear:both;
    display:block;
    float:left;
    width:150px;
}

.formatted-form input,
.formatted-form select {
    float:left;
}

.formatted-form .action-button {
    clear:both;
    float:right;
}

/*	User Input Forms	*/
form.input-form {
	display: table;
	margin: auto;
	border-collapse: separate;
	text-align: center;
}
form.input-form p {
	text-align: center;
	margin: 2px auto;
	width: auto;
}

form.input-form label, form.input-form .left_bit {
	display: table-cell;
	text-align: right;
	width: 250px;
	padding-right: 5px;
	margin: 0px;
}
form.input-form .entry, form.input-form .right_bit {
	display: table-cell;
	text-align: left;
	width: 250px;
	margin: 0px;
}
form.input-form fieldset {
	display: table-row-group;
}

.stronger {
    color:#000;
}

.note {
    font-style:italic;
    clear:both;
}

.clear {
    clear:both;
}