/* CSS Document */

/* COLOURS
#FCFCFC - Off White
#000066 - Dark Blue
#3366FF - Light Blue
#FF9900 - Orange
*/

body
{
margin:				0px;
color:				#000066;
font-size:			12px;
font-family:		Verdana, Arial, Helvetica, sans-serif;
}

hr
{
width:				94%;
border:				thin solid #CCCCCC;
text-align:			center;
height:1px;
}

#banner
{
width:				860px;
height:				135px;
background-image:	url(pics/banner_bg.jpg);
background-repeat:	no-repeat;
}

#logoframe_links
{
font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; font-size:11px; padding-top:18px; padding-right:10px;
}

#logoframe_links a
{
color:				#FCFCFC;
text-decoration:	none;
}

#logoframe_links a:hover
{
text-decoration:	underline;
}

#logotext
{
color:				#FCFCFC;
font-size:			12px;
font-family:		'Times New Roman', Times, serif;
padding-top:		18px;
padding-left:		30px;
}

#logotext a
{
color:				#FCFCFC;
text-decoration:	none;
}

#logotitle
{
font-size:			36px;
}

#sublinks
{
width:				860;
font-size:			11px;
text-align:			left;
padding-top:		6px;
padding-bottom:		6px;
margin-top:			-1px;
background-color:	#FCFCFC;
}

#sublinks a
{
color:				#000066;
text-decoration:	none;
}

#sublinks a:hover
{
color:				#3366FF;
text-decoration:	none;
}


/* MAIN CONTENT */
#frame
{
width:				860px;
color:				#000066;
text-align:			justify;
font-size:			12px;
font-family:		Verdana, Arial, Helvetica, sans-serif;
background-image:	url(pics/frame.jpg);
background-repeat:	repeat-y;
margin-top:			-10px;
}

#main
{
padding:			10px;
}

#main  a
{
color: 				#000066;
}

#main a:hover
{
color:				#3366FF;
}

#main td
{
text-align:			right;
font-size:			12px;
}

#main th
{
text-align:			left;
font-size:			12px;
}

#main ul 
{
padding-left:		7px;	
}

#main ul li 
{
list-style: 		url('pics/arrow_bullet.jpg') inside;
vertical-align:		middle;
text-align:			left;
padding:			2px;
}

#main h1
{
font-size:			16px;
font-weight:		bold;
}

#main h2
{
color:				#000066;
font-size:			14px;
font-weight:		bold;
}

#main h3
{
color:				#3366FF;
font-size:			12px;
font-weight:		bold;
text-transform:		uppercase;
}

#main h4
{
color:				#3366FF;
font-size:			12px;
font-weight:		bold;
}

#note
{
color:				#3366FF;
font-size:			12px;
}

#text 
{
color: 				#3366FF;
font-size:			12px;
font-weight:		normal;
text-align:			center;
}

.small_txt 
{ 
font-size: 			10px;
}

.small_txt a
{
color:				#000066;
text-decoration:	none;
}

.small_txt a:hover
{
color:				3366FF;
}

.greytext
{
color:				#999999;
font-size:			10px;
text-align:			left;
}

.warning
{
color:				#FF0000;
}

#text  a
{
color: 				#000066;
}

#frame_bot
{
width:				860px;
height:				16px;
background-image:	url(pics/frame_bot.jpg);
background-repeat:	no-repeat;
}

#footer
{
width:				852px;
height:				14px;
background-image:	url(pics/footer.jpg);
background-repeat:	repeat-x;
margin-top:			10px;
color:				#FCFCFC;
text-align:			left;
font-size:			12px;
font-family:		Verdana, Arial, Helvetica, sans-serif;
padding:			4px;
}

#footer strong
{
color:				#FF9900;
}


/* BANNER ROLLOVERS */
.title
{
color:					#000066;
font-size:				13px;
font-weight:			bold;
cursor:					pointer;
}

#bannerlinks
{
width:					401px;
}

#bannerlinks ul 
{
margin:					0px;
padding:				0;
list-style-type:		none;
text-align:				left;
font-size:				10px;
font-weight:			normal;
}

#bannerlinks li 
{
margin:					0px;
height:					32px;
background-image:		url(pics/banner_images/bg.jpg);
background-repeat:		no-repeat;
}

#bannerlinks li a 
{ 
display:				block;
height:					32px;
}

#bannerlinks li a:hover 
{ 
display:				block;
width:401px;
height:					32px;
background-image:		url(pics/banner_images/bg_rollover.jpg);
background-repeat:		no-repeat; 
}

#bannerlinks a 
{
width:					387px;
color:					#0C2E82;
padding-left:			14px;
padding-top:			5px;
text-decoration:		none;
}

#bannerlinks a:hover 
{
width:					387px;
color:					#0C2E82;
}