/* CSS Document */

body {
font-size:62.5%;
background-color: #006699;
margin:0px;
padding:0px;
}

#content {
margin-left:auto;
margin-right:auto;
padding:0px;
font:1.2em Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
background:url(../gifs/baclground.gif) repeat-y #fff;
width:716px;
}

#top {
width:700px;
height:100px;
margin:0px 8px;
padding:0px;
background-colour:
}

#logo {
float:left;
background:url(../gifs/logo.gif) no-repeat;
width:345px;
height:100px;
margin:0px;
padding:0px;
}

#logo span {
display:none;
}

#toptxt {
background-color:#FFFFFF;
margin-left:350px;
padding:0px;
}

#toptxt p {
padding:20px 5px 0px 5px;
margin:0px;
text-align:right;
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#003366;
line-height:1.3em;
}

#toptxt a {
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#003366;
text-decoration:underline;
}

#toptxt a:hover{
color:#000;
}

#strap {
width:700px;
height:200px;
margin:5px 8px;
padding:0px;
background-color:#FFFFFF;
}

#bodyblock {
position:relative;
width:680px;
margin:0px 8px;
padding:10px;
}

h1 {
font:1.4em Tahoma, Arial, Helvetica, sans-serif;
color:#333333;
text-align:left;
font-weight:bold;
background:url(../gifs/h1icon.gif) no-repeat;
padding-left:22px;
margin:0px;
height:24px;
}

h2 {
font:1.2em Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
color:#666666;
padding:0px;
margin:0px;
}

 /* common styling */
#nav {
	float: left;
	width: 55em;
	list-style: none;
	line-height: 1;
	font-weight:normal;
	font-size:1.0em;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav ul {
	float: left;
	width: 55em;
	list-style: none;
	line-height: 1;
	background-color:#D5DDFF;
	font-weight:normal;
	padding: 0;
	margin: 0 0 1em 0;
	border: solid #006699;
	border-width: 1px 0;
}


#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav a:hover {
color:#FFFFFF;
}


#nav li {
	float: left;
	padding: 0;
	width: 9em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
	color:#000000;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #006699;
	color:#FFFFFF;
}




#tabs {
height:25px;
margin:0px 8px;
padding:5px 0px 0px 25px;
background-color:#006699;
}


/*single page*/
#main {
width:670px;
min-height:350px;
margin:0px;
padding:0px 10px 0px 0px;
text-align:justify;
}

*html body #main {
padding:0px;
}

#main img {
float:left;
border:1px solid #333;
padding:0px;
margin:0px 10px 10px 0px;
}

#main ol {
margin: 0px;
padding:2px 0px;
}

#main ul {
margin:0px;
padding:2px 0px ;
}

#main li {
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#333;
list-style-type:none;
padding:1px 0px;
margin: 0px;
}

#main p {
text-align:justify;
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#000;
}

#main a {
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#873c68;
text-decoration:underline; 
}

#main a:hover {
color:#000000;
text-decoration:underline;
}

/*two column page*/
#left {
width:450px;
margin-right:220px;
padding:0px 10px 0px 0px;
text-align:justify;
}

*html body #left {
padding:0px;
}

#left img {
float:left;
border:1px solid #e8ecee;
padding:0px;
margin:0px 10px 10px 0px;
}

#left ul {
margin:0px;
padding:0px 0px 0px 20px;
}

#left li {
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#333;
list-style-type:disc;
padding:1px 0px;
}

#left p {
text-align:justify;
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#000;
}

#left a {
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#3366FF;
text-decoration:underline; 
}

#left a:hover {
color:#000000;
text-decoration:underline;
}

#right {
float:right;
width:200px;
padding:0px 5px 0px 0px;
margin:0px 0px 0px 0px;
}

#right p {
text-align:justify;
font:1.0em Tahoma, Arial, Helvetica, sans-serif;
color:#333;
}

#footer {
width:700px;
background-color:#FFFFFF;
height:30px;
background:url(../gifs/footer.gif) repeat-x;
margin:0px 8px;
padding:0px;
}

#footer p {
font:0.9em Tahoma, Arial, Helvetica, sans-serif;
color:#3366CC;
padding:0.5em 10px;
margin:0px;
}

#footer a {
font:0.9em Tahoma, Arial, Helvetica, sans-serif;
color:#3366CC;
text-decoration:underline;
}

#footer a:hover {
background-color:#FFFFFF;
color:#333333;
}

/*contactform2*/

#name, #uemail, #subject, #how, #company {
width:370px;
}

#contactform2 p{
font:1.1em Arial, Helvetica, sans-serif;
color:#000;
margin:3px 0;
}

#contactform2 legend{
font:1.1em Arial, Helvetica, sans-serif;
color:#003399;
}

#contactform2 fieldset {
border:1px solid #333;
padding:10px;
}