#center a:link, #center a:visited {
 color: #000;
 background-color: transparent;
}

#center a:hover, #center a:active {
color: #7995c4;
background-color: transparent;
}

td {
	color: #000000;
	font-size: 12px;
	line-height: 1.8em;
}

body {
 background-image: url(graphics/100_1319.jpg); 
 background-attachment: fixed;
background-color: #FFF;
	color: #000000;
	font-family: arial, sans-serif, helvetica, verdana ;
	min-width: 780px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
	text-align: center; /*** IE/Win (not IE/MAC) alignment of page ***/
}

.tableblue{
	background-color: #c7d3e6;
	color: #000;
	font-weight: normal;
	border: 3px double #2f4e85;
	border-collapse: collapse;
}

.tableyellow{
	background-color: #FFD700;
	color: #000;
	font-weight: normal;
	border: 3px double #2f4e85;
	border-collapse: collapse;
}
.tablegreen{
	background-color: #90EE90;
	color: #000;
	font-weight: normal;
	border: 3px double #2f4e85;
	border-collapse: collapse;
}







form {
	background: #7995c4;
	color: #FFF;
	border: 2px double #2f4e85;
 font-family: arial, sans-serif, helvetica;
	line-height: 20px;
	padding: 4px; 

}

html,body{
	border: 0; /* \*/
	height: 100%; /* Last height declaration hidden from Mac IE 5.x */
	margin: 0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
	padding: 0;
}


/* extras */
body h1 {
	color: #7995c4;
	font-size: 10px; /* for the top of page google text */
	font-weight: normal;
	height: 45px;
	letter-spacing: 0.1em;
	padding: 1px 0;
	margin: 0 auto;
	text-align: center;
	width: 780px;
}

 body h2 {
	color: #959595;
	font-size: 10px; /* for the top of page google text */
	font-weight: normal;
	height: 45px;
	letter-spacing: 0.1em;
	margin: 0 auto;
	padding: 1px 0;
	text-align: center;
	width: 780px;
}

#center h1 {
	font-size: 13px;
	font-weight: bold;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin: 0 0 6px 0;
	padding: 0 0 0 0; 
	color: #800000;
	text-align: left;
	height: auto;
	width: auto;
}

#center h2, #center h3, #center h4 {
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin: 0 0 6px 0;
	padding: 0 0 0 0; 
	color: #800000;
	text-align: left;
	height: auto;
	width: auto;
}

p {
	color: #000000;
	font-size: 12px;
	line-height: 1.8em;
	margin: 3px 0 6px 0;
	padding: 0 0 0 0;
	text-align: justify;
}

.clear{
	clear: both; /*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
	font-size: 0px;
	height: 1px;
	line-height: 1%;
	margin-bottom: -1px;
	overflow: hidden;
}

.navtextbox {
	margin-top: 6px;
	padding: 2px 2px 3px 0;
	width: 149px; 
	background-color: maroon;
}

.telltextbox {
	margin-top: 0;
	padding: 2px 1px 4px 1px;
	width: 149px; 
}

.navtextbox form {
border: 1px solid #2f4e85;
padding: 1px;
margin: 0;
width: 149px;
}

.telltextbox form {
border: 1px solid #2f4e85;
padding: 1px;
margin: 0;
width: 149px;
background-color: #fff;
}

.navtextbox .button, .telltextbox .button {
height:21px;
width: 146px;
font-size: 11px;
font-weight: normal;
border: 1px;
padding: 0;
margin: 0;
float: right;
}




.navtextbox form label, .navtextbox form textarea, .navtextbox form select { 
   float:left; 
   font-weight:normal; 
	font-size: 11px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#2f4e85;
	line-height: normal;
	padding:2px 3px;
	text-align: left;
}

.telltextbox form label, .telltextbox form textarea, .telltextbox form select { 
   float:left; 
   font-weight:normal; 
	font-size: 11px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#2f4e85;
	line-height: normal;
	padding:2px 3px;
	text-align: left;
}



 .navtextbox form input, .telltextbox form input{ 
   float:right; 
	line-height: normal;
	border: 1px solid #2f4e85;
	margin-bottom: 1px;
	padding:0;
}




.mailto-done-msg {
	background: #7995c4;
	border: 1px solid black;
	color: #000000;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	font-size:11px;
}

.sidetext {
	background: #ffffff;
	height: 50px;
	padding: 0 0 8px 3px;
	width: 150px;
}

.navside {
	margin: 0 0 0 1px; /* nb nb to eliminate default margins */
	padding: 0; /* nb nb to eliminate default padding */
	width: 150px;
}

.picframe {
	border: inset;
	border-color: #7995c4;
	border-width: 5px;
}

.tableframe {
	border: double;
	border-color: #800000;
	border-width: 3px;
}

.imgcntr {
	margin: 0 auto;
}

* html .clear{
	height: auto;
	margin-bottom: 0; /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/
}

.navtop {
	background: #FFF;
	margin: 0 0 0 3px;
	padding: 0;
	text-align: left;
	height: 28px;
}

