/*
Original design: andreas03 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas03/
*/

/* General layout */
body {margin:0; padding:20px 0; font:76% tahoma,verdana,sans-serif; background:#047 url(http://www.civilrightsfoundation.org/images/bodybg.png) repeat-x fixed; color:#333;}
#thetop {margin:0;}
#container {width:720px; margin:0 auto; padding:20px 20px 0 20px; background:#fff url(http://www.civilrightsfoundation.org/images/contbg.png) no-repeat; color:#333;}

/* Tags */
h1,h2,h3,h4 {margin:0 0 10px 0; font-weight:normal;}
h1 {font-size:2.6em;}
h2 {margin:0 0 4px 0; font-size:1.5em;}
h3 {margin:20px 0 8px 0; font-size:1.3em;}
h4 {margin:10px 0 5px 0; font-size:1.2em;}
a {text-decoration:none; color:#26c;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 15px 10px; line-height:1.5em;}

/* Site title and header */
#logo {float:left; width:522px; margin:0 20px 0 0; padding:0 0 10px 0; background:#eee; border:4px solid #dde; text-align:center; color:#555; overflow:auto;}
#logo h1 {margin:30px 5px 5px 5px; letter-spacing:-2px;line-height:1em;}
#logo a {color:#26a; text-decoration:none;}
#logo a:hover {color:#69e;}
#tagline {text-align:center; font-size:0.75em;line-height:1.5em;}
#nltagline {text-align:center; font-size:0.65em;line-height:1.5em;}
#intro p {line-height:1.5em;}

/* Main content */
#main {float:left; width:530px; margin-right:20px; padding:0; line-height:1.3em; }

/* Sidebar */
#sidebar {width:155px; float:right; margin-top:20px; font-size:1em; line-height:1.3em;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 10px; padding:0;}
#sidebar ul li, #sidebar ol li {list-style:none; padding:0; margin:0 0 4px 0;}
.sidelink {display:block; width:140px; margin:3px 10px 2px 0; padding:5px 0 5px 8px; font-size:1.2em; font-weight:400; text-align:left; background:#eee url(http://www.civilrightsfoundation.org/images/gradient1.png) repeat-x; color:#26c; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.sidelink:hover,.menuheader {background:#fff url(http://www.civilrightsfoundation.org/images/gradient2.png) repeat-x; color:#333; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none;}

/* Footer */
#footer {margin:0 auto 10px auto; line-height:1.6em; width:760px; background:#fff url(http://www.civilrightsfoundation.org/images/footerbg.png) bottom left no-repeat; padding:0 0 1px 0; font-size:1.1em; color:#777; text-align:left;}

/* Additional classes */
.headerstyle {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; background:#eee url(http://www.civilrightsfoundation.org/images/gradient2.png) repeat-x; color:#444; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; text-decoration:none;}
.clear {clear:both; margin:0; padding:0;}
.right {text-align:right;}
.internallink {font-size:0.9em; text-align:center;}
#sidebar p.block {font-size:0.9em; line-height:1.4em; margin:5px auto 15px auto; padding:5px; color:#555; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.credit {color:#777;}
.hide {display:none;}
p.blockedtext { text-align: justify }

/* More */
.more {text-align:right;}
.more a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}
.more_left {text-align:left;}
.more_left a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

/* Left More */
.lmore {text-align:left;}
.lmore a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}
.lmore_left {text-align:left;}
.lmore_left a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

/* Colors */
.red {color:#ff0000;}
.blue {color:#3d6f92;}
.gold {color:#ffcc00;}
.gray {color:#868686;}
.black {color:#000000;}
.maroon {color:#991F00;}
.orange {color:#ff6600;}
.green {color:#009900;}
.white {color:#ffffff;}

/* Float Stuff */
.floatright { 
	float: right;
	margin: 0 0 5px 5px;
	padding: 2px;
}
.floatrightborder { 
	float: right;
	margin: 0 0 5px 5px;
	padding: 2px;
        border: 1px solid #666;
}
.floatleft {
	float: left;
	margin: 0 5px 5px 0;
	padding: 2px;
}
.floatleftborder {
	float: left;
	margin: 0 5px 5px 0;
	padding: 2px;
        border: 1px solid #666;
}

/* Text Code */
.smalltext {
		font-family:tahoma, georgia; 
		font-size:9px;
		line-height:17px;
		color:#868686;		
}

/* Tab Code */
div.date {position:absolute; width:80px; height:80px; padding:10px 0; margin:0 0 0 -80px; background:#ffffff; -moz-border-radius:5px;-webkit-border-radius: 5px;}
div.date {font:normal 14px Tahoma; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}

/* Countdown Code */
/* Source Code: http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm */

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:black;
color:yellow;
font: bold 18px MS Sans Serif;
padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}