@import url(assets/SqueezeBox.css);

* { margin: 0; padding: 0; }

body { font-family: Trebuchet, "Century Gothic", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: url(../images/spoor.png);}

h1, h2, h3 {   font-weight: 100; }

a { color:  #68002b; text-decoration:underline; }
a:hover  { color: #c40053; }

a * { border: none; }

h1 { font-size: 2.8em; color: #68002b; float: left; padding: 0.4em; }

h2 {  font-size: 1.5em;  padding-bottom: 0.5em; line-height: 1.3em; font-weight: bold;}

h3  {  padding-bottom: 0.6em; font-size: 1.2em; line-height: 1.2em; text-align: justify;  font-weight: bold;}

h4 { font-size: 1em;  padding: 0.4em; }

h5  { color: #007c64; font-size: 1.3em;  padding: 0.9em 0  0.4em 0; }
h6  { }

p.splash { font-size: 1.2em; margin-bottom: 2.5%; }
h2.splash  {  font-size: 1.5em; margin: 4% 0 3% 0;  }

.greener   { color: #3f775D; font-weight: bold; }
.maroon { color:  #886b4b;   }
.maintwocol{  color: #007c64; font-weight: bold; padding: 20px 30px 0 30px; }

p { margin-bottom: 0.6em; font-size: 0.95em; text-align: justify; max-width: 98%;}

#wrapper { width: 1080px; margin: auto; margin-top: 10px; padding: 0; }

#header { background: #dbdcdd; width: 1080px; border: 1px #3f775d solid; overflow: visible; }
#header h4 {font-size: 1em; float: right;}

#header img  { vertical-align: middle;}

#ani  { margin: 0; height: 196px; background: url(../images/banner.jpg) center; overflow: hidden; clear: both; }

#nav {		text-align: center; 
				background: url(../images/navback.jpg) center top repeat-x; 
				/* font-family:  Arial; */
				color: #3f775D; 
				font-weight: bold;  
				float: right; 
				clear: both; 
				width: 1080px; 
				font-size: 0.8em;
								
					}

#nav a  {	color: #3f775d;  text-decoration: none; line-height: 2em; outline: 0;}
/* this is the main UL element*/
.dropdown  {
	display:none;
	background-color: transparent;
	padding-left: 5px; 
	}

/* these are the inner menus*/
.dropdown ul{
		margin: 2px 0 0 -9px !important;
		padding: 8px 3px 18px 3px;
		background: transparent url(../images/dropback.jpg) no-repeat bottom right !important;
		position: absolute;
		z-index: 40;
		}

/* these are all the LIs in the menu*/
.dropdown li{
		cursor: pointer;
		display: inline; 
		padding: 0 5px 5px 1px; 
		width: 144px;
		margin:  3px 0 3px 0; 
		border-right: 1px #3f775d solid;
		background: transparent url(../images/buttonback.png) center bottom no-repeat; 
			}
	
.dropdown a:hover { color: #78b4b3 !important;
							}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
		background:none;
		margin: 6px 0 0 0;
		border: none;
				}

.dropdown ul li a {	line-height: 1.2em !important;
							padding: 0 4px 0 14px;
							
								}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down {
			background: transparent url(../images/subback.png) center bottom no-repeat !important;
			}

.main  { background:transparent url(../images/mainbackrpt.jpg) left top;  padding: 0; margin: 0; }

.main ol, .main ul  { font-size: 0.9em; padding: 0.8em 0 0.8em 2.2em; text-align: justify; }
.main ol  {   list-style-type: lower-alpha; }
.main ul { list-style-image: url(../images/tick.png) ;}
.main li  { line-height: 1.2em; margin-bottom: 0.5em; }

blockquote { margin: 5px 20px 5px 20px; width: 90%; }

.photoholder  { float: right; margin: 0 0 0 20px;  padding: 15px; width: 350px; }
.linkholder  { float: right; margin: 30px 0 0 0; width: 183px;  background: #d9e0ea; border: solid #000 1px; min-height: 400px; position: relative; }
.linkholder h4 { margin: 5px; }
.linkholder > p { margin: 18px 10px 5px 10px;   color:  #886b4b; font-size: 1em; padding-bottom: 0.5em; }
.linkholder a, .text a { text-decoration: underline; color: #3f775D;}
.linkholder > a  { display: block;  margin: 5px 0 7px 10px; font-weight: bold; font-size: 19px; }
.linkholder a:hover, .text a:hover   { color: #78b4b3; }
.photoholder h6 { font-size: 0.8em; font-weight: normal; color: #000; margin: -15px 0 0 0; text-align: right; }

h4.quick  { background: url(../images/navback.jpg) repeat-x; padding: 7px; text-align: center; border: solid #000 1px; font-size: 26px; font-weight: normal; }
.box { background: #d9e0ea; border: solid #000 1px; padding: 10px; color: #444; width: 488px; margin-top: 10px;  }
.credit { font-size: 0.8em; font-style: italic; margin: 0 !important; }
.top { margin: 15px 0 15px 0; }
.bottom  {  margin-top: -65px; margin-bottom: 18px; }
.regular { margin: 15px 0 0 0;  }
.quicktop { margin: 66px 0 15px 0;  }

.text  {		float: left; 
				padding: 8px 12px 15px 12px; 
				margin: 0;
				font-family: Arial; 
				color: #000; 
				background: url(../images/textback.png) repeat-y top right; 
				border: 1px #dbdcdd solid;
				width: 860px;
						}

#footer { margin: auto; margin-top: 0;  padding: 0 0 10px 10px; width: 1077px; text-align: left;}
#footer ul { float: left; width: 97%; color: #3f775d; margin: 0;} 
#footer li { display: inline; margin-left: 0.8em;  font-size: 0.7em; }
#footer li a  {color: #888; text-decoration: none; }
#logobox  {  height: 35px; width: 100px; margin: 3px 30px 0 0; float: right;}

.clear { clear: both;  }
.pad { padding-top: 10px; width: 100%; }
.pad30 { padding-top: 30px; }
.black {  color: #222; }