/*
Website General Rules
*/

body {
	background-color:#0066cc; /* Googly Bands Bluish Bacground */
	background-image:url('../images/web/bands-mono.png'); /* Color Bands */
}

ul {
	text-align:left;
}

ul.num {
	list-style-type:decimal;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
}
/*
Main Divisions Layout IDs
*/
#container {
	background-image:url('../images/web/background.png'); /* Top to bottom bluish degradation */
	background-repeat:repeat-x; /* Degradation Repeat*/
	width:980px; /* Website width to fully fit in 1024px browser window */
	background-color:#4891DC; /* Website main Content Background Color */
	margin: 4px auto; /* top & bottom=4px left & right=auto */
	text-align: left;
	position:relative; /* to allow absolute positioning of elements inside the container */
	z-index:0;
}
#header {
	margin-top:0px;
	background-image:url('../images/web/top_band.png'); /* Use Tag Line as Background image */
	background-repeat:no-repeat; /* Tag Line no repeat */
	background-position:-5px 12px;
	display:block;
	width:980px; /* Allow 4px each side for padding (so the logo does not touch borders) */
}
#sidemenu {
	float:left;
	display:block;
	margin-top:-60px;
	width:258px;
	text-align:center;
}
#facebooklikelink {
	margin-left:8px;
	height:25px;
}
#maincontent {
	margin:-66px 8px 8px 8px;
	width:964px;
}
#noticebar {
	background-color:#000000;
	padding-top:4px;
	padding-bottom:1px;
	margin-left:-8px;
	margin-right:-8px;
}
#navbar {
	margin-top:0px;
	position:relative;
	top:-66px;
	margin-left:278px;
	z-index:100; /* To ensure the buttons are above the flash frame and other elements */ 
}
#movieframe {
	margin-top:6px;
	margin-left:0px;
}
#mainflash {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	color:white;
	text-align:center;
	border:medium;
	width:700px;
	margin:0px 10px -20px 262px;
}
#linklogos {
	margin-left:96px;
	margin-top:-110px;
	float:left;
	text-align:right;
}
#ContestButton {
	margin-left:258px;
	margin-top:0px;
	text-align:center;
}
#questionslink {
	position:absolute;
	margin-left:400px;
	margin-top:25px;
	width:420px;
	height:25px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#99CCFF;
	background-color:#000066;
	text-align:center;
	padding:6px;
}
#footer {
	background-image:url('../images/web/bottom_bands.png'); /* Bottom white band with shapes */
	background-repeat:no-repeat; /* Tag Line no repeat */
	background-position:0px 0px;
	display:block;
	width:980px;
	text-align:center;
}
#videolabel {
	position:absolute;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#FFFF00;
	width:250px;
	margin-top:-5px;
	text-align:right;
	z-index:100;
}
#ImperialLogo {
	float:left;
	margin-left:4px;
	text-align:left;
	margin-top:-4px;
}
#websitesummary {
	width:895px;
	margin-left:75px;
	margin-top:-12px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:9px;
	font-variant:small-caps;
	color:blue;
}
#bottomlinks {
	text-align:center;
	padding-top:80px;
	padding-bottom:10px;
	margin-left:16px;
	margin-right:16px;
}
#poll {
	display:block;
	text-align:center;
	margin-left:20px;
}
#bloglink {
	display:block;
	float:right;
	margin-top:65px;
	margin-right:36px;
}
/*
Styles of the static pages (text copy and pictures)
*/
#whiteback {
	background-color:#FFFFFF;
	margin-left:8px;
	margin-top:24px;
	margin-right:24px;
	margin-bottom:-24px;
	text-align:center;
	padding:0px 8px 8px 8px;
	border:3px solid #000000;
	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	behavior: url(../includes/border-radius.htc);
}

#righttextblock {
	margin-left:328px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight:bold;
	color:#000000;
}
#centertextblock {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight:bold;
	color:#000000;
}
#lefttextblock {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}
#lefttextblockwside {
	margin-left:328px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
#sideblock {
	margin-top:-10px;
	float:left;
	padding:6px;
	text-align:center;
	width:316px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.superscr {
	font-size:75%;
	vertical-align:top;
}
.pic-left {
	float:left;
	border:0px;
}
.pic-right {
	float:right;
	border:0px;
}
.pic-center {
	vertical-align:middle;
	text-align:center;
	border-width:0px;
	border:0px;
}
.text-red {
	color:red;
}
.text-green {
	color:green;
}
.text-blue {
	color:#0099FF;
}
.text-purple {
	color:purple;
}
.text-pink {
	color:#FF66FF;
}
.text-orange {
	color:#FF9900;
}
.text-yellow {
	color:#FFFF00;	
}

.text-dkblue {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:125%;
	font-weight:bold;
	color:#0000CC;
}
.text-note {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:125%;
	font-weight:bold;
	color:#000000;
}
.text-legend {
	margin-top:0px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#FFFF00;
}
.text-legal {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:80%;
	color:#404040;
}
.text-press {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:100%;
	color:#404040;
}
.text-black {
	color:#000000;
	text-align:left;
}
.text-blackcenter {
	color:#000000;
	text-align:center;
}

.text-bullet {
	color:red;
	text-align:left;
}
/*
Classes
*/
.comingsoon {
	color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:bold;
}
.clearfloat {  /* Class clearfloat to allow main content to extend beyond leftmenu */
	clear:both;
	height:0;
	font-size:1px;
}
.mainlogo {
	margin-top:0px;
	border-width: 0px;
}
.navbutton {
	margin-top:0px;
	height:70px;
	text-align:center;
}
.noborderimage {
	border-width:0px;
	vertical-align:middle;
}
.flashframe {  /* Controls blue border around flash animation that masks the rounded corners which did not include the degradation background */
	position:absolute;
	margin-top:0px;
	top:272px;
	left:260px;
	z-index:50; /* To ensure the border goes below the top navigation buttons when overlapping */
}
.nolinkdecoration {
	color:#66CCFF;
}