/* Start of CMSMS style sheet 'DeBRA: Layout' */
/* CSS - by Allan Scott */

/*---[ undohtml ]-------------------------- */

:link,:visited { text-decoration:none }

/*ul,ol { list-style:none }*/

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

/*-- LAYOUT --*/

html {
overflow-y: scroll;
}

body	{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#656565;	
font-size:0.625em;
background-color: #a292c0;
background-image:url(images/layout/body-bg.jpg);
background-repeat:repeat-x;
text-align:center;/* for IE */
}

#wrapper	{
margin:10px auto 0 auto;
overflow:hidden;
width:990px;
text-align:left;/* for IE */
background:#fff url(images/layout/pg-bg.jpg) repeat-y;
}

#wrapper .inside	{
padding:0;
}

#top	{
height:42px;
margin:0;
background-image:url(images/layout/top-bg.jpg);
background-repeat:no-repeat;
}


#nav-top	{
/*float:right;*/
/*width:300px;*/
height:30px;
}

#header	{
width:100%;
height:184px;
}

#branding	{
float:left;
width:233px;
height:184px;
background: url(images/layout/branding.jpg) no-repeat;
display: inline; 
}

#branding h4	{
text-indent:-999px;
}

#header-pic	{
float:left;
width:561px;
margin:0;
display: inline; 
}

#donate	{
float:left;
width:196px;
margin:0;
display: inline; 
}


/* nav_main - the  main Horizontal Menu --*/
#nav_main	{
width:990px;
height:30px;
margin:0;
padding:0 0 0 20px;
background:url(images/layout/nav-main-bg.jpg) no-repeat;
}

* html #nav_main	{
margin:-5px 0 0 0;
}

#news-scroll {/* horizontal ticker */
/*float:left;*/
position: relative;
/*z-index:5;*/
overflow: hidden;
/*border: 1px solid #666;*/
height: 20px;
width: 500px;
margin:-10px auto 10px auto;
}

#content	{
overflow: hidden;
height:100%;/* stop ie6 shortening content area on main nav hover */
padding:20px;
background:url(images/layout/content-top-bg.jpg);
background-repeat: no-repeat;
}

#content .inside {
padding:20px 0;
}

#content_wide	{
padding:0 0px;
}

#content_main	{
float:right;
width:700px;
padding:0;
}

#content_sub	{
float:left;
width:200px;
padding:0;
}



/*-- home page introbox --*/
#introbox	{
float:left;
width:330px;
height:200px;
margin:0 0 20px 0px;
}

#introbox .inside	{
padding:0 15px 0 0;
}

/*-- home page 'teasers' --*/
.teaser	{
float:left;
width:290px;
height:200px;
margin:0 0 20px 40px;
}

.teaser-first	{
float:left;
width:290px;
height:200px;
margin:0 0 20px 0px;
}

.teaser h3, .teaser-first h3	{
height:40px;
color:#43257f;
font-size:1.8em;
font-weight:normal;
text-align:center;
margin:0;
padding:10px 0 0 0;
background: url(images/layout/teaser-top.png) no-repeat;
}

.teaser-body	{
height:150px;
padding:0 15px;
background: url(images/layout/teaser-body.png) no-repeat;
}

.teaser-body-bingo	{
height:150px;
padding:0 15px;
background: url(images/layout/teaser-body.png) no-repeat;
}

.teaser-body img	{
float:left;
width:120px;
margin:0 10px 0 0;
}

div.teaser-news-scroll marquee {
float:right;
height:120px;
width:130px;
}


.teaser-body p	{
font-size:11px;
padding:0 0px 5px 0px;
margin:0 0 0 120px;
}

.teaser p a:hover{
font-style:italic;
font-weight:bold;
font-size:1.0em;
color:#8e1682;
text-decoration:underline;
}

.teaser a:link, .teaser a:visited, .teaser-first a:link, .teaser-first a:visited	{
font-style:italic;
font-weight:bold;
font-size:12px;
color:#223b51;
text-decoration:none;
}

.teaser a:hover, .teaser-first a:hover{
font-style:italic;
font-weight:bold;
color:#8e1682;
text-decoration:underline;
}

.teaser-readmore	{

}

/* content page thumbnails */
div.gallery_thumbs	{
float:left;
margin:0 0 0 0px;
}

.gallery_thumbs h3	{
font-family: Arial, Helvetica, sans-serif;
font-size:2.0em;
margin:0 0 10px 0;
}

