/* Start of CMSMS style sheet 'sawt_haslayout.css' */
/*

this style is for IE, its a proprietary IE parameter and does 
not validate, so I am dleivering it to the browser via a conditional comment.
It sets the IE hasLayout property to true, thereby alleviating a host of IE related bugs.
there are no side effects to this that I am aware of. 

*/

.haslayout{
zoom:1;
}
/* End of 'sawt_haslayout.css' */

/* Start of CMSMS style sheet 'sawt_helpers.css' */
.fl{float:left;}

.fr{float:right;}


.cb{
clear: both;
}

.cl{
clear: left;
}

.cr{
clear: right;
}

.bdr{
border: 1px solid #000;
}

.pad10{
padding: 10px;
}

.pad15{
padding: 15px;
}


.pad20{
padding: 20px;
}

.marg15b{
margin-bottom:15px;
}




.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End of 'sawt_helpers.css' */

/* Start of CMSMS style sheet 'sawt_wat_tyler.css' */
	
html>body {
font-size: 16px;  /* IE can't read this. Its here to please older version of safari which default to 14px */
font-size: 63%;  /* see explanation below  */
}

body{
margin: 0 0 0 10px; 
background-color: #b0a8a4;   
color:#333;
/*height: 100%;*/
/* text-align: center;  centres the page for older browsers */
font-family: verdana;
font-size: 62.5%;  /* see explanation below  */
}

/*  The following hack confuses my validator (cse) - remove and replace after validation */
/*\*//*/
body{
font-size: 63%; 
}
/**/    

/*
The the default font size for the majority of browsers is 16px.
62.5%, for convenience sake sets the primary body font sze to equivalent of 10px,
therefore making it easy to specify sizes in em. 1em = 10px, 1.1em = 11px and so on. 
I have then reset the overall font size to 12em in the #wrapper. Line heights do not seem to translate as consistently using this technique,
hence tho we want a line height of 16px, setting it at 1.4em seems to be alot nearer than the 1.6em that it theoretically should be..
Drawback is if user has adjusted their defualt settings. This will set font size to 62.5% of that, so it cant be 100% accurate, but it will at least be resizable in all browsers
the second rule is targetting ie5 mac which renders 62.5% incorrectly, and significantly smaller.
*/

img{border:0px;}	

	
#wrapper{
font-size:1.1em;
line-height: normal;
text-align: left;  /*  impotant! to reset the content text align left  */
margin: 15px;  /* centres the page */
width:780px;
background-color: #b0a8a4;
}

#ident{
float: left;
width:170px;
height: 120px;
background-color: #b0a8a4;
}

#topnav-container{
float: left;	
height: 120px;
width: 600px;
background-color: #b0a8a4;
color: #fff;
}

#makespace{
height:75px
}


#topnav{
padding: 15px;
background-color: transparent;
margin: 0px;
}


/*  styling the top level navigation  */

#topnav ul
{
padding: 0;
margin: 0;
background-color: transparent;
color:#fff;
/* width: 100%; */
}

#topnav ul li { 
padding: 0px 12px 0px 0px;
display: inline; 
text-decoration: none;
margin:0px;
background-color: transparent;
color:#000;
}

#topnav ul li a
{
/* padding: 0px 12px 0px 0px; */
background-color: transparent;
color: #fff;
text-decoration: none;
margin:0px;

}

#topnav ul li a:hover
{
background-color: transparent;
color: #000;
}

#topnav ul li a.current
{
background-color: transparent;
color: #000;
}



#subnav{
	width: 170px;
	height: 100%;
	float: left;
	background-color:#b0a8a4; /**/
	text-align: right;
}




/*  styling the left hand level navigation  */

#subnav ul
{
padding: 0;
margin: 0;
color:#fff;
text-align: right;
list-style-type: none;

}

#subnav ul li {
margin: 5px 0px;
color:#000;

 }

#subnav ul li a
{
padding: 0px 0px 0px 0px;
background-color: transparent;
color: #fff;
text-decoration: none;

}

#subnav ul li a:hover
{
background-color: transparent;
color: #000;
list-style-type: none;
}

#subnav ul li a.current
{
background-color: transparent;
color: #000;
list-style-type: none;
}


/*   subsub nav  */


#subnav ul ul
{
padding: 0;
margin: 0px 0px 0px 0px;
color:#fff;
background-color:transparent;
text-align: right;
list-style-type: none;

}

#subnav ul ul li {
margin: 5px 0px 5px 0px;
 }

#subnav ul ul li a
{
padding: 0px 0px 0px 0px;
background-color: transparent;
color:#b1ddf1;
background-color: transparent;
text-decoration: none;

}

#subnav ul ul li a:hover
{
background-color: transparent;
color: #fff;
list-style-type: none;
}

#subnav ul ul li a.current
{
background-color: transparent;
color:#fff;
background-color: transparent;
list-style-type: none;
}
















#main{
width: 610px;
float:left;
background-color:#fff;

}


.main-pad{
padding:15px 5px 15px 15px;
}

#main-scroll{
height: 530px;
overflow: auto;
}

/* image */

.left {
float:left;
width:340px;
background-color: #fff;	 
}

.left p{
padding: 0px 5px 5px 0px;
font-size:0.8em;
}

#homepage_special.left p{
padding: 0px 5px 5px 0px;
font-size:1em;
}

#homepage_special.left h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px ;
        color:#8fbe3f;
       font-size:1.3em;
}




/* caption */

.right {
float:left;
width:220px;
background-color:#fff;
}

.right p{
	padding: 5px 0px 0px 15px;
}

.right h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px ;
        color:#8fbe3f;
       font-size:1.3em;
}



#homepage_special_right.right p{
padding: 0px 0px 0px 15px;
}

#homepage_special_right.right p.img_cred{
padding: 0px 0px 0px 15px;
font-size:0.8em;
}


#homepage_special_right.right img{
padding: 0px 0px 0px 15px;

}





	.footer {
		background:#cc9;
		clear:both;
	}


	
/*  general typography, titles, p's etc.  */	

h3{
  border-bottom: 1px;
  border-top: 1px;
  border-left: 0px;
  border-right: 0px;
  margin: 10px;
  border-color: Green;
  border-style: dashed;
 line-height: 2em;
}


A:link {text-decoration: none; color: #00adef;}
A:visited {text-decoration: none; color:#00adef;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline; color: #00adef;}














#map-holder{
	height: 570px;
	width:580px ;
}


#gmapmarker{
width: 235px;
height: 100px;
color:#000;

}

#gmapmarker img{
margin: 0px 10px 0px 0px;
float:left;
}

#gmapmarker p{
float:left;
margin: 0px 0px 0px 0px;
}


a.cred{
color:#968d88;
padding: 3px 0px 0px 0px;
}













/* End of 'sawt_wat_tyler.css' */