/* Top level styles */

html {
	height:100%;
}

body {
	height:100%;
	background-color:#eeeeff; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	height:100%;
    font-size:70%;
	padding:0;
	border:0;
	margin:0;
	
	background-image: url(images/bg_gradient.png);
	background-attachment: fixed;
 
}

/* Basic rules */

div	{display:block;}

h2	{
	margin:0 5px 15px 0;
	font-variant:small-caps;
	font-size:120%;
	color:#4466aa;
	border-bottom: 1px solid #6688aa;
	padding:3px;
}

#main h2 {
	text-align:center;
}

#midcol h2, #rightcol h2, #left h2 {
	text-align:left;
}

h3	{
	margin:10pt 0 3pt 0;
	padding:0;
	font-weight:bold;
	font-style:italic;
	font-size:100%;
}

h4	{
	margin:3pt 0;
	padding:0;
	font-weight:bold;
	font-size:100%;
}

p  { margin-top:1em; margin-bottom:0;  }

img 	{ margin:0; border:0; padding:0; float:left; }

/* Positioning elements */

#centre {
	margin:auto;
	width:810px;
}

#container {
	float:left;
	width:800px;
    padding:8px 0 8px 0;
	margin:10px 0 10px 0;
	overflow:hidden;
	border:0px solid transparent;
    -moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
    border-radius: 8px; 
	-moz-background-clip: border; -webkit-background-clip: border-box; background-clip: border-box;

	background-image:url(images/container_bg.png);
	background-size: 100% 100%;	
	background-attachment: scroll;
	
	-moz-box-shadow: 6px 6px 6px #666666; 
	-webkit-box-shadow: 6px 6px 6px #666666; 
    box-shadow: 6px 6px 6px #666666; 
}

#slogan {
	width:318px;
	float:left;
	height:50px;
	background:white;
	text-align:center;
}

#slogan p {
	background: #ffffff;
	padding: 3px;
	margin: 0;
	font-variant:small-caps;
	font-weight:bold;
	font-size:110%;
	text-align:center;
	color:#229955;
}

#top {
    -moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	padding-top:6px;
	background-color:#6688aa
}

#main {
	width:799px;
	float:left;
	background:#ffffff;
	border-left:1px solid #007037;
	position:relative;
	height:100%;
}

#big	{
	display:table-cell;
	width:610px;
	padding:15px 15px;
	background-color:#ffffff;
	overflow:hidden;
	height:100%;
}

#left {
	display:table-cell;
	width: 159px;
	padding: 26px 0;
	margin:0 auto;
	background-color:#005522;
}

#midcol {
	width:340px;
	margin-top:5px;
	margin-bottom:10px;
	padding:5px 20px 10px 0;
	float:left; 
}

#rightcol {
	margin-top:5px;
	width:240px;
	padding:5px 0 10px 10px;
	float:left;
	background:#ffffff;
}

#rightcol ul li{
	list-style-type:none;
	margin-top:40px;
	float:right;
}

/* Styles for #left menu display */

#left p {
	margin: 20px 10px;
	color:white;
}

#left ul {
	list-style: none;
	margin: 0 -1px auto auto;
	padding: 0;
	width: 153px;
	border:none;
	overflow:hidden;
}

#left li {
	margin:10px 0 0 6px;
	display:block;
	text-align:left;
	border-width: 1px;
	border-color: #88ffbb #ffffff #113322 #77eebb;
	border-style:solid;
	background:#007037; 
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
    -moz-border-radius: 4px 0 0 4px; 
	-webkit-border-radius: 4px 0 0 4px; 
    border-radius: 4px 0 0 4px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-image: url(images/left_menu_grad.png);
 	background-size: 100% 100%;
	background-attachment: scroll;
	overflow:hidden;
}

#left a {
	color:inherit;
	text-decoration:none;
	display:block;
	position:relative;
	width:142px;
	padding:5px 0 5px 4px;
	height:15px;
}

#left ul ul {
	margin:0 0 0 -6px;
	width: 153px;
}

#left ul ul li {
	margin-top: 0;
	margin-bottom:0;
	font-weight:normal;
	padding:5px;
	padding-left:10px;
	border:0;
    -moz-border-radius: 0; 
	-webkit-border-radius: 0; 
    border-radius: 0;
}

#left li.current, #left li.selected , #left li:hover {
	background:#ffffff;
	color:#007037;
	border-right:#ffffff;
}

#left li:hover {
	background-image: url(images/left_menu_s.png); 
	background-size: 100% 100%;
	background-repeat: repeat-y;
	background-position: 0 0;
}

