html
{
    /* height:100%; */
}
body
{
    margin: 0;
    font-size: 14px;
    font-family: verdana, tahoma, helvetica, sanserif;
    color: Gray;
    background-image: url(/images/background-top-left.jpg);
    background-repeat:no-repeat;
}
p
{
    text-align: left;
}
p,
td
{
    font-size: 14px;
    font-family: verdana, tahoma, helvetica, sanserif;
}
a:link, a:visited
{
	color: #6495ed;
	text-decoration: none;
}
a:hover
{
    color: red;
}

a img
{
	border: none;
}

h1
{
    font-size:20px;
    padding-left: 4px;
    color: #23598f;
}
h2
{
    font-size:16px;
}
h3
{
    font-size:14px;
}
li
{
   margin-bottom:15px;
}
hr
{
	color: #7798b9;
}

/* -----------------------------------------------------------------------------
    Header styles
-------------------------------------------------------------------------------- */
.headerFont,
.headerFont h3
{
    font-size: 16px;
    color: gray;
    font-family: Tahoma;
    font-weight: normal;
}
.headerTop
{
    background-color: transparent;
    height:80px;
}

/* -----------------------------------------------------------------------------
    Main menu styles
-------------------------------------------------------------------------------- */
.mainMenu
{
    background-color: transparent;
}
.mainMenu table,
.mainMenu td
{
    border-collapse:collapse;
}
.mainMenu a:link, .mainMenu a:visited
{
	font-family: Tahoma;
	font-size: 14px;
	color: #dcdcdc;
	text-decoration: none;
}
.mainMenu a:hover
{
    color: white;
}

.mainMenuLeftEnd
{
    background-image: url(/Images/mainMenuLeftEnd.gif);
    background-position:right;
    background-repeat:no-repeat;
    height: 53px;
    width: 13px;
}
.mainMenuItem
{
    background-image: url(/Images/mainMenuBackground.gif);
    background-position:right;
    padding-left:10px;
    padding-right:10px;
    height: 53px;
}
.mainMenuSeperator
{
    background-image: url(/Images/mainMenuSeperator.gif);
    background-position:left;
    background-repeat:no-repeat;
    height: 53px;
    width: 2px;
}
.mainMenuRightEnd
{
    background-image: url(/Images/mainMenuRightEnd.gif);
    background-position:left;
    background-repeat:no-repeat;
    height: 53px;
    width: 13px;    
}

/* -----------------------------------------------------------------------------
    Footer styles
-------------------------------------------------------------------------------- */
.footer
{
	clear:both;
	width: 100%;
	background-color: #23598f;
	color:White;
}
.footer td
{
	font-size:12px;
}
.footer .slogan
{
	font-size:30px;
	text-align:left;
	font-family: Verdana;
}
.footer a:link,
.footer a:visited
{
	color:White;
	text-decoration: underline;
}
.footerBackground
{
	background-image:url(/Images/footerBackground.jpg);
	background-repeat:no-repeat;
}

/* -----------------------------------------------------------------------------
    Content styles
-------------------------------------------------------------------------------- */
.contentBody
{
    width: 900px;
    text-align:left;
}

.contentBody .firstPara
{
	font-size: 16px;
}

/* -----------------------------------------------------------------------------
    General styles
-------------------------------------------------------------------------------- */
img.floatLeft
{
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}
img.floatRight
{
    float: right;
    margin: 3px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
}

