/*
Powered by Soficus Content Management System version 4.0 
Copyright (c) Soficus Ltd.  | http://www.soficus.co.uk/
*/
body {
	padding:0px;
	margin: 0;
	background-color: #CCCCCC;
	text-align: center;
	color: #333333;
}

#container0 {
	width: 775px;
	margin:0px auto;
	padding-bottom:0px;
	text-align:left;
	color: #333333;
	background-color: #FFFFFF;
}

#container1 {
	float:left;
	padding:0;
	margin:0;
	border: 0px solid #FFFFFF;
	border-width:15px 25px 25px 25px;
	color: #333333;
	background-color:#FFFFFF;
}

#top_blue_line {
	border: 0px solid #330033;
	border-width: 10px 0px 5px 0px;
	border-top-color:#6699CC;
	border-bottom-color:#FFFFFF;
}

#container_logo {
	position:relative;
	float:left;
	width: 228px;
	height: 228px;
	padding:0;
	margin:0;
	border:0;
	background-color: #FFFFFF;
	background: url(../images/soficus_logo.jpg) bottom left no-repeat;
	}
	#container_logo a img {
		padding:0;
		margin:0;
		border:0;
		margin-bottom:0px;
		background-color: #FFFFFF;
	}
	#container_logo p {
		padding-top:5px;
		text-align:center;
		font-family: Verdana, Arial,sans-serif;
		font-size: .7em;
		color:#FFFFFF;
	}

#container_image {
	float:left;
	width: 495px;
	height: 228px;
	margin: 0 0 -50px;
	background-color: #FFFFFF;
}

#container_main_menu {
	position:relative;
	float:left;
	width: 723px;
	height:27px;
	border:0px solid #FFFFFF;
	border-width:5px 0px 6px 0px;
	background-color:#003366;
	border-bottom-color: #6699CC;
	}
	#container_main_menu ul {
		height:27px;
		border:0;
		margin:0;
		padding:0;
		padding-top:4px;
		list-style-type: none;
/*		color: #FFFFFF; */
		margin-left:240px;
		font-family: Verdana, Arial,sans-serif; 
		font-size: .8em;
		text-decoration:none;
	}
	#container_main_menu ul li {
		display: inline;
		vertical-align: middle;
		margin-left:1em;
		white-space: nowrap;
	}
	#container_main_menu ul li.selected {
		border-bottom:3px solid #FFFFFF;
		padding-top:5px;
		padding-bottom:2px;
		color: #FFFFFF;
	}
	#container_main_menu ul li a{
		color: #FFFFFF;
		text-decoration:none;
	}
	#container_main_menu ul li a:hover {
		border-bottom:3px solid #FFFFFF;
		padding-bottom:2px;
		color: #FFFFFF;
	}

#content_web_applications {
	float:left;
	border:0;
	width: 240px;
	padding-top: 25px;
	padding-bottom:25px;
	padding-right:0;
	margin-left:20px;
	background-color: #FFFFFF;
	}
	#content_web_applications h1 {
		padding-bottom:10px;
		color: #003366;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.3em;
		font-weight:normal;
		text-decoration:none;
	}
	#content_web_applications ul {
		padding-left:10px;
		margin:0;
		border:0;
		font-family: Verdana, sans-serif;
		font-size: .8em;
		text-decoration:none;
		list-style-type: none;
		color: #333333;
	}
	#content_web_applications ul li{
		padding-bottom:5px;
		white-space: nowrap;
	}
	#content_web_applications a {
		margin-left:120px;
		color:#003366;
		font-family: Verdana, sans-serif;
		font-size: .7em;
		text-decoration:none;
	}
	#content_web_applications a:hover { color:#003366; text-decoration:underline;}

#content_2 {
	float:left;

	border:0;
	margin:0;
	width: 200px;
	padding-top: 25px;
	padding-bottom:25px;
	background-color: #FFFFFF;
	}
	#content_2 h1 {
		padding-bottom:10px;
		color: #003366;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.3em;
		font-weight:normal;
		text-decoration:none;
	}
	#content_2 ul {
		padding-left:10px;
		border:0;
		margin:0;
		list-style-type: none;
		color: #333333;
	}
	#content_2 ul li{
		padding-bottom:5px;
		white-space: nowrap;
	}
	#content_2 a {
		margin-left:120px;
		color:#003366;
		font-family: Verdana, sans-serif;
		font-size: .7em;
		text-decoration:none;
	}
	#content_2 a:hover { color:#003366; text-decoration:underline;}