.gallery_thumbs_caption	{
text-align:center;
font-size:1.2em;
font-weight:bold;
color:#223b51;
}

/*-- infobox --*/
.infobox	{
margin:0 0 15px 0;
}

.infobox h3	{
font-size:2.0em;
margin:0px;
}

.infobox img	{
/*float:left;*/
}

.infobox a:link, .infobox a:visited	{
font-style:italic;
font-weight:bold;
font-size:1.4em;
color:#cc000e;
text-decoration:none;
}

.infobox a:hover{
font-style:italic;
font-weight:bold;
font-size:1.4em;
color:#cc000e;
text-decoration:underline;
}

#associate-logos	{
clear:both;
margin:20px 0 0 0;
height:66px;
text-align: center;
}


/*-- footer --*/
#footer	{
clear:both;
width:990px;
height:60px;
margin:0px auto;
padding:10px 0 0 0;
background:url(images/layout/ftr-bg.jpg) no-repeat;
}

/*-- site_info --*/
#site-info	{
float:left;
width:100%;
margin:0px 0 20px 0;
color:#233865;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pxem;
line-height:1.6em;
text-align:center;
padding:0px 0 0 0;
}

#site-info a	{
color:#233865;
font-weight:normal;
text-decoration:none;
}

#site-info a:hover	{
color:#8e1682;
font-weight:normal;
text-decoration:none;
}

/* additional LAYOUT ----------------------------------*/
.clearboth	{
clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* formatting -------------------------------*/
h1	{
color:#009999;
font-size:2.4em;
font-weight:normal;
line-height: normal;
margin:0 0 15px 0;
}

h2	{
font-size:2.0em;
font-weight:normal;
color:#009999;
margin:0px 0 5px 0;
}

h3	{
clear:both;
font-size:1.5em;
font-weight:normal;
line-height:normal;
color:#43257f;
margin:10px 0 0px 0;
padding:0;
}

h4	{
clear:both;
font-size:1.3em;
font-weight:normal;
line-height:normal;
color:#43257f;
margin:10px 0 0px 0;
padding:0;
}


p, #content li, #content, #content_main	{
font-size:13px;
line-height:1.6em;
margin:0 0 10px 0;
}


a:link, a:visited	{
font-weight:bold;
text-decoration:none;
color:#223b51;
}

a:hover	{
text-decoration:underline;
}

/*---[ block quotes ]----------------------------------*/

blockquote {
width:290px;
margin:0 0 20px 0;
padding:0;
background:url(../images/layout/quote-start.png) top left no-repeat;
/*position: relative;*/
}

p.quotebody {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
font-weight:bold;
font-style:italic;
color:#8e1682;
padding:0px 50px 0px 50px;
text-align:left;
background: url(../images/layout/quote-end.png) bottom right no-repeat;
}

p.quotecite {
color: #444;
font-size:1.2em;
font-weight:bold;
text-align:left;
padding:5px 0px 15px 50px;
margin-bottom: 0;
}


/*---[lists ]---------------------------*/

#content_main ul	{
margin:10px 0;
list-style-type:square;
}

#content_main ul li	{
margin-left:20px;
margin-top:5px;
}

ul.introlist	{
margin:10px 0;
list-style-type:square;
}

ul.introlist li	{
margin-left:20px;
margin-top:5px;
color:#fff;
}

#content_main ol	{
margin:10px 0;
padding:0;
list-style-type:decimal;
}

#content_main ol li	{
margin-left:25px;
margin-top:5px;
}

ol.basicorderedlist	{
margin:10px 0;
list-style-type:decimal;
}

ol.basicorderedlist li	{
margin-left:25px;
margin-top:5px;
}

/*-- Contact Panel --*/
.contact-panel {
background:#ccc;
padding:10px;
}

/*-- Forum Styling --*/
 table#forum-signup {/* forum user sign up form */
width:70%;
}

 table#forum-signup td.label {
width:150px;
padding:5px;
vertical-align:top;
}

 table#forum-signup input {
width:200px;
}

 table#forum-signup textarea {
width:200px;
height:50px;
}

table.forum_pagetable {/* posts table */
width:95%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
/*background:#eee;*/
}
 
table.forum_pagetable th {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
background:#43257f;
color:#fff;
}

table.forum_pagetable td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px;
}


	
/* End of 'DeBRA: Layout' */