﻿/*
	font-family: Arial, Helvetica, sans-serif;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-family: "Times New Roman", Times, serif;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url('images/backtop.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

#content {
	width: 960px; 
	margin: auto; 
	margin-top: 13px;
}

#header 
{
	margin-bottom: 13px;
}

#header a {
	color: #999999;
	text-decoration: none;
}

#header a:hover {
	color: #333399;
}

#header .title {
	color: #336699;
	font-size: 21pt;
	letter-spacing: 1pt;
	font-weight: bold;
	margin-top: 15px;
}

#header .subtitle {
	color: #99aabb;
	font-size: 12pt;
	letter-spacing: 1pt;
	font-weight: bold;
}

#header p {
	font-size: 10pt;
}

#headerleft {
	float: left;
	padding-top: 17px;
	width: 400px;
}

#headerright {
	float: right;
	width: 478px;
}

#menu {
	float: right;
	padding-top: 36px;
	width: 418px;
}

#menu ul {
}

#menu li 
{
	float: left;
	list-style: none;
	padding: 0px 14px 0px 14px;
	color: #009999;
	font-size: 12pt;
	cursor: pointer;
}

#menu .thispage {
	cursor: default;
}

#menu a {
	color: #99aabb;
	text-decoration: none;
}

#homemain {
	width: 960px;
	background-image: url('images/standback.png');
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 262px;
}

#main {
	width: 908px;
	padding: 0px 26px 0px 26px;
	min-height: 420px;
}

#main h1 {
	text-align: right;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;		
	font-size: 36pt;
	letter-spacing: -1px;
	margin-bottom: 13px;
}

#homemain h1 {
	font-size: 12pt;
	text-align: center;
	margin-bottom: 13px;
}

#homemain h2 {
	font-size: 18pt;
	text-align: center;
	margin-bottom: 0px;
}

#homemain ul {
	margin: 13px 39px 13px 39px;
}

#homemain li {
	font-size: 10pt;
	color: #666666;
}

#pagelist {
}

#pagelist ul {
	margin: 13px 0px 13px 13px;
}

#pagelist li {
	list-style: none;
	font-size: 10pt;
	color: #666666;
	margin-bottom: 3px;
}

#pagelist a {
	text-decoration: none;
	font-style: italic;
	color: #666666;
}

#pagelist a:hover {
	color: #333333;
}

#main h2 {
	text-align: right;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;		
	font-size: 30pt;
	letter-spacing: -1px;
	margin-bottom: 13px;
}

#homemain h3, #main h3 {
	font-size: 14pt;
	margin-bottom: 13px;
}

#homemain h4, #main h4 {
	font-size: 10pt;
	margin-bottom: 13px;
}

#homemain p {
	font-size: 10pt;
	margin-bottom: 13pt;
	color: #666666;
}

#homemain a, #main a
{
	color: #333333;
	text-decoration: none;
	font-style: italic;
}

#homemain a:hover, #main a:hover 
{
	color: #999999;
}

#homemain a:visited, #main a:visited
{
	color: #999999;
}

#main p {
	font-size: 10pt;
	margin-bottom: 13pt;
	color: #666666;
}

#main ul {
	margin-left: 39px;
	margin-bottom: 13px;
	color: #666666;
}

#main li {
	font-size: 10pt;
	color: #666666;
}

#screens {
	width: 670px;
	margin: auto;
	margin-bottom: 13px;
}

#screens img {
	margin: 7px 6px 0px 6px;
	border: solid 1px #cccccc;
}

.imglink {
	width: 158px;
	margin-right: 6px;
	float: left;
	text-align: right;
}

.imglink a {
	font-size: 8pt;
}

#homemain .toparea, #main .toppara {
	font-size: 12pt;
}

#news {
	width: 640px;
	margin: auto; 
	margin-top: 26px;
	margin-bottom: 26px;
	padding: 26px 0px 26px 0px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#news p {
	margin: 0px;
	padding: 0px;
}

.newsitem {
	float: left;
	width: 300px;
	margin: 0px 10px 0px 10px;
}

.newsitem .title {
	font-size: 12pt;
	font-weight: bold;
}

.newsitem .date {
	font-style: italic;
}

.newsimage {
	margin: 13px 0px 13px 0px;
	text-align: center;
}


#footer 
{
	background-color: #333333;
	color: #ffffff;
	width: 960px; 
	margin: auto; 
	padding-top: 13px;
	padding-bottom: 13px;
	margin-bottom: 26px;
}

#footer a {
	color: #cccccc;
	text-decoration: none;
	font-style: italic;
}

#footer a:hover {
	color: #333399;
}

#footerbot {
	width: 960px; 
	margin: auto; 
	color: #ffffff;
}

#footerbot .footleft {
	width: 300px;
	float: left;
	padding-left: 10px;
}

#footerbot .footleft p {
}

#footerbot .footright {
	text-align: right;
	padding-right: 10px;
}

.sidebar {
	width: 104px;
	float: right;
	margin: 3px 0px 0px 13px;
	padding: 0px 0px 0px 13px;
}

.portfolio 
{
	padding: 24px 30px 39px 99px;
}

.portfolio h2 
{
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: solid 1px #000000;
	text-align: right;
	font-size: 18pt;
}

.portfolio p
{
	margin-bottom: 3px;
	font-size: 10pt;
	padding-left: 13px;
}

.portfolio li 
{
	list-style: circle;
	padding-right: 13px;
	text-align: right;
	font-size: 12pt;
	margin-bottom: 7px;
	font-style: italic;
}

.portleft 
{
	width: 450px;
	float: left;
}

.portright 
{
	text-align: right;
	padding-right: 13px;
}

.portfolio a 
{
	color: #000099;
	text-decoration:  none;
}

.portfolio a:hover
{
	color: #999999;
}

.portfolio img 
{
	border: 0px;
	margin-bottom: 13px;
}

#sidelist 
{
	padding: 13px;
}

#sidelist a 
{
	color: #666666;
}

#sidelist a:visited
{
	color: #666666;
}

#sidelist a:hover 
{
	color: #cccccc;
}

#appinfo
{
	margin: 0px 0px 13px 0px;
	padding: 0px;
}

#appinfomenu 
{
	width: 228px; 
	float: left; 
}

#appinfomenu li 
{
	list-style: none;
	margin-left: 13px;
	background-color: #666666;
	margin-bottom: 1px;
	color: #ffffff;
	padding: 3px 7px 3px 7px;
	border: 3px ridge #ffffff;
}
	
#appinfomenu .thisone 
{
	margin: 0px;
	background-color: #666666;
	margin-bottom: 1px;
	border-right: none;
	font-size: 14pt;
}

#appinfomain 
{
	width: 651px;
	float: right; 
	background-color: #666666; 
	padding: 3px 13px 3px 13px;
	border: 3px ridge #ffffff;
	border-left: none;
	height: 400px;
	overflow: auto;
}

#appinfo p 
{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#appinfo h3
{
	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
}

.contactform 
{
}

.contactform p 
{
	margin: 0px;
	padding: 0px;
}

.formleft 
{
	clear: both;
	float: left;
	width: 200px;
	font-weight: bold;
}

.formright
{
	margin-bottom: 3px;
}


.formcentre 
{
	float: left;
	width: 50px;
}

.forminput 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 2px;
}

.formsubmit 
{
	padding: 3px;
	cursor: pointer;
}

.formtable 
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.formtable td 
{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.formtable p 
{
	margin: 0px;
	padding: 0px;
}