@import url("screen.css");

/* CSS Document */

#header {background:#cc3414;}
#logo { padding: 15px 0;}
#nav { text-align:right;}
#banner { background:#efefef;}
#content {padding-top: 0px;}
#content-section {margin-top: 90px; color: #222; font-family: century gothic, Geneva, sans-serif; height: 400px;overflow:hidden;}
#content-section2 {margin-top: 50px; color: #222; text-align:left; height: 450px;overflow:hidden;}
#footer { background:#fff;}

#myoutercontainer { position:relative; height:100%; width:100%; }
#myinnercontainer { position:absolute; top:50%; height:535px;; margin-top:-5em; }

h1 { font-family: "Century Gothic",Helvetica,Arial,sans-serif; line-height: 1.5em; color: #ff8404; }
a {color: #257A9F; text-decoration:none;}

#horizon        
	{
	
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#myinnercontainer2    
	{
	margin-left: -495px;
	position: absolute;
	top: -267px;
	left: 50%;
	width: 990px;
	height: 535px;
	visibility: visible
	}




p {padding:5px;}


.menu{width: 100%; margin-top:30px; } 

.menu ul{
	margin: 0;
	padding: 0;
	float: right;}

.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 5px 19px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #D93615;
	border:1px solid #4C1307;
	margin:15px;
	-moz-border-radius:10px;

	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;;
	background-color:#8C2718;} /* change the background color of the list item when you hover over it */

.utility { color:#fff; line-height: 60px;}
.contest-wrapper {margin: 0 auto; width:600px;}
.content-wrapper {margin: 0 auto; width:990px;height: 535px; /* background:url(../img/hcm-content-bg2.png); */}
.innerdiv { padding:10px 0;}
.entry-form {padding: 20px;}
.body-bg {background: #fff;}
.nav-section {padding: 40px 0 0 40px; }
.nav {padding-top: 150px;}
.nav ul, li { list-style:none; padding-left: 0;font-family: century gothic, Geneva, sans-serif;}
.nav a {text-decoration:none;color:#222; }
.nav a:hover {color:#000; }
.main-content { margin: 0 auto;  text-align: center;}
#content-section h1 {color:#5f7c8e; font-size:1.3em; padding:0;}
#content-section a { color:#5f7c8e;}

.main-content li { list-style: circle;}
.blue-text { color:#5f7c8e;}
.scroll-pane {width: 470px;height: 380px;overflow: auto;float: left;}
.summary { font-size:10px;}
.iwrap { padding-right: 20px;}