/* MCN Awards 2005 CSS Document */

body {
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(images/header.png);
	background-repeat:no-repeat;
	background-position: center top;
	background-attachment: scroll;
	height: 100%;
}

p { color:#555; font-size:12px; line-height:22px; }
h1 { color:#fff; font-size:14px; }
h2 { color:#fff; font-size:12px; margin:0 10px; }
h3 { color:#0054A6; font-size:14px; margin:0 10px 0 10px; }
h4 { color:##0054A6; font-size:11px; margin:0; padding:0;}
h5 {
	font-weight:lighter;
	font-size:26px;
	color:#0054A6;
	margin:20px 10px;
	line-height:32px;

 }
 
 #third-col h3 {
 color:#fff;
 }

#third-col ul {
font:12px Arial;
color:#fff;
padding-left:30px;
}

#third-col ul li {
margin:3px 0;
}


.centre { text-align:center; }


/* STRUCTURAL DIV'S --------------------------------------------- */

#container {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
	
}

#header {
	width:960px;
	height:150px;
}

#cont-body {
	position:absolute;
	top:150px;
	width:960px;
	background:#000000 url("images/cont-b-bg****.gif") repeat-x bottom;
}

#content-box {
	position:relative;
	width:960px;
	margin:0;
	padding:0;
	background:url("images/content-bg.gif") repeat-y;
	
}

*> #content-box {
	background:url("images/content-bg.gif") repeat-y;
}


#left-col {
	position:relative;
	float:left;
	width:217px;
	margin:0;
}

.h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0091C7;
}

.left-row { 
	background: url("images/right-col-bg***.gif") repeat-x top;
	position:relative; 
	width:217px;
	margin:0; padding:0; 
}

.left-row #deadline {
	width:185px;
	height:160px;
	margin:10px 10px 10px 20px;
}

#example {
	background:#FFA071;
}

.left-row #example {
	width:185px;
	height:20px;
	margin:0;
}

.left-row a {
	color:#fff;
}

.left-row #example a:hover {
	display:block;
	width:194px;
	height:24px;
	background:#FFA071;
	color:#fff;
}

#right-col {
	position:relative;
	float:left;
	width:455px;
	padding:10px;
	margin-left:3px;
	display:inline;
}

#third-col {
	position:relative;
	float:right;
	width:250px;
	margin:0 0 0 10px;
	display:inline;
}

.deadlineswf {
	width:230px;
	height:126px;
	float:right;
	margin:10px;
	display:inline;
}

#third-col #map {
	width:230px;
	height:230px;
	margin:10px;
	float:left;
	display:inline;
}

#third-col p {
	font-size:12px;
	line-height:17px;
	color:#92B6D9;
	font-weight:normal;
	margin:0 0 0 24px;
	padding:5px;
}

.third-col-row {
	float:right;
	width:250px;
	margin:0;
}

.third-col-row h3 {
	padding:10px;
}

.third-col-row ul {
	margin:0 0 0 20px;
}

.table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	color:#0054A6;
	font-weight:bold;
	margin:0 0 0 5px;
}

#third-col img {
	margin:5px;
}

#right-col p {
	margin:15px 10px 0 10px;
}

#right-col a {
	text-decoration:none;
	background-color:#E7E7E7;
	padding:0 5px 0 5px;
	color:#000;
}


#button a {
	text-decoration:none;
	background-color:#FFFFFF;
}

#button a:visited:hover {
	text-decoration:none;
	background-color:#FFFFFF;
}



#button a:hover {
text-decoration:none;
	background-color:#FFFFFF;
	color:#FFFFFF;
}


#right-col a:hover {
	text-decoration:none;
	color:#000;
}

#right-col li { color:#666; font-size:12px; list-style:url("images/bullet.gif"); margin:0 0 10px 0; }

#right-col .head-ban { width:475px; padding:5px 0; margin:10px 0; background:#92B6D8; text-align:center; } 

#gallery-col {
	position:relative;
	width:712px;
	margin:18px 0 24px 24px;
	background:#F2F0F4 url("images/right-col-bg.gif") repeat-x top;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
}

.highlight { color:#C33; font-weight:bold; }

#clearing { 
	height:1px;
	clear:both;
	margin:0; padding:0;
}