div.floatLeft
{
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}
div.floatRight
{
    float: right;
    margin: 3px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.clearFloat
{
	clear:both;
}

div.testimonial p
{
    font-family: Comic Sans MS;
    font-style: italic;
}


/* -----------------------------------------------------------------------------
    Content Columns styles
-------------------------------------------------------------------------------- */

/* column container */
.colmask 
{
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:900px;				/* width of whole page */
	overflow:hidden;			/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft 
{
	float:left;
	width:900px;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3,
.col1Feature,
.col2Feature,
.col3Feature
{
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

.col1 h1,
.col2 h1,
.col3 h1
{
	color: #a7a9ac;
}
.col1 p,
.col2 p,
.col3 p
{
	color: #939598;
}
.col1 a,
.col2 a,
.col3 a
{
	text-decoration:underline;
}

/* 3 Column blog style settings */
.columns
{
	background-color:Transparent;		/* right column background colour */
}
.columns .colmid 
{
	right:300px;						/* width of the right column */
	background-color: Transparent;		/* center column background colour */
}
.columns .colleft 
{
	right:300px;				/* width of the middle column */
	background-color: Transparent; /* left column background colour */
}
.columns .col1
{
	width: 280px; /* width of center column content (column width minus padding on either side) */
	left: 600px; /* 100% plus left padding of center column */
	background-color: Transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.columns .col2
{
	width:280px;				/* Width of left column content (column width minus padding on either side) */
	left:600px;					/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	background-color: Transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.columns .col3 
{
	width:280px;				/* Width of right column content (column width minus padding on either side) */
	left:600px;					/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	background-color: Transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.columns .col1Feature
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	left: 610px;				/* 100% plus left padding of center column */
}
.col1FeatureTop
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	height: 13px;				/* 100% plus left padding of center column */
	background-image: url(/Images/leftBlockTop.jpg);
}
.col1FeatureContent
{
	width: 250px;				/* width of center column content (column width minus padding on either side) */
	background-image: url(/Images/leftBlockCenter.jpg);
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}
.col1FeatureBottom
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	height:11px;
	background-image: url(/Images/leftBlockBottom.jpg);
}
.columns .col2Feature
{
	width:280px;				/* Width of left column content (column width minus padding on either side) */
	left:630px;					/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.col2FeatureTop
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	height: 13px;				/* 100% plus left padding of center column */
	background-image: url(/Images/middleBlockTop.jpg);
}
.col2FeatureContent
{
	width: 250px;				/* width of center column content (column width minus padding on either side) */
	background-image: url(/Images/middleBlockCenter.jpg);
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}
.col2FeatureBottom
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	height:11px;
	background-image: url(/Images/middleBlockBottom.jpg);
}
.columns .col3Feature
{
	width:280px;				/* Width of right column content (column width minus padding on either side) */
	left:650px;					/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.col3FeatureTop
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	height: 13px;				/* 100% plus left padding of center column */
	background-image: url(/Images/rightBlockTop.jpg);
}
.col3FeatureContent
{
	width: 250px;				/* width of center column content (column width minus padding on either side) */
	background-image: url(/Images/rightBlockCenter.jpg);
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}
.col3FeatureBottom
{
	width: 280px;				/* width of center column content (column width minus padding on either side) */
	height:11px;
	background-image: url(/Images/rightBlockBottom.jpg);
}
.columns .col1Feature p,
.columns .col2Feature p,
.columns .col1Feature a,
.columns .col2Feature a
{
    color: Gray;
	text-align:center;
	line-height: 20px;
}
.columns .col3Feature p,
.columns .col3Feature a
{
    color: #ced7e1;
    color: Gray;
	text-align:center;
	line-height: 20px;
}
.columns .col1Feature h2,
.columns .col2Feature h2,
.columns .col3Feature h2
{
	font-size:16px;
	font-weight: normal;
	text-align:center;
    color: White;
}
.columns .col1Feature a,
.columns .col2Feature a,
.columns .col3Feature a
{
	text-align:center;
	color:White;
}
.columns .col1Feature a:hover,
.columns .col2Feature a:hover,
.columns .col3Feature a:hover
{
	color:White;
}
.columns .col1Feature .testimonial,
.columns .col2Feature .testimonial,
.columns .col3Feature .testimonial
{
	font-style:italic;
}

.newsArticle
{
	float:left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.newsArticle h1
{
	color: #23598f;
}
.newsArticle h2
{
	color: Gray;
}

.newsArticle .quotation
{
	color: #7798b9;
	font-style:italic;
}

.newsTable td
{
	width: 305px;
	padding-left:10px;
	padding-right:10px;
}

.imageLinks img
{
	padding: 20px 20px 20px 20px;
}

.viewGallery,
.viewGallery a,
.viewGallery a:visited
{
	color: #dcdcdc;
}
.viewGallery a:hover
{
	color: white;
}
.viewGallery
{
	margin-left:4px;
	width: 892px;
	height:22px;
	padding-top:5px;
	background-color: #646668;
	text-align:center;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	--filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b5cf, endColorstr=#646668,);
}

.contactForm
{
}

.contactForm .input
{
	border: solid 1px #6495ed;
	width: 330px;
}

.dataProtection
{
	text-align:center;
	font-size: 10px;
}