/* these are the default link styles - they inherit font formatting from what ever area they are in - eg body or td.
They must be in this order L - V - H - A*/
a:link {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:visited {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	color : #FFFFFF;
	text-decoration : underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:active {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.newflash{
	color : #67B3FF;
}
a:hover.newsflash{
	color : #000;
}
/* this controls main page style - background colour or image - applies to anything that doesn't live in a table */
body {
	background-color : #000066;
	color : #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 13px;
	text-align: center;
}

/* header styles are selectable in the dreamweaver properties menu */
h1 {
	color : #000099;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 14px;
	font-weight: normal;
}

h2 {
	color : #003399;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 13px;
	font-weight: normal;
	font-style: italic;
}

h3 {
	color : #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 12px;
	font-weight: normal;
}

/* this formats all form input elements - dropdowns, text boxes, etc */
input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 12px;
}

/* this is for text in table cells formats automatically, doesn't appear in dreamweaver CSS list - it's optional
you can set background colour if you want - I don't as a rule*/
td{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 14px;
	color: #CCFFFF;
}

/* this is a custom style - pseudo class - designated by a full stop before the name - these appear in the dreamweaver CSS list */
.othertext{
	color : #003399;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	line-height : 14px;
}

/* custom link styles - if you need different links for different areas - the .custom can be whatever you like*/
.custom a:link {
	color : #003399;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 14px;
	text-decoration : underline;
	font-weight: normal;
}

.custom a:visited {
	color : #003399;
	text-decoration : underline;
	font-size: 11px;
	font-weight: normal;
}

.custom a:hover {
	color : #003399;
	text-decoration : none;
	font-size: 11px;
	font-weight: normal;
}

.custom a:active {
	color : #000000;
	text-decoration : none;
	font-size: 11px;
	font-weight: normal;
}
/* custom link styles - if you need different links for different areas - the .custom can be whatever you like*/
.customyellow a:link {
	color : #006666;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 13px;
	text-decoration : underline;
	font-weight: normal;
}

.customyellow a:visited {
	color : #006666;
	text-decoration : underline;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.customyellow a:hover {
	color : #006666;
	text-decoration : none;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.customyellow a:active {
	color : #006666;
	text-decoration : underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
}
/* custom link styles - if you need different links for different areas - the .custom can be whatever you like*/
.customred a:link {
	color : #990000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 14px;
	text-decoration : underline;
	font-weight: normal;
}

.customred a:visited {
	color : #333366;
	text-decoration : underline;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.customred a:hover {
	color : #CC0000;
	text-decoration : underline;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.customred a:active {
	color : #990000;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
.othertextwhite {
	color : #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	line-height : 13px;
}
.othertextitalic {
	color : #007A79;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	line-height : 13px;
	font-style: italic;
}
.othertextsmall {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8px;
	font-weight : normal;
	line-height : 13px;
}

/* nav roll overs*/
ul.navigation {	list-style: none; background: #3399FF; padding: 0; width: 169px;}
ul.navigation li { width: 169px; background: url(images/nav_bg.gif) no-repeat;	text-align: right;}
ul.navigation li:hover { background: url(images/nav_bg1.gif) no-repeat;}
ul.navigation li.top { background: url(images/nav_bg_top.png) no-repeat;}
ul.navigation li.top:hover { background: url(images/nav_bg_top1.png) no-repeat;}
ul.navigation li.bot { background: url(images/nav_bg_bot.png) no-repeat;}
ul.navigation li.bot:hover { background: url(images/nav_bg_bot1.png) no-repeat;}
ul.navigation li a {font: bold 12px/28px Arial,Helvetica,sans-serif; margin: 0 20px 0 0; text-decoration: none;}
ul.navigation li:current a {color: #2FCEA0;}
.navigation a:visited {	color : #2382D2;}
.navigation a:active {	color : #2FCEA0;}

#footer {	width: 743px;	margin: 10px auto 0 auto;}