/* CSS Document */

/* HTML ATTRIBUTE STYLES */

BODY
{
	margin: 0px;
	padding: 0px;
	background-image:url(images/cfstbg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:14px;
}

IMG
{
	margin:0px;
	padding:0px;
	border:0px;
}

H1
{
	font-size:22px;
	color:#333333;
}

H2
{
	font-size:20px;
	color:#333333;
}

P
{	
	font-family:Verdana;
	font-size:14px;
}

A, A:visited
{
	text-decoration:none;
	color:#000000;
}

A:hover
{
	background-color:#8a877d;
}

A.visible, A:visited.visible
{	
	text-decoration:underline;
}

UL
{
	list-style:none;
}

LI
{
	list-style:none;
	margin-top:25px;
	margin-bottom:25px;
}

TABLE 
{
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

TR
{
	padding:5px, 0px;
}

TD
{
	vertical-align:top;
	padding:10px;
}

FIELDSET
{
	margin: 0px auto;
	padding: 1em;
}

LEGEND {font-weight:bold;}

LABEL 
{
	float:left;
	width: 10em;
}

INPUT.med {width: 250px;}
INPUT.lrg {width: 400px;}
INPUT.small {width: 100px;}

TEXTAREA.sml {width: 250px;}
TEXTAREA.med {width: 400px;}
TEXTAREA.lrg {width: 800px;}

/* Container Divs */

#container 
{
	min-width: 1024px;
	margin:auto;
}

/* Header Divs */

#logo
{
	margin:0px, 0px, 25px, 0px;
	width:400px;
	height:140px; float:left;
	background:url(images/logo.jpg) no-repeat;
	
}
#logo-side
{
	margin:0px, 0px, 25px, 0px;
	width:400; float:right;
	height:140px;
	background:url(images/logo.jpg) no-repeat;
	
}

#search
{
	float:right; width:400px; text-align:right; 
	color:#FFFFFF; right:0px; 
	text-transform:lowercase;
	 padding:2px;margin-right:15px;
}
#tabs_main
{
	float:right; width:50%;
	color:#FFFFFF;
	text-transform:lowercase;
	
}

#tabs
{
	float:right;
	color:#FFFFFF;
	text-transform:lowercase;
	margin-top:50px;
	margin-right:15px;
}
#tabs a
{
	display:block;
	text-decoration:none;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}

/* Body Divs */

#content
{
	font-family:Verdana;
	font-size:14px;
	clear:both;
	margin:auto;
	border-top: 1px solid #000000;
}

#menu
{
	float:right;
	clear:right;
	margin:0px;
	padding:0px;
	height:173px;
}

#text
{
	padding-top:175px;
	padding-left:40px;
	padding-right:20px;
	width:450px;
}

#indextext
{
	font-family:Verdana;
	padding-top:20px;
	padding-left:40px;
	padding-right:20px;
	width:450px;
	text-align:justify;
}

#pics
{
	padding-left:40px;
	width:450px;
	text-align:center;
}

#contribtext
{
	margin-top:175px;
	padding-top:10px;
	padding-left:40px;
	padding-right:20px;
	width:450px;
	height:500px;
	overflow:auto;
}

#storyheader
{
	margin-top:180px;
	margin-left:20px;
	margin-right:20px;
	padding-right:20px;
	padding-left:20px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px; 
}

#storytext
{
	font-family:Verdana;
	font-size:14px;
	height:400px;
	overflow:auto;
	padding-left: 100px;
 	padding-right: 100px;
	
}

.category a {display:block;}

#catpic
{
	float:right;
	clear:right;
	margin:0px;
	padding:0px;
}

#storypic
{
	float:left;
	clear:left;
	padding-left:40px;
}

#contriblist
{
	float:right;
	clear:right;
	margin-top:20px;
	margin-right:20px;
	padding:0px;
	text-align:left;
	width:400px;
	height:480px;
	overflow:auto;
}

/* FOOTER DIVS */

#footer 
{
	text-transform:lowercase;
	text-align:center;
	padding:5px;
	clear:both;
}

#footer a
{
	text-align:center;
	margin-right:30px;
}

/* Classes */

.over a { background-color:#8a877d; }

.out a {background:none;}

.audio
{
	background-image:url(images/audio.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}

.error 
{
	color:#990000;
	font-weight:bold;
}
#audiopreview
{
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
}