/* CSS Document */

/*
	blue = #0f519f
	offwhite = #eeeeee
	gray1 = #333333
	gray2 = #666666
*/

HTML { height: 100.01%; }

body { 
	background-image: url(images/bg2.gif);
	background-repeat: repeat;
	background-color: #333333; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	margin: 0px;
	}

h1 {
	font-size: 14px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;

	}

#top { position: absolute; top: 0px; left: 0px; height: 800px; width: 100%; background: url(images/bg.gif) repeat-x; height: 100.01%; }

.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: center; }

a:link, a:visited, a:active { color: #0f519f; text-decoration: none; }
a:hover, a:visited:hover, a:active:hover { color: #666666; text-decoration: none; }

#menu a:link, #menu a:visited, #menu a:active { color: #ffffff; text-decoration: none; font-size: 16px; font-weight: bold; font-variant: small-caps; }
#menu a:hover, #menu a:visited:hover, #menu a:active:hover { color: #999999; }

#menu a.MenuResults:link, #menu a.MenuResults:visited, #menu a.MenuResults:active { color: #00FF00; text-decoration: none; font-size: 16px; font-weight: bold; text-transform: uppercase; }
#menu a.MenuResults:hover, #menu a.MenuResults:visited:hover, #menu a.MenuResults:active:hover { color: #999999; }



#windowtable { 
	width: 790px;
	height: 620px;
	}

#maintable { 
	width: 790px;
	height: 600px;
	background-color: #eeeeee;
	border-left: 5px solid #333333;
	border-bottom: 5px solid #333333;
	}
.mainleftcol1 {
	width: 193px;
	height: 250px;
	background-color: #eeeeee;
	}
.mainleftcol2 {
	width: 193px;
	background-color: #0f519f;
	}
.mainmidcol {
	width: 17px;
	}
.mainrightcol {
	width: 575px;
	padding-top: 5px;
	padding-right: 5px;
	}

.menutable {
	width: 115px;
	}

.menucell { 
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.homeLI {
	text-align: left;
	padding-bottom: 12px;
	}

.form-button {
	background-color: #0f519f;
	color: white;
	cursor: pointer;
	}
	
.eventTime {
	width: 25%;
	}
.eventDetails {
	width: 75%;
	}	


.AwardLevel { font-weight: bold; text-align: center; }
.LevelHeader { font-size: 18px; font-weight: bold; }
.OscarBox { border: 1px solid #666666; height: 180px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; vertical-align: middle; width: 550px; }
.GrammyBox { border: 1px solid #666666; height: 90px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; vertical-align: middle; width: 550px; }
.TonyBox { border: 1px solid #666666; height: 90px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; vertical-align: middle; width: 550px; }
.EmmyRow { margin-top: 10px; }
.EmmyBox { border: 1px solid #666666; height: 90px; text-align: center; vertical-align: middle; width: 270px; }
	.EmmyBoxEmpty { border: 1px solid #eeeeee; height: 90px; text-align: center; vertical-align: middle; width: 270px; }
.GlobesRow { margin-top: 10px; }
.GlobesBox { border: 1px solid #666666; height: 90px; text-align: center; vertical-align: middle; width: 270px; }
	.GlobesBoxEmpty { border: 1px solid #eeeeee; height: 90px; text-align: center; vertical-align: middle; width: 270px; }
.ChoiceBox { width: 270px; }
	#CHOICE li { padding-bottom: 10px; }
