@charset "UTF-8";
/* CSS Document */

body	{
		font-family: "Times New Roman", Times, serif;
		text-align: center;
		background-image: url(images/bgTile.jpg);
		background-repeat: repeat;
		background-color: #000;
		font-size: 100%;
		color: #333333;
		}
		
#container	{
			margin: 0 auto;
			padding: 0;
			width: 960px;
			text-align: left;
			position: relative;
			background-color: #fff;
			border: #666 2px solid;
			}
			
#banner	{
		line-height: 1px;
		font-size: 1px;
		}
				
a:link { 
	color: #015c96;
	}
a:visited { 
	color: #014a79;
	}
a:hover { 
	color: #990000;
	text-decoration: none;
	}
a:active { 
	color: #FF0000;
	}
					
/* For navigation bar */
#navlist	{
			height: 30px;
			width: 902px;
			padding: 0 0 0 58px;
			margin: 0;
			font-size: 1.1em;
			background-color: #8f0000;
			background-image: url(images/navbar.jpg);
			background-repeat: no-repeat;
			}

#nav	{
		padding: 0;
		margin: 0;
		top: 5px;
		left: 0px;
		position: relative;
		z-index: 10;
		}

#nav a	{
		text-decoration: none;
		}

#nav a:link	{ 
			color: #fff;
			text-decoration: none;
			padding: 5px 20px 5px 20px;
			}

#nav a:visited 	{ 
				color: #fff;
				text-decoration: none;
				padding: 5px 20px 5px 20px;
				}

#nav a:hover	{
				color: #fff;
				text-decoration: none;
				background-color: #013b60	;
				padding: 5px 20px 5px 20px;
				}
				
#nav a:active 	{ 
				color: #fff;
				background-color: #bd0000;
				padding: 7px 12px;
				padding: 5px 20px 5px 20px;
				}

#nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		background-color: #006000;
		}

#nav li li a	{
				display: block;
				color: #fff;
				text-align: left;
				padding: 0.2em 5px;
				width: 148px;
				}
				
#nav li li a:link	{ 
					color: #fff;
					text-decoration: none;
					background-color: #006000;
					}

#nav li li a:visited 	{ 
						color: #fff;
						text-decoration: none;
						background-color: #006000;
						}

#nav li li a:hover {
					color: #fff;
					text-decoration: none;
					background-color: #003300;
					}
				
#nav li li a:active	{ 
					color: #fff;
					text-decoration: none;
					background-color: #009500;
					}

#nav li	{
		float: left;
		position: relative;
		text-align: center;
		cursor: default;
		background-color: transparent;
		list-style: none;
		}

#nav li ul	{
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			font-weight: normal;
			padding: 0;
			z-index: 20;
			}

#nav li>ul 	{
			top: auto;
			left: auto;
			}

#nav li li 	{
			display: block;
			position: relative;
			top: 2px;
			float: none;
			background-color: transparent;
			border: 0;
			z-index: 30;
			border-top: #fff 1px solid;
			}

#nav li:hover ul, #nav li.over ul	{ display: block; }	


#topic	{
		float: right;
		width: 480px;
		}

h1, h2, h3, h4	{ 
				color: #014a79;
				}

#content	{
			padding: 45px 70px 50px 70px;
			width: 820px;
			background-image: url(images/shadow.gif);
			background-repeat: repeat-x;
			font-size: 1.1em;
			}
			
.photoRight	{
			float: right;
			margin-left: 22px;
			margin-top: 17px;
			}
			
.author	{ font-size: .8em; }

.dropcap	{
			margin-right: 1px;
			float: left;
			color: #fff;
			background-color: #004471;
			background-image: url(images/dropcapBG.jpg);
			background-repeat: repeat;
			border: 3px solid #8F0000;
			font-size: 35px;
			line-height: 22px;
			padding: 6px 5px 4px 5px;
			font-family: "Times New Roman", Times, serif;
			}
			
#myAlternativeContent	{
						border: #8F0000 5px solid;
						padding: 22px;
						background-color: #000;
						}
						
.homepageBox1	{
				width: 385px;
				padding: 0;
				float: right;
				}
				
.homepageBox2	{
				width: 385px;
				padding: 0;
				float: left;
				}
				
.homepageBox3	{
				width: 820px;
				padding: 0;
				float: left;
				}
				
.homepageBox3 img	{ margin: 0 0 0 12px; }

.homepageBox5	{
				width: 363px;
				padding: 17px 12px 4px 17px;
				float: right;
				background-color: #D9E6F0;
				background-image: url(images/bgTileLight.jpg);
				background-repeat: repeat;
				margin-left: 22px;
				font-size: .8em;
				border: #014A79 5px solid;
				border-radius: 25px;
				-moz-border-radius: 25px; /* Firefox 3.6 and earlier */
				}
				
.homepageBox5 img	{ margin: 17px 0 0 12px; }


				
.bigBlue	{ 
			color: #014a79;
			font-size: 1.2em;
			}
					
.smallText	{ font-size: .8em; }

td { font-size: .9em; }

		
#footer	{
		padding: 10px 30px 5px 30px;
		margin: 0;
		height: 20px;
		width: 900px;
		background-image: url(images/navbar.jpg);
		background-repeat: repeat-y;
		color: #fff;
		font-size: .8em;
		clear: both;
		}
		
#footer	img	{
			position: relative;
			top: -5px;
			}
		
		
#FoxWorks	{
			float: right;
			color: #fff;
			width: 250px;
			text-align: right;
			}
								
#FoxWorks img	{ margin-left: 7px; }

#FoxWorks a:link 	{ 
						color: #fff;
						}
#FoxWorks a:visited 	{ 
						color: #fff;
						}
#FoxWorks a:hover 	{ 
						color: #f00;
						text-decoration: none;
						}
#FoxWorks a:active 	{ 
						color: #fff;
						}
						
#musicTable	ol	{ text-align: left; font-size: .8em; }


#smileCover	{
			width: 236px;
			float: right;
			position: relative;
			top: 50px;
			}
			
#videoNote	{
			position: relative;
			top: -20px;
			}
			
#topTen	{
		position: absolute;
		width: 251px;
		height: 251px;
		top: 60px;
		right: 50px;
		}
		
#topTen a	{ border: none; }

#topTenTable	{ border: #000 3px solid; }


#topTenTable tr:nth-of-type(odd)	{
  									background-color: #CEE2EE;
									}

#topTenTable th	{ 
				padding: 7px;
				background-color: #015c96;
				color: #fff;
				font-weight: bold;
				border: #000 1px solid;
				border-collapse: collapse;
				}
				
#topTenTable td	{
				padding: 7px;
				border: #000 1px solid;
				border-collapse: collapse;
				}
				
.badge	{
		float: right;
		width: 61px;
		position: relative;
		top: -2px;
		}