html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 700px;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	background-color:#9DC9E1;
}

p {
	
	text-align:left;
	padding:0 5px 0 18px;

	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container
{
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	width: 760px; /*An auto centering layer, width must be assigned*/
	min-height: 600px; /* Compliant browser height, This will fill entire browser window height */
	clear:both;	
	text-align: left;/*text align must be declared in all items due to 'text-align: center;' being in the body tag*/
	position:relative;
	margin-top: 20px;
}


#lefttopbox
{
width: 275px;
height: 90px;
float: left;
margin: 0 0 10px 0;
}

#toplogocurve_left_top
{
width: 275px;
height: 10px;
background:url(images/backgrounds/leftbox_top.gif) bottom left no-repeat; 


}

#toplogobox_left
{
width: 275px;
height: 70px;
background-color:#FFFFFF;
}

#toplogobox_left img
{
margin: 0 0 0 10px;
}

#toplogocurve_left_bottom
{
width: 275px;
height: 10px;
background:url(images/backgrounds/leftbox_bottom.gif) no-repeat;
}

#righttopbox
{
width: 475px;
height:auto;
float: left;
margin: 0 0 10px 10px;
}

#toplogocurve_right_top
{
width: 475px;
height: 10px;
background: url(images/backgrounds/rightbox_top.gif) bottom left no-repeat;
}

#toplogobox_right
{
width: 475px;
height: 70px;
background-color:#FFFFFF;
}

#topright_left
{
height: 30px;
width: 35px;
float: left;
margin: 0 0 0 10px;
}

#topright_right
{
height: 30px;
width: 420px;
float: left;
}

#topright_right img
{
margin: 0 10px 0 0 ;
float: right;
}

#topright_text
{
height: 20px;
width: 460px;
float: left;
text-align: right;
padding: 20px 15px 0 0;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #9DC9E1;
}


#toplogocurve_right_bottom
{
width: 475px;
height: 10px;
background:url(images/backgrounds/rightbox_bottom.gif) no-repeat;
}


.mainbackground_top { 
 width:760px;
 height:18px;
 background:url(images/backgrounds/middlebox_top.gif) no-repeat;
 float: left;
 
}

.mainbackground_middle { 
 width:760px;
 height:auto;
 background:url(images/backgrounds/middlebackground.gif) repeat-y;
 float: left;
 margin: 0 0 10px 0;
}

.mainbackground_bottom { 
 width:760px;
 height:18px;
 background:#9DC9E1 url(images/backgrounds/middlebox_bottom.gif) no-repeat;
 float: left;
 
}

.main_left
{
width: 275px;
height: auto;
float: left;
}

.main_left_container
{
height: 300px;
paddnig: 15px;
width: 240px;
margin: 0 0 0 10px;
font:Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
overflow: auto;
}

.main_right
{
width: 475px;
height: auto;
float: left;
margin: 0 0 0 10px;
}

.mainrightimage
{
width: 460px;
height: auto;
float: left;
}

.contactlink
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

.contactlink a
{
color: #2C5372;
text-decoration: none;
}

.contactlink a:hover
{
color: #9DC9E1;;

}
/* --------------------------------------------------------------- */

#footer
{
width: 760px;
height: 30px;
background-image:url(images/backgrounds/footerstrip.gif);
background-repeat: no-repeat;
clear: both;
line-height: 30px;
}

#footernav
{
width: 760px;
height: auto;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

#footernav a
{
padding: 0 20px 0 0;
color: #2C5372;
text-decoration: none;
}

#footernav a:hover
{
color: #9DC9E1;;

}
#footernav img
{
margin: 0 15px 0 0;
}

#saladlink
{

width: 740px;
height: auto;
float: left;
margin: 5px 20px 0 0;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

#saladlink a
{
text-decoration: none;
color:#000000;
}