.navtop ul {
	margin: 6px 0 0 0; /* NB NB NB to position text in navbar */
	padding: 0;
}

.navtop li {
	display: inline;
	list-style: none;
	margin: 0 0 0 -5px; /*	use -5px to minimise space between buttons */
	padding: 0;
	font-weight: bold;
	color: #800000;
}


.navtop li a:link, .navtop li a:visited {
	border: 0;
	color: #000;
	font-family: Verdana, Arial, sans-serif, helvetica;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: normal;
	margin: 0 0 0 0; /* for the items */
	padding: 8px 8px 4px 8px; /* for items: top, right bottom left for space around*/
	text-decoration: none; /* to remove underline of the hyperlinks */
}

.navtop li a:hover, .navtop li a:active {
	border:0;
	color: #800000; /* to set hover color for the hyperlinks */
}


.enquiry form {
	background: #7995c4;
	border: double;
	border-color: #800000;
	border-width: 3px;
	font-size: 10px;
	line-height: 20px;
	padding: 5px;
	text-align: center;
	width: 275px;
}

.navside li {
	background: #ffffff;
	border: 1px solid #ffffff;
	display: block; /* display vertical*/
	margin: 0; /* 0 nb nb to eliminate default margins */
	padding: 0 0 8px 3px; /* for the items, px top and bottom for height*/
font-size: 90%;
}

.navside ul {
	display: block; /* display vertical*/
	list-style: none; /* no bullets */
	margin: 0 0 -3px 3px; /* nb to eliminate or adjust default margins */
	padding: 0; /* nb nb to eliminate default padding */
	width: 150px;
	font-size: 11px;
}

.bottom_slogans, form h3 {
	text-align: center; /*position: relative;
top:100%;
left:0;*/
}

.outer_horiz_border, .sb_outer_horiz_border{
	background: #000066;
	font-size: 0;
	height: 1px;
	overflow: hidden;
}

.navside li a:link, .navside li a:visited {
	background: #ffffff;
	border:0;
	color: #50505c;
	display: block; /* NB NB for equal widths of the buttons */
	margin: 0 0 10px 0; /* space between buttons */
	padding: 5px 1px 4px 2px;
	text-decoration: none; /* no underline */
	width: 150px;
}

.navside li a:hover, .navside li a:active {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;

}

#fullheightcontainer{
	height: 100%; /* Last height declaration hidden from Mac IE 5.x */
	margin-left: auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right: auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	position: relative; /*** Needed for IE, othewise header and footer aren't contained
directly above and below the body ***/
	text-align: left; /*** IE Win re-alignment of page if page is centered ***/
	width: 780px; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/

}

#wrapper{
background-image: url(graphics/bgleft_col.gif);
background-repeat: repeat-y;
background-color: maroon;

border-left: 1px solid #000; /*** Sets the external left side border. ***/
	border-right: 1px solid #000; /*** Sets the external right side border. ***/
	height: 100%; /* Last height declaration hidden from Mac IE 5.x */
	min-height: 100%; /*** moz uses this to make full height design. As this #wrapper
is inside the #fullheightcontainer which is 100% height, moz will not inherit heights
further into the design inside this container, which you should be able to do with
use of the min-height style. Instead, Mozilla ignores the height:100% or
min-height:100% from this point inwards to the center of the design - a nasty bug.
If you change this to height:100% moz won't expand the design if content grows. ***/


}

#wrapp\65	r{
	height: auto; /*** For moz to stop it fixing height to 100% ***/
}

/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
#outer{
	background-color: #ffffff; /*** Sets background of center col***/
	border-left: 1px solid #FFF; /*** Sets the internal left side border. ***/
	border-right: 0; /*** Sets the internal right side border. ***/
	height: 100%; /* Last height declaration hidden from Mac IE 5.x */
	margin-left: 160px; /*** Critical left col dimension value = left col width ***/
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 617px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
	z-index: 1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
 word-wrap: break-word;
}

#float-wrap{
	display: inline;
	float: left;
	margin-right: -1px; /*** Static fix, doesn't change ***/
	width: 617px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
}

#left{
	display: inline;
	float: left;
	margin-left: -160px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
	position: relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
	width: 160px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/

}

#container-left{
	text-align: center;
	width: 160px; /*** Critical left col dimension value = left col width - 1px ***/
clear: both;

}

#right{
	display: inline;
	float: left;
	margin-left: -1px; /*** Static fix ***/
	margin-right: -1px; /*** Critical right col/divider 
dimension value = negative right col width ***/
	position: relative; /*** IE needs this or the contents won't show
outside the parent container. ****/
	width: 1px; /*** Critical right col/divider dimension value = right col width + 2px ***/
}

/* Above style hidden from Mac IE */
/*** These commented-out rules below are there to explain the "Critical" info
     for the rules above, because comments must not appear within the Mac-hack.
     The "rules" below are not active, they are just for teaching purposes.
* html #right{
  width:122px; Critical right col/divider dimension value = right col width + one internal border width + 1px ***
  margin-left:0px; *** Critical right divider dimension value = a static 0px ***
  margin-right:-500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
  mar\gin-right:-122px; *** Critical right col/divider dimension value  = negative (right col width + one internal border width + 1px) ***
}
***/
#container-right{
	margin-left: 1px; /*** Critical right divider dimension value = one internal border width + 2px ***/
	width: 1px; /* Above hidden from IE-Mac */
}

