@import url(assets/SqueezeBox.css);
@import url(milkbox/milkbox.css);

* { margin: 0; padding: 0; }

body { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

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

a { color: #007c64;  text-decoration: none; }
a:hover  { color: #78b4b3; }

a * { border: none; }

h1 { font-size: 2.2em; }

h2 {  font-size: 2.0em;  color: #007c64;  line-height: 1.3em; }

h3  {  padding-bottom: 0.8em; font-size: 1.8em; line-height: 1.2em; text-align: justify; }

h4 { font-size: 1.5em; padding-bottom: 0.8em; }

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

.mainer   { color: #007c64; font-weight: bold; }
.maintwocol  {  color: #007c64; font-weight: bold; padding: 20px 30px 0 30px; }

p { margin-bottom: 0.6em; font-size: 1.1em;  }

#wrapper { width: 1077px; border: solid 1px #78b4b3; margin: auto; margin-top: 10px; padding: 0; }

#preheader { margin: auto; margin-top: 10px;  padding: 0; width: 1077px; text-align: left; overflow: visible; }

#preheader p, #header p { margin: 0 0 0 102px;  color: #000; position: absolute; z-index: 10; top: 225px;
						font: italic 600 17px "Times New Roman",serif; 						/* For IE 5.5 - 7 */
						filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#ffffff');
						/* For IE 8 */
						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#ffffff')";
						/* Firefox */
						-moz-text-shadow: 2px 2px 1px #fff;
						/* WebKit */
						-webkit-text-shadow: 2px 2px 1px #fff;
						/* Standard */
						text-shadow: 2px 2px 1px #fff;}
#header {  }


#ani  { margin: 0; height: 244px; overflow: hidden;  }
#ani img { padding-bottom: 10px;  background: #fff; }
#nav {		text-align: center; 
				background: url(../images/navback.png) center bottom no-repeat; 
				font-family:  Arial; 
				color: #fff; 
				float: right; 
				clear: both; 
				width: 950px; 
				font-size: 13px;
					}

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

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

/* these are all the LIs in the menu*/
.dropdown li{
		cursor: pointer;
		display: inline; 
		padding: 0 4px 5px 4px; 
		width: 92px;
		margin:  0 0 8px 0; 
		background: url(../images/buttonback.png) center bottom no-repeat; 
			}
	
.dropdown a:hover { 
					background: url(../images/highback.png) center top no-repeat;
							}

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

.dropdown ul li a {	line-height: 1.2em !important;
								}

.dropdown ul li a:hover  {	background: #78b4b3 !important;
									text-decoration: underline !important;	
										}

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

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

.infopanel  {  margin:0 0 20px 30px;  width: 417px; }
.infopanel ul  {  background: url(../images/infopanel.png) center bottom no-repeat;  padding:5px  20px 15px 40px; font-size: 0.75em;  }
.infopanel li  { line-height: 1.2em; list-style-image: url(../images/tick.png); }
.infopanel h6 { background: url(../images/infotop.png) center top no-repeat;  font-size: 1em; color: #007c64;  padding: 8px  20px 5px 20px; }
.infopanel a { color: #c00; }

.photoholder  { float: right; margin: 20px 0 20px 20px; background: #fff; padding: 15px; width: 520px; }
.photoholder p { margin-bottom: 0.6em; font-family: Arial; font-size: 0.95em; font-weight: bold; color: #444;}

.text  { margin: 20px 0 0 30px; font-family:  "Times New Roman"; color: #000;}
#footer { margin: auto; margin-top: 10px;  padding: 0 18px 10px 10px; width: 1077px; text-align: left;}
#footer ul { float: left; width: 780px; color: #444; margin-left: 15px;}
#footer li { display: inline; margin-left: 0.8em;  font-size: 0.8em; }
#footer li a  {color: #666; text-decoration: none; }
#logobox  {  height: 35px width: 180px; margin-right: 10px; float: right; }

.clear { clear: both; height: 1%;  }
.pad { padding-top: 10px; }
.black {  color: #222; }