
/* ------------------------------

Donate Life Texas
Main CSS

------------------------------ */


* {
margin:0;
padding:0;
text-decoration:none;
}

body {
background:#3C3D38 url(../images/misc/background_page.png) repeat-x;
margin:0 10px 15px 10px;
color:#333;
font:.8em/1.3em "Lucida Grande", Verdana, sans-serif;
text-align:center;
}

/* ----- + containers + ----- */
/*Changes for CCF 100-097 are made in classes container, bannercontainer and bannercontainer1 and container1 are added */

#container {
margin:0px auto 0;
max-width:825px;
min-width:760px;
height:1%;
border-bottom:1px solid #111;
/*border-right:1px solid #111;*/
background:#fff url(../images/misc/background_container.png) repeat-y;
}

* html #container {
width:760px;
border-top:10px solid #fff;
}

#container1 {
margin:30px auto 0;
max-width:825px;
min-width:760px;
height:1%;
border-bottom:1px solid #111;
/*border-right:1px solid #111;*/
background:#fff url(../images/misc/background_container.png) repeat-y;
}

* html #container1 {
width:760px;
border-top:10px solid #fff;
}

#innerContainer {
border:10px solid #fff;
}

* html #innerContainer {
border-bottom:10px solid #fff;
border-left:10px solid #fff;
border-right:10px solid #fff;
border-top:none;
}
#innerContainer1 {
border:0px solid #fff;
}

* html #innerContainer1 {
border-bottom:0px solid #fff;
border-left:0px solid #fff;
border-right:0px solid #fff;
border-top:none;
}

#bannercontainer {
margin:0 auto 0;
max-width:825px;
min-width:825px;
height:1%;
/*border-bottom:1px solid #111;
border-right:1px solid #111;
background:#fff url(../images/misc/background_container.png) repeat-y;*/
}

* html #bannercontainer {
width:825px;
border-top:10px solid #fff;
}

#bannercontainer1 {
margin:0 auto 0;
max-width:825px;
min-width:825px;
height:1%;
/*border-bottom:1px solid #111;
border-right:1px solid #111;
background:#fff url(../images/misc/background_container.png) repeat-y;*/
}

* html #bannercontainer1 {
width:825px;
border-top:10px solid #fff;
}

/* ----- + columns + ----- */


#leftColumn {
float:left;
width:173px;
padding:0 0 10px;
}
#leftColumn1 {
float:left;
width:173px;
padding:0 0 0 0px;
}

#rightColumn {
margin:0 0 0 185px;
text-align:left;
}


/* ----- + header + ----- */


h1 a {
display:block;
width:165px;
height:166px;
margin:40px auto 60px;
}

h1 a span {
display:none;
}


/* ----- + left Menu :: English + ----- */


#mainMenu a {
display:block;
width:175px;
height:23px;
}

#mainMenu ul li {
list-style:none;
}

#mainMenu a span {
display:none;
}

/* ----- + top Menu + ----- */

#topMenu a {
display:block;
height:47px;
}

#topMenu ul li {
float:left;
list-style:none;
}

#topMenu a span {
display:none;
}

/* ----- + content + ----- */
#content1
{
	font-size:95%;
}
#content1 {
padding:0px 0px 0px -40px;
}
* html #content1
{
	font-size:90%;
}
#content, #contentHome {
font-size:95%;
}

* html #content, * html #contentHome {
font-size:90%;
}

#content {
padding:45px 25px 15px 25px;
background:transparent url(../images/misc/background_topMenu.png) repeat-x;
}

#contentHome {
padding:25px 15px 0 25px;
}

#content a:link, #content a:active, #content a:visited, #contentHome a:link, #contentHome a:active, #contentHome a:visited {
color:#333;
border-bottom:1px solid #777;
}

#content a:hover, #contentHome a:hover {
background:#fff;
color:#447BC1;
border-bottom:1px solid #447BC1;
}

#content h3 {
margin:5px 0 12px;
font-size:115%;
color:#222;
}

#content p, #contentHome p{
padding:0 0 12px;
}

.highlight {
margin:0 0 15px 0;
padding:10px;
background-color:#DBF4FF;
}

ul#fast li {
margin:0 0 12px 0;
list-style:none;
}

ul#fast li.last {
margin:0;
}

ul#fast li strong {
font-size:120%;
margin:0 1px 0 -1px;
}

ol {
margin:15px 0 15px 25px;
}

ol li {
padding:0 0 5px;
}

dl.resources {
margin:0 15px 25px 0;
}

dl.resources dt {
margin:0 15px 12px 0;
padding:0 0 0 14px;
font-weight:bold;
font-size:110%;
background:transparent url(../images/misc/bullet_resource.png) 0 4px no-repeat;
}

dl.resources dd {
margin:0 15px 12px 20px;
}

dl.natlResources {
margin:0 15px 12px 0;
}

