/* CSS Document */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-color:#ffffff}
p{margin:0 10px 10px}
a{font: arial,sans-serif;text-align:center;text-decoration: underline}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B; background-image: url(images/header-prizes.jpg);}
div#header{height:159px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B; background-image: url(images/header-prizes.jpg);}
div#container{text-align:left; background-color:#FFFFFF; }
div#content p{line-height:1.4; padding:10px}
div#navigation{}
div#footer{font: 80% arial,sans-serif; background: #333;color: #FFF; background-image: url(images/footer-bg.gif);padding-left:5px; margin-bottom:30px}
div#footer a{font: arial,sans-serif;text-align:center;color:#ffffff;text-decoration: none}
div#footer a:hover{font: arial,sans-serif;text-align:center;color:#ffffff;text-decoration: underline;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:720px;margin:0 auto; background-image: url(images/content-bg.gif); background-repeat: repeat-y;}
div#footer{clear:both;width:100%;}

.dottedLine{background-image: url(images/dot.gif); background-repeat: repeat-x;  margin-left:20px; margin-right:20px;}
.dottedline{background-image: url(images/dot.gif); background-repeat: repeat-x;  margin-left:20px; margin-right:20px;}

/* Tags styling */
h1 {font-size:120% ;font-family: arial,sans-serif; padding-left:20px;}
h2 {font-size:140% ;font-family: arial,sans-serif; text-align:center; border: 1px solid #112E72; margin-left:80px; margin-right:80px; background: #8A9AC4; color:#FFFFFF; padding:2px;}
h3 {font-size:160% ;font-family: arial,sans-serif; padding-left:20px; padding-right:20px;}
/* Navigation styling */
#navcontainer
{
background: #002372;
background-image: url(images/tabsBg.gif);
margin: 0 auto;
padding-top:1px;
font-family: arial,sans-serif;
font-size:120%;
margin-left:10px;
margin-right:11px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 0.8em; 
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;

}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.4em; 
color: #ffffff;
text-decoration: none;
}

#navcontainer>ul#navlist li a { width: auto;}

ul#navlist li#active a
{
background: #ffffff;
color: #002372;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #002372;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li  li#active a:hover
{
color: #002372;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/* Image styling */

.imagesleft {
	margin-right: 6px;
	padding: 3px;
	border: 1px solid #EEEEEE;
	float:left;
}
	
.imagesright {
	margin-left: 6px;
	padding: 3px;
	border: 1px solid #EEEEEE;
	float:right;	
}