@import url('msgpanels.css');

body
{
	background-image: url('../images/elements/bg_main.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #0d5387;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;	
	font-family: arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-align: center;
	width: 100%;
}

img { border: 0px; }
textarea { border: 1px solid #999999; }
table { font-size: 90%; }

/*--------------------------------------------------------------*/
/* header bit */

#header
{
	width: 754px;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


#headerleft
{
	width: 300px;
	padding: 12px 0px 5px 0px;
	float: left;
	text-align: left;
}


#headerright
{
	width: 440px;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: right;
}

/*--------------------------------------------------------------*/
/* main bit */

#main
{
	background-color: #ffffff;
	width: 754px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 5px 0px 0px 0px;	
}


/*--------------------------------------------------------------*/
/* nav bit */

#homeleft
{
	width: 205px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	float: left;
}

#navarea
{
	background-image: url('../images/elements/bg_nav.gif');
	background-repeat: repeat-y;
	background-position: left top;
	padding: 18px 0px 0px 0px;
	margin: 0px 0px 5px 5px;
}

#nav
{
	padding: 0px 0px 18px 0px;
	text-align: left;
	color: #458fba;
}

#nav ul
{
	list-style: none;
	text-align: left;
	width: 180px;
	padding: 0px;
	margin: 0px;
	font-size: 90%;
	color: #458fba;
}

#nav ul li
{
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
}

#nav ul li a
{
	display: block;
	padding: 5px 15px 5px 15px;	
	color: #458fba;
	font-weight: normal;
}

#nav a.navoff:link, #nav a.navoff:visited, #nav a.navoff:active
{
	color: #458fba;
	text-decoration: none;
}

#nav a.navoff:hover
{
	color: #458fba;
	text-decoration: none;
	background-color: #e0dfde;

}

#nav a.navon:link, #nav a.navon:visited, #nav a.navon:active, #nav a.navon:hover
{
	color: #458fba;
	text-decoration: none;
	background-color: #e0dfde;
}

#nav ul ul
{
	padding: 0px 0px 0px 0px;
	color: #666666;
	background-color: #e0dfde;
}

#nav ul ul li
{	
	padding: 0px;	
}

#nav ul ul li a
{
	display: block;
	padding: 3px 0px 3px 25px;	
	font-weight: normal;
	color: #666666;
}

#nav a.subnavoff:link, #nav a.subnavoff:visited, #nav a.subnavoff:active
{
	color: #666666;
	background-color: #e0dfde;
	text-decoration: none;
}

#nav a.subnavoff:hover
{
	color: #1c1c1c;
	text-decoration: none;
	background-color: #e0dfde;
}

#nav ul li a.subnavon:link, #nav ul li a.subnavon:visited, #nav ul li a.subnavon:active, #nav ul li a.subnavon:hover
{
	color: #1c1c1c;
	text-decoration: none;
	background-color: #e0dfde;
}

.lhs_item
{
	padding: 0px 0px 5px 5px;
	text-align: left;
}

/*--------------------------------------------------------------*/
/* home middle bit */

#home
{
	width: 354px;
	float: left;
	font-size: 90%;
	padding: 15px 0px 10px 0px;
}

#home ul
{
	padding: 5px 10px 0px 10px;
	margin: 0px;
	list-style: none;
}

#home ul li
{
	padding: 3px 0px 3px 15px;
	margin: 0px;
}

#page ul.sitemap li 
{
	padding-left:10px;
}

/*--------------------------------------------------------------*/
/* home right hand bit */

#homeright h2
{
	color: #ffffff;
	font-size: 105%;
	font-weight: bold;
	text-transform: none;
	text-align: center;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}


#homeright
{
	width: 180px;
	margin-top: 5px;	
	float: right;
}

#newsarea
{
	background-image: url('../images/elements/bg_newstop.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 14px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

#latestnews
{
	background-image: url('../images/elements/bg_newsfoot.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 10px 25px 10px;
	text-align: left;
	color: #ffffff;
}

#newscontent
{
	padding: 7px 15px 7px 15px;
	font-size: 80%;
	color: #ffffff;
}

#newscontent a
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#mailingarea
{
	background-image: url('../images/elements/bg_mailingtop.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 14px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#mailinglist
{
	background-image: url('../images/elements/bg_mailingfoot.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 10px 25px 10px;	
}

#mailinglistcontent
{
	padding: 7px 10px 7px 10px;
	font-size: 75%;
	color: #ffffff;
}

#mailinglist input.field
{
	width: 90px;
	border: 1px solid #999999;
}

/*--------------------------------------------------------------*/
/* categories */

#categories h2
{
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-transform: none;
}

#categories
{
	width: 754px;
	margin: 0px;
	background-color: #4075a4;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

#categoryarea
{
	padding: 0px;
	margin: 0px;
}

#categorycontent
{
	padding: 10px;
	margin: 0px;	
}

#categories ul
{
	list-style: none;
	padding: 5px;
	margin: 0px;
	color: #000000;
	font-size: 70%;
}

#categories ul li 
{
	padding: 3px 0px 3px 10px;
	margin: 0px;
	background: url('../images/elements/bullet.gif') no-repeat 0px 50%;
}

#categoriesleft
{
	float: left;
	width: 240px;
}

#categoriesmiddle
{
	float: left;
	width: 240px;	
}

#categoriesright
{
	float: right;
	text-align: left;
	width: 240px;
}

/*--------------------------------------------------------------*/
/* normal page */

#page
{
	width: 539px;
	float: left;
	font-size: 90%;
	padding: 10px 0px 10px 0px;
}

#page ul
{
	padding: 5px 10px 0px 10px;
	margin: 0px;
	list-style: none;
}

#page ul li
{
	padding: 3px 0px 3px 15px;
	margin: 0px;
	background: url('../images/elements/bullet.gif') no-repeat 5px 8px;
}

#page img.standard
{
	border: 1px solid #999999;
	margin: 3px 3px 3px 3px;
	float: right;
}


/*--------------------------------------------------------------*/
/*  placeholder  etc  */

#fullwidth
{
	width: 744px;
	font-size: 90%;
}


/*--------------------------------------------------------------*/
/* other bits */

/* award category panel */


#awardcat
{
	position:absolute;
	left:0px;
	top:0px;
	width: 280px;
	background-color: #dae3eb;
	border: 1px solid #bdc9dc;
	padding: 4px;
	color: #000;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 95%;
	clear:both;
	float:right;
	z-index:1
}

#awardcat ul
{
	list-style-type: none;
	padding: 5px;
	margin: 0px;
	color: #000000;
}

#awardcat ul li
{
	/* padding: 3px 0px 3px 8px; */
	padding: 2px;
	margin: 0px;
	/* background: url(../images/elements/nav_bullet.gif) no-repeat 0px 50%; */
}

#awardWrapper
{
	padding: 5px 0px 5px 0px;
}

#sponsorslogo h2
{
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	text-transform: none;
	text-align: center;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#sponsorslogo
{
	background-image: url('../images/elements/bg_sponsorstop.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 15px 0px 0px 0px;
}

.sponsorslogoimg
{
	text-align: center;
	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
	padding: 5px 4px 5px 4px;
}

#sponsorsarea
{
	background-image: url('../images/elements/bg_sponsorsfoot.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 15px 15px 15px;
}

#sponsorscontent
{
	padding: 0px;
}

#awardWrapper a.moreinfo:link, #awardWrapper a.moreinfo:visited, #awardWrapper a.moreinfo:active, #awardWrapper a.moreinfo:hover

{
	color: #ffffff;
}

.buttons
{
	padding: 4px 0px 4px 0px;
	text-align: right;
}

#howtobuttons
{
	padding: 4px 0px 4px 0px;
}

#howtobuttons .left
{
	float: left;
}

#howtobuttons .right
{
	float: right;
}

.toppad10 { padding-top: 10px; }
.toppad30 { padding-top: 30px; }

#numbers
{
	font-weight: bold;
	color: #999999;
	padding: 3px 0px 3px 0px;
}

#numbers a
{
	font-weight: bold;
	color: #333333;	
}
/*--------------------------------------------------------------*/
/* footer bit */

#footer
{
	width: 754px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}

#footer .left
{
	width: 410px;
	padding: 7px;
	float: left;
	font-size: 70%;
	font-weight: normal;
	color: #828282;
	text-align: left;
}

#footer .left ul
{
	padding: 0px;
	margin: 0px;
}

#footer .left ul li
{
	display: inline;
	list-style: none;
	margin: 1px;
	padding: 0px;
}

#footer .left ul li a
{
	color: #828282;
	text-decoration: none;
	font-weight: normal;
}

#footer .left ul li a:hover { text-decoration: underline; }

#footer .right
{
	width: 305px;
	padding: 7px;
	float: right;
	text-align: right;
	font-size: 70%;
	font-weight: normal;
	color: #5a5a5a;
}

#footer .right a
{
	color: #5a5a5a;
	text-decoration: none;
	font-weight: normal;
}

#footer .right a:hover { text-decoration: underline; }

/*--------------------------------------------------------------*/
/* tables stuff */


.table1
{
	background-color: #81c0cb;
	border: 1px solid #bdc9dc;
	padding: 4px;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
}

.table2
{
	background-color: #a3d2da;
	border: 1px solid #bdc9dc;
	padding: 4px;
	color: #000;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
}

.table3
{
	background-color: #c9e4e9;
	border: 1px solid #bdc9dc;
	padding: 4px;
	color: #000;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
}

.table4
{
	background-color: #ebf4f5;
	border: 1px solid #bdc9dc;
	padding: 4px;
	color: #fff;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
}

.tabletitle
{
	background-image: url('../images/elements/bg_tabletitle.gif');
	background-repeat: repeat-x;
	background-color: #ccdfeb;
	border: 1px solid #bdc9dc;
	padding: 7px 5px;
	color: #000;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	background-position: left top;
}

/*--------------------------------------------------------------*/
/* text stuff */

a:link
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:visited 
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
} 

a:active 
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
} 

a:hover 
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

h1
{
	font-size: 80%;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	color: #000000;
	text-transform: uppercase;
}

h2
{
	font-size: 110%;
	padding: 10px 0px 3px 0px;
	margin: 0px;
	color: #000000;
	text-transform: uppercase;
}

h3
{
	font-size: 100%;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	color: #5787bc;
	text-transform: uppercase;
}

p
{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.date 
{ 
	color: #666666;
	font-style: italic;
	font-size: 90%;
}

.mandatory
{
	color: #cc6600;
	font-weight: bold;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 90%;
}

.mandatory_txt
{
	font-size: 90%;
	padding: 10px 0px 10px 0px;
}


.bold { font-weight: bold; }
.centered { text-align: center; }
.right { text-align: right; }
.orange { color: #cc6600; }
.italic { font-style: italic; }

/*--------------------------------------------------------------*/
/* additional stuff */

.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}


.doprint { display:none; visibility:hidden;}

DL { margin: .4em 0; padding: 0; font-size: .9em; color: #666;}
DT { width: 4em; float: left; margin: 0; padding: 0; font-weight: bold; text-align: right;}
DD { margin: 0 0 0 5em; padding-left: 10px; margin-bottom: .2em; }

p.error, div.error {
	padding-left:20px;
	color: #ff0000;
	font-weight: bold;
	font-size: 120%;
}

img.bi {
	border:1px solid black;
}