#content_3 {
	float:left;
	border:0;
	margin:0;
	width: 200px;
	padding-top: 25px;
	padding-bottom:25px;
	background-color: #FFFFFF;
	}
	#content_3 h1 {
		padding-bottom:10px;
		color: #003366;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.3em;
		font-weight:normal;
		text-decoration:none;
	}
	#content_3 ul {
		padding-left:10px;
		border:0;
		margin:0;
		list-style-type: none;
		color: #333333;
	}
	#content_3 ul li{
		padding-bottom:5px;
		white-space: nowrap;
	}
	#content_3 a {
		margin-left:120px;
		color:#003366;
		font-family: Verdana, sans-serif;
		font-size: .7em;
		text-decoration:none;
	}
	#content_3 a:hover { color:#003366; text-decoration:underline;}

#slogan p {
	clear:both;
	float:left;
	padding:0;
	margin-top:2px;
	margin-bottom:20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .7em;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	color: #333333;
}

#bottom_line {
	position:relative;
	float:left;
	width: 723px;
	margin:0;
	border:0;
	padding-top:5px;
	border: 0px solid #330033;
	border-top-width: 10px;
	border-top-color:#CCCCCC;
	background-color:#FFFFFF;
}

#container_copyright {
	position:relative;
	float:left;
	width: 228px;
	padding:0;
	margin:-18 0 0 0;
	font-family:  Arial, Verdana, sans-serif; 
	font-size: .6em;
	color:#666666;
	text-decoration:none;
	background-color:#FFFFFF;
}

#container_bottom_menu {
	position:relative;
	float:left;
	width: 494px;
	padding:0;
	border:0;
	margin:-18 0 0 0;
	background-color:#FFFFFF;
	}
	#container_bottom_menu ul {
		padding:0;
		border:0;
		margin:0;
		list-style-type: none;
		color: #003366;
		font-family: Arial, Verdana, sans-serif; 
		font-size: .7em;
		text-decoration:none;
		text-align:right;
	}
	#container_bottom_menu ul li{
		display: inline;
		white-space: nowrap;
		border:1px solid #003366;
		border-width:0px 1px 0px 0px;
		background-color:#FFFFFF;
		padding:1px 10px;
	}
	#container_bottom_menu ul li.selected{
		text-decoration:underline;
	}
	#container_bottom_menu ul li:last-child{
		border-width:0px 0px 0px 0px;
	}
	#container_bottom_menu ul li a{
		color: #003366;
		text-decoration:none;
	}
	#container_bottom_menu ul li a:hover{
		color: #003366;
		text-decoration:underline;
	}

#path {
	position:relative;
	float:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	font-family: Verdana, sans-serif; 
	font-size: .7em;
	}
	#path a { color:#333333;}
	#path a:hover { color:#333333; text-decoration:underline;}

#container_content {
	position:relative;
	float:left;
	width: 723px;
	background-color: #FFFFFF;
	}
	#submenu {
		position:relative;
		float:left;
		width:210px;
		background-color: #FFFFFF;
	}
	#submenu h1 {
		margin: 0 0 20px 0px;
		padding-top: .5em;
		padding-left:.8em;
		font-weight: normal;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.3em;
		color: #003366;
	}
	#submenu ul {
		list-style-type: none;
		margin:0px;
		padding:0;
		margin-left:4px;
		font-family: Verdana, Arial, sans-serif;
		font-size: .8em;
		color: #003366;
		text-decoration:none;
	}
	#submenu ul li {
		height:20px;
		vertical-align: middle;
		white-space: nowrap;
		padding-left:9px;
	}
	#submenu ul li a {
		font-family: Verdana, Arial, sans-serif;
		font-size: 1em;
		color: #003366;
		text-decoration:none;
	}
	#submenu ul li a:hover {
		text-decoration:underline;
	}
	#submenu ul li.selected {
		background: transparent url(../images/menu_selector.gif) 1px 4px no-repeat;
	}


#content {
	position:relative;
	float:left;
	width: 470px;
	border:0;
	margin-top:0;
	margin-left:20px;
	padding-top:.8em;
	padding-bottom:.8em;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	}
	
h1 {
	border:0;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em;
	color: #003366;
}

h2 {
	border:0;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #003366;
}

h3 {
	border:0;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #003366;
}

h4 {
	border:0;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: .8em;
	color: #003366;
}

