/* Style Sheet layout-index
Site: Daytop
Version: 1.0
Author: Robert Gattullo    rgattullo@daytop.org
        Copyrighted material commented */ 

/* General */
html {font-size: 125%; background: url(../img/gradient2.gif) repeat-x;}
body { text-align: center; margin: 10px 0; text-align: center;}
#page-header { padding: 11px 0 5px 0; height: 200px; background: #fff url(../img/header-index.gif) top left no-repeat; clear: both;}
#page-wrapper { margin-left: auto; margin-right: auto; width: 830px; text-align: left; background: #fff url(../img/content-bg.gif) bottom right no-repeat;}
#page-header h1 { margin: 16px 0 0 45px; width: 359px; height: 96px; background: url(../img/dtlogo.gif) no-repeat; text-indent: -9000px; clear: right;} 
#searchform {position: absolute; right: 135px; top: 3px; z-index: 4;}
#slideshow { height: 110px; width: 365px; margin: -96px 0 0 465px; margin-right: 0; overflow: hidden;}
#slideshow img { width: 365px; height: 110px;} 
#content-wrapper { margin: 5px 5px 5px 5px;}

/* Main Navigation Column */
#main-nav { float: left; width: 168px; margin: 0 5px 0 0;}
#main-nav h3 { margin: 245px -10px 5px 10px; padding-top: 10px; text-align: left;}
#main-nav h4 { text-align: center;}
#fpic5 a { float: left; margin: 15px 1px 0 25px; padding: 3px 8px 1px 0; border: 0px; width: 117px; height: 39px; background: url(../img/donate.gif) no-repeat; text-indent: -9000px;}
#fpic2 a { float: left; margin: 15px 1px 0 25px; padding: 3px 8px 1px 0; border: 0px; width: 108px; height: 99px; background: url(../img/logo-carf.gif) no-repeat; text-indent: -9000px;}
.extlink { float: left; margin: 5px 0 0 15px; padding: 3px 8px 1px 0; border: 0px; width: 125px; height: 125px;}
#nav-subhd { float: left; margin: 0 20px 0 32px; padding: 0 15px 0 15px; text-align: center; border-bottom: 1px solid #7e8aa2;}
#main-nav p { float: left; margin: 2px 20px 20px 5px; padding: 1px 15px 3px 15px; text-align: center;}

/* Main Navigation */
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout-4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu {font-size: 8pt; margin: -73px 0px 3px -2px; font-family: verdana, arial, sans-serif;}
.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 0px; margin-top: 0px; width: 14em; padding-top: 0px; list-style-type: none; position: absolute}
.menu li {float: left; background-color: #bcc3d3;}
.menu li.sub {background-color: #bcc3d3;}
.menu table {margin-top: -1px; font-size: 1em; z-index: 100; left: 0px; position: absolute; top: 0px; border-collapse: collapse}
.menu a, .menu a:visited {border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; display: block; padding-left: 1em; font-weight: normal; text-transform: none; border-left: #ffffff 1px solid; width: 14em; color: #000000; line-height: 1.6em; border-bottom: #ffffff 1px solid; border-width: 1px 1px 0 1px; font-style: normal; height: 1.6em; font-variant: normal; text-decoration: none}
.menu a.last, .menu a:visited.last {border-width: 1px;}
.menu b {float: right; margin-right: 5px}
* html .menu a {width: 16em}
* html .menu a:visited {width: 16em; line-height: 1.6em}
* html .menu a:hover {font-weight: normal; text-transform: none; color: #fff; font-style: normal; position: relative; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu li:hover {position: relative}
.menu a:active {font-weight: normal; text-transform: none; color: #fff; font-style: normal; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu a:focus {font-weight: normal; text-transform: none; color: #fff; font-style: normal; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu li:hover > a {font-weight: normal; text-transform: none; color: #fff; font-style: normal; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu li ul {padding-right: 2em; padding-left: 2em; left: 11em; visibility: hidden; padding-bottom: 2em; line-height: 1.4em; padding-top: 2em; position: absolute; top: -2em; background-color: transparent}
.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}

#announcement { margin: 23px -140px 5px 30px;} 



/*
Classes used in DIV wrapped version of news feed
*/

/* table container for feed news */
.fd_bordertable { 
	background-color: white; 
	border-style: solid; border-width: 1px; border-color: #CCCCCC; 
	padding: 0; 
	width: 166px;
	margin: 5px 0 0 0;
}

/* table container for feed news */
.fd_maintable { border-width: 0; background: white }

/* header cell with feed title text and xml button */
.fd_header { 
	padding: 5px; 
	background: #762536; color: white; 
	text-align: center; vertical-align: top 
}

/* header title link (leading to rss) */
.fd_headerlink, .fd_headerlink:visited, .fd_headerlink:hover {
	font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: bold; 	
	color: white;	text-decoration: none; 
}

/* item link properties, such as text-decoration and etc */
.fd_itemlink { color: #c55e27; text-decoration: none; }
.fd_itemlink:visited { color: #286ea0; text-decoration: none }
.fd_itemlink:hover { color: #286ea0; text-decoration: none }

/* item descriptions */
.fd_itemcell { 
	padding: 3px; 
	background: #ede9db; color: black; 
}

/* item post date */
.fd_postdate { 
	color: #263248;	
}

/* item author */
.fd_author { 
}

/* Footer */

#page-footer p { clear: both; margin-bottom: 3px; padding-top: 3px; text-align:center;}
#page-footer { height: 60px; clear: both; margin: 0 0 0 85px;}

/* Footer Sub Navigation */
#sub-nav ul { margin-left: 20px; padding: 0; width: 600px;}
#sub-nav li { float: left; list-style: none; margin: 0; padding: 2px 5px; padding-bottom: 2px;}

/* Footer Links */
#page-footer A:link { COLOR: #7d7757; text-decoration: none}
#page-footer A:visited { COLOR: #7d7757; text-decoration: none}
#page-footer A:hover { text-decoration: none; color:#286ea0;}
#page-footer A:active { COLOR: #7d7757; text-decoration: none}