﻿/* ALL styles */
* { margin:0px; padding:0px; }

/* HTML styles */
html { 
	overflow-y:scroll; 
} 

/* FF shows vertical scrollbar when needed, looks crap when navigating pages and things shift - force scroll. */
body { 
	background:#C3D9FF url(../img/BG-Body.gif) repeat-x left top; 
	padding:17px 0; 
	font-family:Arial, Sans-Serif, Tahoma, Verdana, Times New Roman; 
	font-size:medium; 
	color:#2B3087;
}

img { 
	border:0px;
}

input, select, textarea { 
	color:#333; 
	font-family:Arial, Sans-Serif, Tahoma, Verdana, Times New Roman; 
	font-size:1em; 
	padding:3px; 
}

select { 
	font-size:1.1em; 
}

/* FORM CLASSES */
.Btn { 
	font-size:xx-small;
	text-transform:uppercase; 
	letter-spacing:.2em; 
	font-weight:bold; 
	color:#FFF; 
	background:#2B3087; 
	border:double 3px #2B3087; 
}
	
.AltBtn { 
	background:#999; 
}

/* buttons that aren't positive action request, such as cancel and reset etc... */
.txt { 
	width:250px; 
	border:solid 1px #999;
}

.multi { 
	height:55px; 
	background-image:none; 
	padding:5px; 
}
	
hr { 
	clear:both; 
	float:left; 
	margin-top:5px; 
	width:100%; 
	line-height:2px; 
	height:2px; 
	border-top:dotted 1px #999; 
	border-bottom:dotted 1px #CCC;
}

label { 
	cursor:hand; 
	text-transform:uppercase; 
	color:#666; 
	font-size:.8em; 
	font-weight:bold;
}

i { 
	text-transform:uppercase; 
	font-size:xx-small; 
	letter-spacing:0.05em; 
	font-style:normal;
}

/* ID styles */
#Website_Center { 
	width:947px; 
	margin:0 auto;
}

#Header { 
	background:#FFF url(../img/BG-Header.gif) repeat-y left top; 
	width:939px; 
	height:98px; 
	padding-right:9px;
}

/* #HEADER sub styles */
#Header .Logo { 
	padding:14px 0 0 26px; 
}

#Website_Main_Area { 
	width:898px; 
	padding:13px 25px 13px 24px;
}

#Left_Column { 
	margin-top:16px; 
	width:175px;
}

#Navigation { 
	list-style-type:none; 
	font-size:90%;
}

/* #NAVIGATION sub styles */
#Navigation { 
	font-size:.75em; 
	font-weight:bold; 
	text-transform:capitalize; 
}

#Navigation li { 
	clear:left; 
	float:left; 
	margin-bottom:2px; 
	width:100%;
}

#Navigation li a {
	width:145px; 
	display:block; 
	background:#356AA0 url(../img/BG-Nav.gif) no-repeat 10px 50%;
	padding-left:30px;  
	text-decoration:none; 
	color:#FFF; 
	line-height:1.95em;
}

#Navigation li a:hover { 
	background:#3F4C6B url(../img/BG-Nav_.gif) no-repeat 10px 50%;
}

#Navigation li a.Pnav { 
	width:145px; 
	display:block; 
	background:#3F4C6B url(../img/BG-Nav_.gif) no-repeat 10px 50%; 
	padding-left:30px; 
	text-decoration:none; 
	color:#FFF; 
	line-height:1.95em;
}

#Company_Details { 
	font-size:70%; 
	font-weight:600; 
	color:#2B3087;
}

#Company_Details p { 
	padding:.5em 0; 
	padding-right:11px;
}

#Company_Details a { 
	text-decoration:none; 
	color:#4096EE; 
	padding-right:18px; 
	background:transparent url(../img/icons/Letter_.gif) no-repeat right .2em;
}

/* at present only applies to EMAIL link, add class is more added */
#Company_Details a:hover { 
	color:#2B3087; 
	background:transparent url(../img/icons/Letter.gif) no-repeat right .2em;
}

#Centre_Column { 
	width:517px; 
	border:solid 1px #2B3087; 
	background:#FFF;
}

#Page_Title_BG {
	left:15px; 
	top:15px; 
	background:#4096EE; 
	opacity:.45; 
	filter: alpha(opacity=45); 
	width:487px; 
	height:137px;
}

#Page_Title {
	left:26px; 
	top:22px; 
	width:260px;
	font-family:Lucida Sans, Arial, Sans-Serif, Tahoma, Verdana, Times New Roman;
}

/* #PAGE_TITLE sub styles */	
#Page_Title h1 { 
	color:#FFF; 
	text-transform:uppercase; 
	font-weight:300; 
	font-size:1.5em; 
	line-height:1.3em; 
	padding-bottom:.4em;
}

#Page_Title p {
	color:#FFF; 
	line-height:1.5em; 
	font-size:.7em;
}

#Page_Content { 
	padding:15px 22px 22px 22px; 
	width:473px; 
	font-size:75%; 
	line-height:1.4em;
}

/* #PAGE_CONTENT sub styles */
#Page_Content h2 { 
	color:#999; 
	text-transform:uppercase; 
	font-weight:300; 
	font-size:2em; 
	line-height:1.3em; 
	padding-bottom:.2em;
}

#Page_Content p { 
	padding:.5em 0; 
}

#Page_Content a.Bordered { 
	border:solid 1px #CCC; 
}

#Page_Content a.Bordered:hover { 
	border:solid 1px #2B3087; 
}
	
#Right_Column { 
	margin-top:16px; 
	width:204px; 
}

#Right_Column a.Bordered { 
	border:solid 1px #5C6A89; 
	border-left:0px;
}

#Right_Column a.Bordered:hover { 
	border:solid 1px #2B3087; 
	border-left:0px; 
}

#Footer { 
	left:22px; 
	bottom:-55px; 
	font-size:55%; 
	color:#2B3087;
}

#Footer p {
	padding:.3em 0;
}

/* CLASS styles */
.Clear { 
	clear:left; 
}

.Left { 
	float:left; 
}

.Right { 
	float:right; 
}

.Relative { 
	position:relative;
}

.Absolute { 
	position:absolute; z-index:1;
}

.FullWidth { 
	width:100%; 
}

.HalfWidth { 
	width:47%;
}

.AutoWidth { 
	width:auto; 
}

.ErrorMsg { 
	color:#FF0000; 
	text-transform:uppercase;
}

.txtLeft { 
	text-align:left; 
}

.txtCenter { 
	text-align:center; 
}

.txtRight { 
	text-align:right; 
}

.PrintOnly { 
	display:none;
} /* class used for info to show on print out only */

.LightBlue {
	color:#4096EE; 
}