/* CSS Document */
/* body */

body {
background-color: #FFFF00; 
background-image: url('../images/bg.PNG'); 
background-repeat: repeat-x;
margin-top: 0px;
}

#page {
width:990px;
margin:0px auto auto auto;
}

/* links */

a {
color:blue;
text-decoration:none;
}

a:hover {
color:blue;
text-decoration:underline;
}

.bottom a {
font-family:"Times New Roman", Times, serif;
font-size:11.5pt;
color:red;
font-weight:bold;
text-align:center;
}

.bottom a:hover {
font-family:"Times New Roman", Times, serif;
font-size:11.5pt;
color:blue;
text-align:center;
font-weight:bold;
text-decoration:underline;
}


/* div tags */

#header {
width:990px;
height:275px;
background-image:url('../images/header.PNG');
background-repeat:no-repeat;
}

#navigation {
height:30px;
width:1000px;
margin:0;
padding:0;
}

#content {
width:983px;
background-image:url('../images/content_header.PNG');
background-repeat:repeat-x;
background-color:#E4F0FF;
border-right: 2px solid black;
border-left: 5px solid #FF0000;
border-bottom:2px solid black;
}

#footer {
background-image:url('../images/footer.PNG');
background-repeat:no-repeat;
text-align:center;
width:990px;
padding:5px 10px 10px 10px;
margin:15px 0px 0px 0px;
}

#text {
padding:5px 10px 0px 10px;
margin:0px 0px 0px 0px;
}

#left_top {
width:120px;
margin:80px 0px 5px 2px;
text-align:center;
}

#left_bottom {
width:120px;
margin:10px 0px 5px 2px;
text-align:center;
}

#right_top {
margin:10px 2px 5px 0px;
text-align: center;
font-family:"Times New Roman", Times, serif;
font-size:15pt;
color:black;
font-weight:bold;
background-color:white;
border: thin black solid;
}

#right_bottom {
margin:10px 0px 5px 2px;
}

#twitter {
margin:0px 5px 5px 25px;
float:right;
}


/* fonts */

.h1 {
font-size:36pt;
color:white;
text-align:center;
margin:2px 0px 0px 0px;
}

.h2 {
font-family:"Times New Roman", Times, serif;
font-size:24pt;
color:#000062;
text-align:left;
margin:5px 0px 5px 0px;
}

.bold {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
color:black;
text-align:left;
font-weight:bold;
}

.text {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
color:black;
text-align:left;
}

.bottom {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:black;
font-weight:bold;
text-align:center;
}

.borders {
border: 0px;
}

.safari {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:black;
font-weight:bold;
text-align:center;
}

.safari a {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:black;
font-weight:bold;
text-decoration:none;
}

.safari a:hover {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:blue;
font-weight:bold;
text-decoration:underline;
}

.center {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
color:black;
text-align:center;
}

.right {
font-family:"Times New Roman", Times, serif;
font-size:20pt;
color:black;
text-align:right;
font-weight:bold;
}


/* Trivia & Videos */
.trivia_expand {
float: right;
cursor: hand;
cursor: pointer;
font-weight: bold;
font-family: "Times New Roman" , Times, serif;
font-size: 13pt;
color:red;
}

.trivia {
font-family: "Times New Roman" , Times, serif;
font-size: 13pt;
color: black;
text-align: left;
padding: 10px 10px 10px 2px;
}

.trivia_answer {
width: 669px;
padding: 10px 10px 10px 20px;
font-family: "Times New Roman" , Times, serif;
font-size: 13pt;
color: blue;
text-align: left;
font-weight: bold;
}

.blog_answer {
width: 669px;
padding: 10px 10px 10px 20px;
font-family: "Times New Roman" , Times, serif;
font-size: 12pt;
color: black;
text-align: left;
}

/* NAVIGATION */
/* header */

.header ul{
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
border-width:0px;
}

.header li{
display:inline;
margin:0;
padding:0;
border-width:0px;
}

.header li a{
float:left;
margin:0;
padding:0;
border-width:0px;
}

.header li a:hover{
color:#FFFF00;
text-decoration:none;
border-width:0px;
margin:0;
padding:0;
}



/* dropdown */

.dropdown ul {
font-family:"Times New Roman", Times, serif;
font-size:14pt;
font-weight:bold;
height:22px;
width:250px;
text-align:center;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
list-style-type:none;
background:#CCCCCC;
border:1px solid black;
visibility:hidden;
z-index:100;
}

.dropdown {
font-family:"Times New Roman", Times, serif;
font-size:14pt;
font-weight:bold;
height:22px;
width:250px;
text-align:center;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
list-style-type:none;
background:#CCCCCC;
border:1px solid black;
visibility:hidden;
z-index:100;
}

.dropdown li a{
display:block;
height:22px;
width:250px;
margin:0;
padding:0;
color:black;
text-decoration:none;
border-bottom:1px solid black;
}

* html .dropdown li{ 
display:inline-block;
width:250px;
margin:0;
padding:0;
}

.dropdown li a:hover{
display:block;
width:250px;
height:22px;
margin:0;
padding:0;
color:black;
text-decoration:none;
}

.iframeshim{
position:absolute;
z-index:500;
background:transparent;
border-width:0;
width:0;
height:0;
margin:0;
padding:0;
display:block;
}