#left  li.selected:hover, #left li.current:hover {
	border-right:none;
	background-image:none;
}

/* Display rules for positioned elements */

#rightcol button {
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#copy {
	border-top:1px solid #44cc88;
	text-align:center;
	background:#007037;
	float:left;
	font-weight:bold;
	color:#ffffff;
	padding:0 0 6px 1px;
	width:799px;
	margin-bottom:0;
	
	background-image: url(images/copy_bg.png);
	background-size:100% 100%;
}

/* Classes and special display rules */

img.customer { margin:10px 25px; }
img.clickable {margin:2px 25px;}
.clickable {cursor:pointer; color:blue; text-decoration:none;}

p.popuptext {position:absolute;
	width:150px;
	padding:4px;
	border:1px solid black;
	background:#eef;
	display:none;
	margin:0;
}

.highlight {
	color:#446688;
}

p.greenlabel {
	width:12px;
	padding:3px 6px;
	background-color:#083;
	color:white;
	font-weight:bold;
	font-size:larger;
	float:left;
	clear:left;
	vertical-align:top;
}

p.warning {
	padding:10px;
	text-align:center;
	margin:10px;
	border:thin solid red;
	background:#ccffff; 
}

p.contact {
	margin-left:5em;
	margin-top:15px;
	float:left;
	font-size:120%;
}

/* Menu styles */

#menu {
	width: 100%;
	float: left;
	padding:0;
	margin: 0;
	border:0;
	background: #005522;
	background-image: url(images/menu_gradient.png);
	background-size: 100% 100%;
}
#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
#menu li {
	display:block;
	list-style: none;
	margin: 3px 1px 0 1px;
	width: 158px;
	float: left;
	height:38px;
	overflow:hidden;
}

#menu li:hover  a {
	color:#007037;
	background:#ffffff;
	background-image: url(images/menu_tab_bg_s.png);
	border-color: #ccffdd #007037 #007037 #70e09a;
}

#menu li.selected  a {
	color:#007037;
	background:#ffffff;	
	background-image:none;
	border-color: #ccffdd #007037 #ffffff #70e09a;
}

#menu a {
	position:relative;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	display:block;
	width:136px;
/*	overflow:hidden; */
	padding:10px;
	font-weight:bold;
	font-variant:small-caps;
	font-size:120%;
	margin:1px 0 0 0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#30e099 #005022 #ffffff #20b080;
    -moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0; 
    border-radius: 6px 6px 0 0;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-image: url(images/menu_tab_grad.png);

	background-attachment:scroll;
	background-position:bottom;
	background-size: 100% 100%
}

#menu li:hover a, #menu li.selected a {
	color:#007037;
}

#scrollup {
	position: relative;
	overflow: hidden;
	float:right;
	border: 1px solid #446688;
	height: 140px;
	width: 198px;
	padding:0;
	right:5px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
    border-radius: 6px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	
	-moz-box-shadow: 0 0 4px #446688; 
    -webkit-box-shadow: 0 0 4px #446688; 
    box-shadow: 0 0 4px #446688;
}

#scrollup a 	{
	text-decoration:none;
}
#scrollup a:hover {
	text-decoration:underline;
}

#newsfeed {
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	border:0;
	height:110px;
	width:196px;
	padding:0;
	background-color:#ffff66;
	border:1px #ffff66 solid;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
    border-radius: 0 0 4px 4px; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	background-image: url(images/newsfeed_bg.png);
}

#newsfeed .headline {
   position: absolute;
   top: 145px;
   left: 5px;
   height: 90px;
   width:190px;
}

.headline p {
	margin-top:0;
	margin-bottom:6px;
}
#newsfeed .detail {
	display:none;
}

.detail {
	font-style:italic;
	margin-left:20px;
	padding-bottom:20px;
}

.teaser, .headline .story {
	display:none;
}

.headline .teaser {
	display:block;
}

p.dateline {
	text-align:right;
	margin-right:10px;
	font-style:italic;
	color:#666666; 
}
#newshead {
	position:relative;
	top:0;
	left:0;
	border:0;
	padding:5px;
	margin:0;
	text-align:center;
	font-variant:small-caps;
	font-size:larger;
	color:white;
	font-weight:bold;

	background-image: url(images/newshead_bg.png);

   	-moz-border-radius: 6px 6px 0 0 ; 
	-webkit-border-radius: 6px 6px 0 0; 
    border-radius: 6px 6px 0 0; 
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    -moz-box-shadow: 4px 4px 4px #000000; 
	-webkit-box-shadow: 4px 4px 4px #000000; 
    box-shadow: 4px 4px 4px #000000; 
}

#newshead a {
	color:inherit;
}