#container-center {
	margin: 0 5px 10px 20px;
	width: 550px;
	padding: 10px;
	background-color: #ffffff;
}


/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/

#center ul {
	padding:0;
	margin: 0 0 5px 0;
}

#center li {
	font-size: 12px;
	margin: 0 0 0 30px;
	padding: 0 0 0 5px;
	text-align: left;
	 list-style-image: url(graphics/bdv_bullet.gif);
}


#center{
	display: inline; /* \*/
	float: right;
	margin-left: -1px; /* Hidden from IE-mac */
	width: 617px; /*** Set to = center col width ***/
	background-color: transparent;

	}

/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#footer{
	clear: both;
	font-size: 10px;
	height: 187px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
	margin-top: -187px; /*** negative height ***/
	overflow: hidden;
	position: absolute;
	width: 780px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
	z-index: 1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
}

#subfooter1{
	background: #7995c4; /*** Background Color of Sub-footer #1 ***/
	height: 23px; /*** sub-footer row height ***/
	margin: 0 1px 2px 27px;  /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	text-align: center;
	border-bottom: 1px solid #000000;
}

#subfooter2{
	background: #2f4e85;
	border-bottom: 1px solid #2f4e85;
	height: 32px; /*** sub-footer row height ***/
	margin: 0 1px 0 27px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	padding: 2px 3px 0 3px;
	text-align: center;
}

#subfooter3{
	background: url(graphics/freeyournew2.gif) no-repeat top right; /*** Background Color of Sub-footer #3 ***/
	height: 30px; /*** sub-footer row height ***/
	margin: 0 1px 0 161px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	padding: 0;
	text-align: center;
}

#header{
	font-size: 11px;
	height: 238px; /*** = Top Margin + One Outer Border + header to body divider depth +
subheader1 height + any other subheader heights ***/
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 780px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
(not if external borders are off) ***/
	z-index: 1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/

}

#subheader1{
	background: url(graphics/header.jpg); /*** Background Color of Sub-header #1 ***/
background-color: #FFF;
	height: 202px; /*** sub-header row height ***/
	margin: 0 1px 0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	text-align: center;
}

#subheader2{
	background-color: #FFF;
	height: 28px; /*** sub-header row height ***/
	margin: 0 1px 0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	text-align: center;
 border: 1px solid white;
}

#subheader3{
background-color: #800000;
	height: 3px; /*** sub-header row height ***/
	margin: 0 1px 0 0; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	text-align: center;
}

#subheader4{
	background: #FFF; /*** Background Color of Sub-header #4 ***/
	height: 5px; /*** sub-header row height ***/
	margin: 0 1px 0 183px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
}

#gfx_bg_middle{
	background-color: transparent; /*** Set background color for center column for Mozilla & Opera ***/
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; /*** Sets the internal left side border.
Remove border styles if no Internal Borders. ***/
	height: 100%;
	margin-left: 180px; /*** = Left Col Width ***/
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 478px; /*** = Center Col Width ***/
}



/* \*/
* html #wrapper{
	height: 100%;
}

/*** The next style hack for widths are NOT needed if no internal side borders are needed ***/
* html #outer{
	w\idth: 600px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
	width: 602px; /*** Critical left and right col/divider dimension value
(moves inversly) = Center Col Width + Both Inner Borders ***/
}

*>html #left{
	width: 179px; /*** Fix only for IE/Mac = left col width + one internal border width ***/
}

/* \*/
* html #right{
	mar\gin-right: -2px;
	margin-left: 0px;
	margin-right: -600px;
	width: 2px;
}

/* \*/
*html #container-right{
	di\splay: inline;
	fl\oat: right;
	mar\gin-left: 0px;
	margin-left: 2px;
}

/* Above style hidden from Mac IE */
/*** Above margin left set to = one internal border width + 1px ***/
/*** Static fixes ***/
/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #left{
	margin-right: -3px;
}

* html #gfx_bg_middle{
	display: none; /*** Hides the moz fix from IE ***/
}

#subfooter2 a{
	color: #000000;
}



#clearheaderright, #clearheadercenter, #clearheaderleft {
	height: 238px; /*** needed to make room for header in right column ***/
	overflow: hidden;
}

#clearfooterright, #clearfootercenter, #clearfooterleft {
	height: 179px; /*** needed to make room for footer in right column ***/
	overflow: hidden;
}


form label
{ 
   float:left; 
   font-weight:normal; 
	font-size: 75%;
   font-family: Arial, Verdana, Helvetica, sans-serif;
}

form input, form textarea, form select { 
    float:right;
}

.input{
background-color: #ffffcc;
border: 1px solid #000;
margin: 1px;
padding: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;	
font-size: 75%;
}

.button {
	background: #7995c4;
	color: #FFF;
	font-weight: bold;
	border: 3px double #2f4e85;
}