/***************************************************************************************
// CREATOR: Ta'wanna Logans
// PURPOSE:
// Volunteer area proprietory styles.
// ----------------------------------------------------------------------
// UPDATES:
// 01/19/08 - Reorganized to elements, IDs, classes; Reorganized elements section and commented most IDs and Classes.
// 01/25/08 - Compressed stylesheet
//
// FIXES/PLANS:
// - Merge greyblock, main, and morelinks
// - Miniminze line codes
// - Change .mainblock to look better
// - rename tcat and tborder
// ----------------------------------------------------------------------
// Copyright <>< ANOINTED YOUTH
*************************************************************************************** *******************************ELEMENTS*****************************************/
/*BODY */
body{color:#fff;background-color:#036;}
/*TEXT */
body,p,td,tr,a,td,th,ol,ul{font:12px "Verdana",Arial,Helvetica,sans-serif;}
/*HEADERS */
H1,H2,H3,H4,H5{text-transform:uppercase;text-align:center;font-weight:bold;}
H1{display:block;font-size:14px;color:#fff;background:#006;margin:0;padding:0;}
H2{font-size:13px;}
H3{font-size:12px;}
H1 a:link{color:#fff;background:#006;}
/*LINKS */
A{text-decoration:none;}
A:link{color:#009;}
A:visited{color:#060;}
A:active{color:#006;}
A:hover{color:#060;text-decoration:underline;}
/*FORMS */
form.nospace{margin:0;padding:0;}
input{background:#EAEDF2;}
/*TABLES */
table{color:#000;}
/*IMGS */
img{border:none;}
/********************************IDs [items to display once per page]***************************************** /
/*Top of page main announcement */
#announce{text-align:center;clear:both;font-weight:bold;color:#FFF;background-color:#C00;display:block;font-variant:small-caps;margin:0;padding:0;}
/*Displays "hotspots" at top of all pages */
#hotspots{width:750px;display:block;margin:auto;}
#hotspots ul{list-style-type:none;color:#FFF;width:100%;text-align:right;margin:0;padding:.1px;}
#hotspots li{display:inline;color:#fff;font-style:italic;font-weight:bold;}
#hotspots li a{text-decoration:none;color:#f3f3f3;font-weight:bold;font-style:normal;background-color:#204B78;padding:1px 10px;}
#hotspots li a:hover{background-color:#369;color:#fff;}
/*Outer container of main content */
#outborder{border:solid medium #204B78;background-color:#036;}
/*Main content */
#container{width:750px;text-align:center;display:inline;}
/*Displays logo */
#header{vertical-align:middle;background-color:#036;background-image:url(../../images/Logo-BG.gif);}
/*Page title */
#pgtitle{background-color:#036;}
/*Displays left side links */
#navcontainer ul{list-style-type:none;margin:0;padding:0;}
#navcontainer li{color:#399;font-weight:bold;text-align:center;font-variant:small-caps;background:url(../../images/backgrounds/gradient_tcat.gif) repeat;margin:0 0 1px;}
#navcontainer a{display:block;width:140px;color:#fff;text-decoration:none;font-weight:normal;text-align:left;font-variant:normal;background:#036;padding:2px 5px;}
#navcontainer a:hover{color:#fff;text-decoration:none;background:#006;}
#navcontainer ul ul li{margin:0 0 1px;}
#navcontainer ul ul a{display:block;width:125px;color:#fff;text-decoration:none;background:#066;padding:1px 1px 1px 2px;}
#navcontainer ul ul a:hover{color:#9CADC5;text-decoration:none;background:#006;}
/*Displays main page content */
#content{color:#000;background:#fff url(../../images/backgrounds/bgtrans.gif) no-repeat scroll right bottom;padding:0 .5em .5em;}
#infocontent{margin-top:0;padding:0;}
/*Creates breadcrumb trail using list */
#bread{color:#036;margin-bottom:25px;border-bottom-width:thin;border-bottom-color:#006;border-top-width:thin;border-top-color:#006;background:#FFF;border-style:dashed none;padding:3px;}
#bread ul{margin-left:0;padding-left:0;display:inline;}
#bread ul li{margin-left:0;padding-left:2px;border:none;list-style:none;display:inline;font-style:italic;}
/*Social bookmarking CSS */
#social{margin:5px;}
#social ul{list-style-type:none;margin:0;padding:1px;}
#social a{text-decoration:none;padding:1px 20px 1px 1px;}
/*Page footer */
#footer{clear:both;color:#fff;font-size:11px;background-color:#036;margin:0;padding:0;}
#footer a:hover{color:#9CADC5;}
/********************************CLASSES [items to display multiple times per page]*****************************************/
/* Displays text in a blue color */
.bluetxt{color:#527597;}
/*Google text links */
.googletxt a:link{color:#85ADB6;}
/*Error and notices in red */
.notice{color:red;}
.error{color:red;font-weight:bold;}
/* Grey block - currently used for movies, needs update */
.mainblock{width:95%;font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;color:#527597;background-color:#f3f3f3;display:block;clear:both;border:medium solid #036;margin:5px auto;padding:5px;}
.mainblock img{float:left;padding:10px;}
.mainblock a{font-style:italic;color:#fff;font-weight:bold;}
/*Displays block for more links */
.morelinks a{color:#000;display:block;border:1px dashed #006;text-decoration:none;background:#f3f3f3;margin:5px;padding:5px;}
/*Display block*/
.blockout {text-align:left;color:#000;display:block;border:1px dashed #006;text-decoration:none;background:#f3f3f3;margin:5px;padding:5px;}
/*Displays color for main image on homepage */
.homeimage{text-align:center;display:block;color:#fff;background:#000;}
/*Footer */
.footernav{list-style-type:none;text-align:center;margin:1px;padding:10px;}
.footernav li a{text-decoration:none;padding:.2em .4em;}
.center{text-align:center;display:block;}
.left{text-align:left;display:block;}
/*Hide element */
.invisible{display:none;}
/*Makes element transparent  .transparent{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}  Current open pos */
.greyblock{color:#000;text-align:center;display:block;background:#f8f8f8;}
/* Floats element */
.floatleft{float:left;margin:10px;}
.floatright{float:right;margin:10px;}
/*Box with border */
.tcat{color:#FFF;font:bold 10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;background:#006;}
.tborder{color:#000;border:1px solid #006;background:#fff;}

/*************************STILL NEEDS TO BE FIXED**********************************/
.yotm fieldset{clear:both;}
.vinfo{border:medium solid #006;}
.vinfo h3{text-align:center;color:#006;border-bottom-width:medium;border-bottom-style:solid;border-bottom-color:#006;border-top-style:none;background:#aebccf;margin:0;padding:0;}
.blockleft{float:left;width:400px;}
.blockright{float:right;width:100px;}
.topsites{text-align:center;}
.lightblue{border:medium solid #036;color:#fff;background:#369;}
.lightgreen{border:medium solid #036;color:#fff;background:#399;}
.scripture{border:thin dashed #FFF;text-align:center;background:#399;padding:5px;}
legend{color:#036;font-weight:bold;font-variant:small-caps;}
fieldset{color:#036;border:none;background-color:#EFF3F8;}
.style1{font-size:10px;}
.style2{font-weight:bold;}
.style3{font-size:9px;font-weight:bold;color:#006;background:#FFF;}
#announce a,#footer a{color:#fff;}
#bread ul li a:link,#bread ul li a:visited,#bread ul li a:active,#bread ul li a:hover{color:#036;font-style:normal;background:#FFF;}
#social ul li,.footernav li{display:inline;}
.alignleft,a.alignleft{text-align:left;}
.yotm img,.vinfo img{border:medium inset #006;float:left;margin:5px;padding:0;}
.nopadding,.nopadmar{margin:0;padding:0;}
.smallprint,.smallprint a{font-size:9px;}