/***********************************************/
/* layout.css                                  */
/* Use with Impakt Media Ltd                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #3F4856;
	border: 1px solid #3F4856;
}

h1 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 385px;
	margin: 10px 0px 0 0px;
	padding: 2px 5px 1px 10px;
	background-color: #758597;
	text-transform: uppercase;
	background-image: url(../images/shd/main_title_bg.gif);
	background-repeat: no-repeat;
}

h2 {
	font-size: 0.9em;
	font-weight: bold;
	color: #3F4856;
	margin: 0;
	text-transform: uppercase;
}

h3 {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 151px;
	margin: 0;
	padding: 4px 5px 2px 19px;
	background-color: #758597;
	background-image: url(../images/shd/sub_title_bg.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
}

h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	text-transform: uppercase;
}

h5 {
	font-size: 0.9em;
	color: #3F4856;
	margin: 0;
}

ul {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	list-style-image: url(../images/shd/bullet.gif);
}

li {
	margin-top:0.5em;
}

p {
	margin: 0;
}

br {
	margin: 0;
}

hr {
	height: 1px;
	width: 380px;
	color: #BEC5CF;
	background-color: #BEC5CF;
	margin: 5px 0 15px 0;
	border: 0;
}

/***********************************************/
/* Navigation Divs                             */
/***********************************************/


#mainnavouter{
	font-size: 0.9em;
	width:770px;
	background-image:url(../images/shd/nav_main_bg.jpg);
	background-color: #758597;
	background-repeat: repeat-x;
}

.mainnavlink{
	float: left;
	color: #FFFFFF;
	line-height: 1em;
	padding: 4px 10px 5px 10px;
}

.mainnav a, .mainnav a:visited, .mainnav a:link {
	text-decoration: none;
	background-image: url(../images/shd/nav_main_bg.jpg);
	background-color: #758597;
	background-repeat: repeat-x;
	border-right: 4px solid #ffffff;
}

.mainnav a:hover, .mainnav a:active {
	background-image:url(../images/shd/nav_main_bg_ov.jpg);
}

.mainnavon {
	background-image:url(../images/shd/nav_main_bg_ov.jpg);
	float: left;
	color: #FFFFFF;
	line-height: 1em;
	padding: 4px 10px 5px 10px;
	border-right: 4px solid #ffffff;
}

#headertext a, #headertext a:visited, #headertext a:link {
	color: #3F4856;
	padding-left: 5px;
	background-image:url(../images/shd/nav_arr.gif);
	background-repeat: no-repeat;
}

#headertext a:hover, #headertext a:active {
	color: #820000;
}

.subsubnavtext {
	width: 156px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}

.subsubnavtext a, .subsubnavtext a:visited, .subsubnavtext a:link {
	display: block;
	text-decoration: none;
	color: #000000;
	background: url(../img/shd/nav_arrow_sml.gif) no-repeat right;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 1px;
}

.subsubnavtext a:hover, .subsubnavtext a:active {
	display: block;
	color: #ffffff;
	background-color: #003399;
	text-decoration: underline;
}

#subsubnavtexton {
	display: block;
	color: #ffffff;
	background: url(../img/shd/nav_arrow_white_sml.gif) no-repeat right;
	background-color: #003399;
	padding: 1px;
	padding-left: 20px;
	padding-right: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/***********************************************/
/* Content Styles                              */
/***********************************************/

#contouter{
	text-align:left;
	width:770px;
	margin:auto;
	margin-top: 20px;
}

#header {
	width: 770px;
	background: #BFCBD4 url(../images/shd/header.jpg) repeat-y right top;
	margin-bottom: 4px;
}

#headertext {
	font-size: 0.9em;
	width: 538px;
	color: #3F4856;
	float: right;
	text-align: right;
	padding: 10px 10px 0px 0px;
}

#headerimg {
	background-color: #BFCBD4;
	width: 222px;
	float: left;
}

#search {
	text-align: right;
	padding-top: 10px;
}

.searchsubmit {
	border: 0px;
	height: 19px;
	width: 33px;
}

#columnholder {
	width: 770px;
	margin-top: 4px;
	padding: 0;
}

#columnleft {
	line-height: 1.4em;
	float: left;
	width: 175px;
}

#columnleft p {
	color: #FFFFFF;
}

.columnleftbox {
	width: 165px;
	padding: 7px 5px 7px 5px;
	margin-bottom: 10px;
	background-color: #677B8D;
	background-image: url(../images/shd/col_lft_bg.jpg);
	background-repeat: no-repeat;
}

.columnleftbox a, .columnleftbox a:visited, .columnleftbox a:link {
	color: #FFFFFF;
	padding-left: 5px;
	background-image:url(../images/shd/nav_arr_white.gif);
	background-repeat: no-repeat;
}

.columnleftbox a:hover, .columnleftbox a:active {
	color: #3F4856;
}

#columnmain {
	line-height: 1.5em;
	float:left;
	width: 400px;
	padding: 0px 10px 0px 10px;
	color:#333333;
}

#columnmain p {
	padding-bottom: 0.7em;
	padding-left: 0px 10px 0px 10px;
}

#columnmain a, #columnmain a:visited, #columnmain a:link {
	color: #3F4856;
}

#columnmain a:hover, #columnmain a:active {
	color: #820000;
}

#columnmaininner {
	padding: 6px 5px 6px 10px;
	margin-bottom: 10px;
	background-color: #EDEFF1;
}

#columnrgt {
	float: right;
	width: 175px;
}

#columnrgt p {
	color: #3F4856;
	margin-bottom: 4px;
}

.columnrgtbox {
	width: 175px;
	margin-bottom: 10px;
	background-color: #B7C1CA;
	background-image: url(../images/shd/col_rgt_bg.jpg);
	background-repeat: no-repeat;
}

.columnrgtbox a, .columnrgtbox a:visited, .columnrgtbox a:link {
	color: #3F4856;
	padding-left: 5px;
	background-image:url(../images/shd/nav_arr.gif);
	background-repeat: no-repeat;
}

.columnrgtbox a:hover, .columnrgtbox a:active {
	color: #820000;
}

.smlbusbox {
	width: 170px;
	padding: 7px 0px 7px 5px;
	background-image: url(../images/shd/service_sml.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.corpbusbox {
	width: 170px;
	padding: 7px 0px 7px 5px;
	background-image: url(../images/shd/corporate_sml.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.publicbox {
	width: 170px;
	padding: 7px 0px 7px 5px;
	background-image: url(../images/shd/public_sml.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.maintitlefirstletter {
	font-size: 1.3em;
	margin:0px 0px 0px 0px;
}

.subtitlefirstletter {
	font-size: 1.2em;
	margin:0px 0px 0px 0px;
}

.submitbutton {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #3F4856;
}

.formfields {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #3F4856;
	border: 1px solid #3F4856;
}

.bottomdetails {
	width: 770px;
	text-align: center;
	margin: 3px 0 5px 0;
}

.bottomdetails a, .bottomdetails a:visited, .bottomdetails a:link {
	color: #666666;
}

.bottomdetails a:hover, .bottomdetails a:active {
	color: #820000;
}

.hrcolumns {
	height: 1px;
	width: 165px;
	color: #8595A4;
	background-color: #8595A4;
	margin: 5px 0 5px 0;
	border: 0;
}

.compulsory {
	color: #820000;
	font-weight:bold;
	font-size: 1.7em;
}

.errortext {
	color: #CC0000;
	font-weight: bold;
	background-color: #E1E5E9;
	padding: 10px 10px 5px 10px;
	margin-bottom: 1em;
	border: 1px solid #3F4856;
}