p { font-size: .8em; color: #333333; text-align:justify;}
a {color: #333333;}
a:hover{ text-decoration:none;}
/*a:visited { color: purple ; }
a:active { color: red ; }
*/
ul {
	list-style-type: square;
	border-left:10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .8em;
	color: #333333;
}

#sitemap ul {
	list-style-type: none;
	border-left:10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .8em;
	color: #333333;
}

table { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .8em;
	color: #333333;
	border-collapse:collapse;
	border-color:#C9C9C9;
	}
	table td { padding:2px;}
	table p {	font-size: 1em; padding:0; border:0; margin:0;}

table.details { border-collapse:collapse; border-color:#CCCCCC; }
table.details td, 
table.details th { padding:4px; border:1px solid #999999; text-align:left; }
table.details thead th { background-color:#CCCCFF; color:#333333; }

.tableContactUs {
	font-family:Verdana, Helvetica,Sans-Serif;
	font-size: .8em;
	font-weight: normal;
}
/* Messages */
.error {
	width:300px;
	margin: 1em 5em 1em 0em;
	padding: 1em 1em 0 3em;
	border: 1px solid #CC0000;
	color: #000000;
	background: #FFFFCC url(error.gif) no-repeat 1em;
	}
	.error p { padding-left:2em; font-size: .8em; }

.notice {
	border: 1px solid #CCCCCC;
	margin: 1em 5em 1em 0em;
	padding: 1em 1em 0 3em;
	color: #000000;
	background: #FFFFCC url(notice.gif) no-repeat 1em;
	}
	.notice  p { padding-left:2em; font-size:.8em; }

.ok {
	border: 1px solid #CCCCCC;
	margin: 1em 5em 1em 0em;
	padding: 1em 1em 0 3em;
	color: #000000;
	background: #FFFFCC url(ok.gif) no-repeat 1em;
	}
	.ok p { padding-left:2em; font-size:.8em; }

/* Form elements */
input:focus, input.sffocus { color: #333333; background-color: #E1EBEB;}
select:focus { color: #333333; background-color: #E1EBEB;}
textarea:focus { color: #333333; background-color: #E1EBEB;}
textarea.sffocus { background-color: #E1EBEB;}

.errorInput {
	font-family:Verdana, Helvetica,Sans-Serif;
	font-weight: normal;
	color: #FF0000;
	background-color:#FFFFFF;
}

.formReq
{
	font-family:Verdana, Helvetica,Sans-Serif;
	color: #FF0000;
	background-color:#EDF1F2;
}

.formLabel
{
	font-family:Verdana, Helvetica,Sans-Serif;
	font-weight: normal;
	color: #333333;
	background-color:#FFFFFF;
}

.formInput
{
	color: #333333;
	background-color: #FFFFFF;
	border : solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-left-color: #999999;
	border-left-width: 1px;
	border-right-color: #999999;
	border-right-width: 1px;
	border-top-color: #999999;
	border-top-width: 1px;
	border-spacing : 2px;
	font-family:Verdana, Helvetica,Sans-Serif;
	font-size:1em;
}
select, option { color:#000000; font-family:Verdana, Helvetica,Sans-Serif; font-size:1em; background-color: #FFFFFF;}
radio, checkbox 
{
	font:11px Arial,Helvetica,sans-serif;
	color: #333333;
	background-color: #E8EAD8 !important;
	border:solid 1px #999999 !important;
}
.formTextArea {
	color: #333333;
	background-color: #FFFFFF;
	border : solid;
	border-bottom-color : #999999;
	border-bottom-width : 1px;
	border-left-color : #999999;
	border-left-width : 1px;  
	border-right-color : #999999;
	border-right-width : 1px;
	border-top-color : #999999;
	border-top-width : 1px;
	border-spacing : 2px;
	margin-bottom : 5px;
	font-family:Verdana, Helvetica,Sans-Serif; 
	font-size: 1em;
}

.buttonOk {
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	border-bottom: #003333 1px solid;
	border-left: #003333 1px solid;
	border-right: #003333 1px solid;
	border-top: #003333 1px solid;
	color: #333333;
	font-family: Verdana, Helvetica,Sans-Serif; 
	font-weight: bold;
	width:80px;
	text-align : center;
}

.buttonCancel {
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	border-bottom: #003333 1px solid;
	border-left: #003333 1px solid;
	border-right: #003333 1px solid;
	border-top: #003333 1px solid;
	color: #003399;
	font-family: Verdana, Helvetica,Sans-Serif; 
	font-weight: bold;
	font-size: 1em;
	width:80px;
	text-align : center;
}