/* general style definitions */
input {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;
	   width:100px;
	   height:15px;}

input.search {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;
	   width:130px;
	   height:15px;}


input.contact {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;
	   width:200px;
	   height:15px;}
	   
input.button {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;
	   width:70px;
	   height:20px;}

input.checkbox {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;}
	   
select {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;
	   width:200px;}

textarea {background-color:#ffffff;
	   font-family:verdana,arial,helvetica,sans-serif;
	   font-size:10px;}

/* link styles */
a.top_mnu:link {color:#0B3A8A;text-decoration:none;font-size:12px;font-weight:bold;}
a.top_mnu:visited {color:#0B3A8A;text-decoration:none;font-size:12px;font-weight:bold;}
/*a.mnu:hover {color:#ADB4D3;text-decoration:none;}*/
a.top_mnu:hover {color:#0B3A8A;text-decoration:none;font-size:12px;font-weight:bold;}
a.top_mnu:active {color:#0B3A8A;text-decoration:none;font-size:12px;font-weight:bold;}

a.mnu:link {color:#0B3A8A;text-decoration:none;font-size:10px;font-weight:bold;}
a.mnu:visited {color:#0B3A8A;text-decoration:none;font-size:10px;font-weight:bold;}
/*a.mnu:hover {color:#ADB4D3;text-decoration:none;}*/
a.mnu:hover {color:#0B3A8A;text-decoration:none;font-size:10px;font-weight:bold;}
a.mnu:active {color:#0B3A8A;text-decoration:none;font-size:10px;font-weight:bold;}

a.btm_mnu:link {color:#FFFFFF;text-decoration:none;}
a.btm_mnu:visited {color:#FFFFFF;text-decoration:none;}
a.btm_mnu:hover {color:#DEE1ED;text-decoration:none;}
a.btm_mnu:active {color:#FFFFFF;text-decoration:none;}

a.more:link {color:#000000;text-decoration:none;}
a.more:visited {color:#000000;text-decoration:none;}
a.more:hover {color:#FFA600;text-decoration:none;}
a.more:active {color:#000000;text-decoration:none;}

a.press_title:link {color:#454854;text-decoration:none;}
a.press_title:visited {color:#454854;text-decoration:none;}
a.press_title:hover {color:#454854;text-decoration:none;}
a.press_title:active {color:#454854;text-decoration:none;}

a.press_text:link {color:#616062;text-decoration:none;}
a.press_text:visited {color:#616062;text-decoration:none;}
a.press_text:hover {color:#616062;text-decoration:none;}
a.press_text:active {color:#616062;text-decoration:none;}

a.header_link:link {color:#FFFFFF;text-decoration:none;}
a.header_link:visited {color:#FFFFFF;text-decoration:none;}
a.header_link:hover {color:#FFFFFF;text-decoration:none;}
a.header_link:active {color:#FFFFFF;text-decoration:none;}

a.common:link {color:#3300CC;text-decoration:normal;}
a.common:visited {color:#3300CC;text-decoration:normal;}
a.common:hover {color:#3300CC;text-decoration:underline;}
a.common:active {color:#3300CC;text-decoration:underline;}

.linkcell {cursor:pointer;} 


/* alignment classes */
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
/*.top {vertical-align:top;}*/
/*.left {text-align:left;}*/
.center {text-align:center;}
.right {text-align:right;}

/* widths */
.parent_width {width:770px;}
.popup_width {width:430px;}
.col_1 {width:177px;}
.col_2 {width:398px;}
.col_3 {width:191px;}
.col1a {width:169px;}

.width100 {width:100%;}

.widthA {width:14px;}
.widthB {width:175px;}
.widthC {width:384px;}

/* heights */
.heightA {height:10px;}
.heightB {height:20px;}
.heightC {height:5px;}
.popup_height{height:250px;}
.parent_height{height:550px;}
.header_height{height:80px;}
.content_height{height:450px;}
.footer_height{height:20px;}

/* padding */
.paddingA {padding:5px;}
.paddingB {padding-bottom:6px;}
.paddingC {padding-top:14px;padding-bottom:14px;padding-left:7px;padding-right:7px;}
.paddingD {padding:7px;}
.paddingE {padding-bottom:2px;}
.paddingF {padding-top:4px;padding-bottom:4px;padding-left:3px;padding-right:3px;}
.paddingG {padding-top:5px;padding-bottom:5px;padding-left:9px;padding-right:9px;}
.paddingH {padding-top:11px;padding-bottom:11px;padding-left:9px;padding-right:9px;}
.paddingI {padding:6px;}
.paddingJ {padding-bottom:14px;padding-left:7px;padding-right:7px;}
.paddingK {padding-top:2px;padding-bottom:3px;}
.paddingL {padding-top:1px;}
.paddingM {padding-top:3px;padding-bottom:3px;padding-left:7px;padding-right:7px;}
.paddingN {padding-left:7px;}
.search_box {padding-left:5px;padding-top:2px;padding-bottom:2px;}
/*.menu_pad {padding-top:10px;padding-left:8px;}*/
.menu_pad {padding-top:0px;}
.menu_pad1 {padding-left:2px;}
.menu_pad2 {padding-top:6px;padding-left:8px;}
.right_col {padding-top:7px;padding-left:8px;padding-bottom:8px;}


/* vertical spacers */
.spacerHa {height:2px;}
.spacerHb {height:29px;}
.spacerHc {height:6px;}
.spacerHd {height:8px;}
.spacerHe {height:4px;}
.spacerHf {height:10px;}

/* horizontal spacers */
.spacerWa {width:20px;}
.spacerWb {width:2px;}
.spacerWc {width:10px;}
.spacerWd {width:7px;}
.spacerWe {width:210px;}
.spacerWf {width:6px;}

/* text styles */
.title{color:#FFA600;}
/*.title2 {color:#0B3A8A;}*/
.title2 {color:#1C549B;}

.menu_items {color:#1C549B;}
.press_text {color:#616062;}
.press_title {color:#454854;}
.button_text {color:#1C549B;}
.white{color:#ffffff;}
.black{color:#000000;}
.large_title{font-size:18px;}
.medium_title{font-size:13px;}
.small_text{font-size:10px;}
.very_small_text{font-size:8px;}

/* leading */
.ld1{line-height:16px;}
.ld2{line-height:24px;}
.ld3{line-height:12px;}

.bold {font-weight:bold;}
.italic {font-style:italic;}

/* background colours */
.bgA{background-color:#DEE1ED;}
.bgB{background-color:#ADB4D3;}
.bgC{background-color:#CED2E5;}
/*.bgD{background-color:#5F7DB2;}*/
.bgD{background-color:#5F7DB2;}
.bgE{background-color:#F2F3F8;}
.bgF{background-color:#F2F3F8;}
.bg_menu{background-color:#1C549B;}
.bg_white{background-color:#ffffff;}

.orange{color:#FFA600;}

.dheight{
	line-height: 110%;
}

/* home and contact buttons */
/*.home {position:absolute;top:22px;left:617px;}
.contact {position:absolute;top:22px;left:675px;}*/
.home {position:relative;top:22px;right:30px}
.contact {position:relative;}

/* Navigation Stuff */
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	width:125px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	border:solid #1C549B 1px;
	}

.transMenu.top .items {
	/*border-top:none;*/
	}

/* each TR.item is one menu item */
.transMenu .item {
    /*color:#0B3A8A;  Text Colour on the Drop Down Menu */
	color:#1C549B; /* Text Colour on the Drop Down Menu */
	font-size:10px;
    font-family:verdana,arial,helvetica,sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	/*background:#BBCBD8; rollover bg colour*/
	/*color:#0B3A8A; Rollover Text Colour*/
	background:#CED2E5; /*rollover bg colour*/
	color:#1C549B; /*Rollover Text Colour*/
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:1px;
	}