strong {
	color:#003264;
	font-size:13px;
	font-weight:normal;
	background-color: #E8F0FF;
}

#footer strong {
background:none;
color:#fff;
}

#left-head {
	position:relative;
	height:32px;
	background:url("images/tab-head-bg.gif") repeat-x;
	margin:0;
	padding:0;
}

#gallery-head {
	position:relative;
	height:32px;
	background:url("images/tab-head-bg123.gif") repeat-x;
	margin:0;
	padding:0;
}

#left-head {width:217px;}
#gallery-head {width:710px;}

#right-head {
	width:455px;
	height:32px;
	background:url("images/tab-head-bg1234.gif") repeat-x;
	margin:0;
	padding:0;
}

#left-head p, #right-head p, #gallery-head p {
	font-weight:lighter;
	font-size:18px;
	color:#0054A6;
	margin:13px 0 13px 10px;
	padding:7px 0 0 0;
}

#left-head p {
	font-weight:bold;
	font-size:15px;
	color:#FFFFFF;
	margin:0 0 0 10px;
	padding:7px 0 0 0;
}

#footer {
	position:relative;
	width:960px;
	height:50px;
	background:url("images/foot-ext.gif") repeat-x;
	margin:0; padding:0;
}
#footer p {
	display:block;
	font-size:12px;
	color:#666;
	float:right;
	padding:28px 5px 0 0;
	margin:0;
}

#footer a { color:#999;}

#footer a:hover { color:#0054A6;}

#contact {
margin:10px;

}
#contact p {
margin:10px 0  0  0;
}

#award {
	position:relative;
	float:right;
	margin:0 20px 20px 0;
	width:181px;
	height:191px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/award.png');
}
*> #award {
    background: url("images/award.png");
}


/* CATEGORY LINKS ------------------------------------------------- */

.left-row ul{
	display:block;
	position:relative;
	list-style:none;
	margin:0 3px 10px 0;
	padding:10px 0 0 0;
}

.left-row li{
	display:block;
	}
.left-row li a {
	display:block;
	height:20px;
	color:#fff;
	font-size:12px;
	margin:0;
	padding:10px 5px 2px 18px;
	text-decoration:none;
}
.left-row li a:hover {
	display:block;
	background:url("images/cata.png") top repeat-x #0054A6;
	border-bottom:1px solid #003A74;
	padding:10px 5px 1px 18px;
	color:#fff;
}

.left-row li ul{
	display:block;
	margin:0;
	padding:0;
}

.left-row li li a {
	display:block;
	height:12px;
	color:#333;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:1px 5px 2px 28px;
	text-decoration:none;
}
 
/* NAVIGATION --------------------------------------------------- */

#nav {
	width:960px;
	height:30px;
	background:url("images/nav.png") top no-repeat;

}
#nav ul {
  margin:0;
  padding:1px 10px 0;
  list-style:none;
}


#nav li {
  float:left;
  margin:0;
  padding:0 0 0 4px;
}

#nav a {
  float:left;
  display:block;
  background:url("images/button-highlight-on.gif") no-repeat 0 9px;
  padding:6px 9px 4px 13px;
  text-decoration:none;
  font-weight:normal;
  font-size:13px;
  color:#66CCFF;
}
/* hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:hover {
  color:#fff;
  background:url("images/button-highlight.gif") no-repeat 0 9px;
}
#nav #current a {
  background:url("images/button-highlight.gif") no-repeat 0 9px;
  color:#fff;
  padding-bottom:5px;
}
.subcat {
color:#333; font-size:11px; margin:0; padding:0;
}

#logos {

width:450px;
height:125px;

}


/* ----- form button ----- */

#cat-head-row {
	width:475px;
	float:right;
}
#cat-head-row img { float:left; margin:10px; }
#cat-head-row a {
	display:block;
	width:161px;
	height:32px;
	background:url(images/formBut.gif) no-repeat;
	margin:28px 44px 10px 0; padding:0;
	float:right;
}
#cat-head-row a:hover {
	background-position:0 -32px;
}
#cat-head-row #cmclogo {
	width:222px;
	height:90px;
	float:left;
}
#cat-head-row #cmclogo a {
	display:block;
	width:222px;
	height:70px;
	background:url(images/cmclogo.gif) no-repeat;
	margin:10px 0 0 10px;
}