dl.natlResources dt {
margin:0 15px 8px 0;
padding:0 0 0 14px;
background:transparent url(../images/misc/bullet_resource.png) 0 4px no-repeat;
}

dl.natlResources dd {
margin:0 15px 8px 20px;
}

dl.resources ul {
padding:2px 0 0;
list-style:none;
}

ul.faq, ul.maf {
list-style:none;
}

.question, .myth {
margin:0 15px 5px 0;
font-weight:bold;
}

.answer, .fact {
margin:0 15px 25px  0;
}


/* ----- + section Titles + ----- */


#titleHome span, #titleFacts span, #titleAbout span, #titleFaq span, #titleMyths span, #titleResources span, #titleSignUp span, #titleProfile span, #titlePrivacy span, #titleDisclaimer span, #titleContact span {
display:none;
}

#titleHome, #titleFacts, #titleAbout, #titleFaq, #titleMyths, #titleResources, #titleSignUp, #titleProfile, #titlePrivacy, #titleDisclaimer, #titleContact {
display:block;
margin:25px 0 0 0;
width:210px;
height:45px;
}

#titleProfile, #titlePrivacy, #titleDisclaimer, #titleContact {
display:block;
margin:0;
width:210px;
height:45px;
}

#content h2#titleMisc {
font-size:125%;
display:block;
margin:25px 0 20px 0;
}

/* ----- + section Pics + ----- */


#sectionPic  {
float:right;
width:230px;
border:10px solid #fff;
margin:0 -35px 15px 15px;
background-color:#fff;
}

* html div#sectionPic  {
margin:0 -17px 15px 15px;
}

#sectionPic p  {
font-size:90%;
padding:10px 10px 0 3px;
line-height:1.2em;
background-color:#fff;
}

/* ----- + section Videos in FAQ page + ----- */
/* ----- + Added for CCF 100-095 + ----- */
#message
{
	display:block;
	float:left;
	width:210px;
	margin:150px 0 0 -325px;
}
#psatext
{
	font-weight:bold;
}
#sectionPic3  {
float:right;
width:230px;
height:auto;
border:10px solid #fff;
margin:0 -35px 15px 15px;
background-color:#fff;
}

* html div#sectionPic3  {
margin:0 -17px 15px 15px;
}

#sectionPic3 p  {
font-size:90%;
padding:10px 10px 0 3px;
line-height:1.2em;
background-color:#fff;
}

#sectionPic1
{
	float:left;	
	margin:0 -35px 0px -35px;
	border:10px solid #fff;	
	width:600px;
	height:350px;
	background-color:#fff;
	padding:0 5px 0 5px;
	vertical-align:top;
}
* html div#sectionPic1  {
margin:0 -17px 15px 15px;
}

#sectionPic1 p {
font-size:90%;
padding:10px 10px 0 0px
line-height:1.2em;
background-color:#fff;
}
#sectionPic2
{
	float:left;	
	margin:0 -35px 0px -35px;
	border:10px solid #fff;	
	width:600px;
	height:330px;
	background-color:#fff;
	padding:0 5px 0 5px;
	vertical-align:top;
}
* html div#sectionPic2  {
margin:0 -17px 15px 15px;
}

#sectionPic2 p {
font-size:90%;
padding:10px 10px 0 0px
line-height:1.2em;
background-color:#fff;
}
#secvid
{
	width:380px
}
#secimg
{
	width:220px;
}
#sectionVid  {
float:left;
width:230px;
border:10px solid #fff;
margin:0 -35px 15px 10px;
background-color:#fff;
}

* html div#sectionVid  {
margin:0 15px 15px 15px;
}

#sectionVid p  {
font-size:90%;
padding:10px 10px 0px 0px;
line-height:1.2em;
background-color:#fff;
}
#innerContainer2 {
border:10px solid #fff;
}

* html #innerContainer2 {
border-bottom:10px solid #fff;
border-left:10px solid #fff;
border-right:10px solid #fff;
border-top:none;
}
#tabvid
{
	width:630px;
}
/* ----- + footer + ----- */


#footer  {
width:100%;
text-align:center;
margin:5px auto 15px;
text-shadow:#111 2px 2px 1px;
color:#858585;
font-size:85%;
}

#footer a:link, #footer a:active, #footer a:visited {
color:#fff;
}

#footer a:hover {
color:#bbb;
}

/* ----- + header + ------ */


#Header1_header_menu {
color:#858585;
padding:10px 0; 
height:20px; 
text-align:right;
font-size:90%;
}

#Header1_header_menu a:link, #Header1_header_menu a:active, #Header1_header_menu a:visited {
color:#fff;
}

#Header1_header_menu a:hover {
color:#bbb;
}


/* ----- + misc + ----- */


.hide {
display:none;
}

#clearer {
clear:both;
}
/*--------+add this button+----------*/
#addbtn
{
	padding:10px 20px 10px 20px;
}
#addbtnspn
{
	padding:5px 5px 5px 5px;
}