/*------------body-----------------------*/
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	background-image: url(images/blocks.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	}

/*------------links-----------------------*/
a 	{
	color: #6666CC;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
a:hover { text-decoration: underline; }

a:visited { color: #006666; }


/*------------header layout-----------------------*/
#vidsheader {
	voice-family: inherit;
	border: none;
	padding: 0px;
	margin-left: 75px;
	text-align: center;
	margin-top: 25px;
	background-color: #333399;
	background-image: url(images/header.jpg);
	border: 1px solid #000066;
}

#vidscontent {
	background-color: #FFFFFF;
	padding: 10px;
	MARGIN: 0px 40px 20px 270px;
	border-top: none;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
}

/*------------menu layout-----------------------*/
#vidsmenu {
	position: absolute;
	top: 85px;
	line-height: 16px;
	font-size: 11px;
	color: #000066;
	font-weight: normal;
	left: 75px;
	width: 170px;
	}

#vidsmenu a
	{
	color: #000066;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	}

#vidsmenu a:visited { color: #000066; }

#vidsmenu a:hover { color: #6666CC; 	text-decoration: none; }

#menu ul {
	margin: 0px;
	background: #CCCCFF;
	padding: 0px;
	list-style-type: none;
	margin-left: 0;
	font-weight: bold;
	}

#vidsmenubox {
	background-color: #CCCCFF;
	font-size: 11px;
	color: #000066;
	font-weight: normal;
	border: 1px solid #000066;
	padding: 5px 5px 5px 10px;
	}

#pollbox {
	background-color: #CCCCFF;
	font-size: 8pt Tahoma;
	color: #000066;
	font-weight: normal;
	border: 1px solid #000066;
	padding: 5px;
	}

/*------------header layout-----------------------*/


/*small fonts */
.small {font-size: 80%;}

/*rounded top corners used in various places */
.tl {background: #FFFFFF;}
.tr {background: #FFFFFF;}

/* Left and right floats used in some blocks */
.left {float: left; width: 55%; text-align: left;}
.right {float: right; width: 30%; text-align: right;}
.clear {clear: both;}

/* search engines like headings so we will use them for sitename and 
slogan, but we don't want them to appear on the page and mess up our banner */
	#banner h1, #banner h2 {display: none;}

/* The location of the div containing the skin change drop menu  in the banner area */
#skin {
	position: absolute;
	right: 50px;
	top: 25px;
}
/* The location of the div containing the RSS link in the banner area */
#rss {
	position: absolute;
	left: 100px;
	top: 35px; 
}



/* the footer box at the bottom of the page */
#footer {
	padding: 0px;
	border-top: 2px solid #191a76;
	clear: both;
	}

/* End universal page setup */


/*Index page*/
/*left and right columns--line-height fixes a disappearing float IE bug */
#leftindex { 
	width: 25%;
	float: left;
	line-height: 1.3em;
}

#rightindex {
	width: 25%;
	float: right;
	line-height: 1.3em;
}

#middleindex {margin: 3px 26%;}

/* This controls the look of the blocks on a few pages   */
/* The box around the block */
.block {margin: 0px 0px 15px 0px;}

/* The block's title */
.block .title {
	color: #000066;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}

.block .newstitle, .block .storytitle {
	background-color: #191A76;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 4px 7px 0px 7px;
	}

.storytitle a { color: #CCCCFF; }

/* The block's content */
.block .content {
	background: #FFFFFF;
	border: 1px solid #191A76;
	padding: 5px;
	}

.block .bottom {
	color: #191A76; 
	background: #FFFFFF; 
	padding: 2px 5px; 
	font-weight: normal; 
	font-size: 80%; 
	border-left: 1px solid #191A76;
	border-right: 1px solid #191A76;
	border-bottom: 1px solid #191A76;
	}



/*main content on the page */
#mainpage {margin: 0px 2%;}



#pagetitle, .sectionheader {
	text-align: center; 
	font-weight: bold;  
	font-size: 105%;
	margin: 10px;
}
	
/* Where there's a list of alphabet links #alphabet controls their look. Just to make things simpler #pagelinks controls the look of the links at the bottom of multi-page results and will be set here too. Generally, they look alike.*/
#alphabet, #pagelinks {
 	text-align: center;
 	font-size: 13px;
 	margin: 1em 0;
	line-height: 25px;
}

#alphabet a, #pagelinks a {
 	background: #191A76;
 	border: 1px solid #000;
 	padding: 2px 4px;
 	margin: 0;
 	text-decoration: none;
 	color: #FFFFFF; 
}

#alphabet a:hover, #pagelinks a:hover {
 	background: #CCCCFF;
	border: 1px solid #000066;
	padding: 2px 4px;
 	margin: 0;
 	text-decoration: none;
	color: #000066;
}

#alphabet #currentletter, #pagelinks #currentpage {
 	background: #CCCCFF;
	color: #000066;
	border: 1px solid #000066;
 	padding: 2px 4px;
 	margin: 0;
 	text-decoration: none;
	font-weight: bold; 
} 

#sortform {text-align: center; margin: 10px;}

/* To center column divs so they don't look so off-balance. This is for 2 columns. You'll want to play with the width if you have more */
#columncontainer {
	margin: 5px auto;
	width: 60%; 
	min-width: 60%;
	text-align: center;
}
html>body #columncontainer {text-align: left;}

.jumpmenu, #sort {margin: 5px;}

.notes {margin: 5px auto; width: 65%; min-width: 65%; text-align: center;}
html>body .notes {text-align: left;}

#story {padding: 0px 10px;}

The following declarations control the tabs */
#tabs {	
	margin: 0;
	padding: 0;
	background: #758F39;
	margin-bottom: 1em;
	}


#tabs ul {
	padding: 3px 0;	margin: 0;
	border-bottom: 1px solid #000;
	font: bold 12px Verdana, sans-serif;
}

#tabs li {
	list-style: none;
	margin: 0;
	display: inline;
}

#tabs li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #000;
	border-bottom: none;
	background: #214263;
	text-decoration: none;
	color: #000066;
}

#tabs li a:hover {
	color: #6666CC;
	text-decoration: none;
	background: #369;
	border-color: #000;
}

#tabs #active a {background: #ccccff; color: #000066;}


input, textarea, select 
	{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	letter-spacing: 0px;
	border: 1px solid #000066;
	padding: 2px;
	}

option
	{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	letter-spacing: 0px;
	padding: 3px;
	}