/* wwp default.css
by iris manhold
last modified 091021 */

/* TOC
html elements
container
header
	logo
	title
utilities
wrapper
	menu
		navigation
	main
		content
footer
forms
images
general classes
*/

/* html elements */

body  {
	font-size : 95%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	background : #deefef;
	margin : 0;
	padding : 0;
	}

a:link  {color : #00c; background: transparent;}
a:visited {color : #06f; background: transparent;}
a:active {color : #06f; background: transparent;}

abbr {
	border-bottom : none;
	}

acronym {
	border-bottom : 1px dashed #aaa;
	cursor : help;
	}

blockquote, caption, cite, q  {font-style : italic;}

blockquote {
	border : 1px dashed #bbb;
	padding : 5px;
	}

blockquote p {
	margin : 0;
	padding : 5px;
	}

dt {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom : 1px dashed #999;
	padding : 2px 5px;
	margin-top : 1em;
	color : #417a61;
	}

dt a {text-decoration : none;}

body#links dt {
	font : normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	border : none;
	padding : 2px 5px;
	margin-top : 1em;
	}

dd {margin-top : .6em;}

h1,h2,h3,h4,h5 {color : #417a61;}

h1 {
	font : bold 130% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	}

h2 {
	font : bold 120% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	margin-top : 2em;
	padding-left : 20px;
	background : url(../images/arrowright.gif) top left no-repeat;
	}

h2 a {text-decoration : none;}	/* when h2 is a link */
h2 a:hover {text-decoration : underline;}

h3 {
	font : bold 110% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	margin-top : 2em;
	margin-left : 2em;
	}

h3 a {text-decoration : none;}	/* when h3 is a link */
h3 a:hover {text-decoration : underline;}

h4 {
	font : bold 100% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left : 0.5em;
	letter-spacing : 0.2em;
	margin-top : 2em;
	margin-left : 3em;
	}

ol li, ul li {padding-top : 0.5em;}

table {margin-bottom : 1.5em;}

td, th {
	margin-left : 0;
	margin-right : 0;
	padding : .3em;
	border : solid 1px #68a490;
	}

th {background : #deefef;}

/* container */

#container {
	width : 800px;
	margin : 0 auto;
    padding : 0;
	text-align : center;
	}

/* header */

#header {
	width : 90%;
	margin-top : 20px;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
	padding : 0 0 10px 0;
	text-align : left;
/*	color : #68a490;
	background : #ecf6f6 url(../images/cornertopleft.gif) top left no-repeat;*/
	color : #ecf6f6;
	background : #417a61 url(../images/cornertopleft2.gif) top left no-repeat;
	border-bottom : solid 1px #b4d2c9; /* only as long as utilities not needed */
	}

#headertopinner {
	position : relative;
	float : right;
	height : 20px;
	width : 20px;
	margin : 0 0 0 5px;
	padding : 0;
	background : #417a61 url(../images/cornertopright2.gif) top right no-repeat;
	}

#logo {
	display : none;
	}

#title {
	font : bold 130% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	margin : 0;
	padding : 10px 5px 0 20px;
	letter-spacing : 0.1em;
	}

.subtitle {
	font : bold 100% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	padding : 3px 0 3px 100px;
	margin : 0;
	letter-spacing : 0.1em;
	}

#strapline {display : none;}

#topmenu {
	float : right;
	margin : 0;
	padding : 15px 0px 10px 10px;
	}

#topmenu-vis {
	float : right;
	margin : 0;
	padding : 15px 0px 10px 10px;
	}

/* utilities */

#utilities {
	clear : both;
	width : 90%;
	margin : 0 auto;
	padding : 0;
	}

#utilities ul {
	float : left;
	width : 100%;
	list-style-type : none;
	margin : 0;
	padding : 0;
	border-bottom : solid 1px #b4d2c9;
	border-left : solid 1px #b4d2c9;
	}

#utilities ul li {
	float : left;
	width : 20%;
	margin : 0;
	padding : 0;
	font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	background : #68a490;
	}

#utilities ul li a {
	text-decoration : none;
	margin : 0;
 	padding : 3px 0;
	border-right : solid 1px #b4d2c9;
	display : block;
	}

#utilities ul li a:link  {color : #fff; background: transparent;}
#utilities ul li a:visited {color : #fff; background: transparent;}
#utilities ul li a:hover {color : #417a61; background : #ecf6f6;}
#utilities ul li a:active {color : #fff; background: transparent;}

#utilities ul li.focus a:link  {color : #417a61; background: #ecf6f6;}
#utilities ul li.focus a:visited {color : #417a61; background: #ecf6f6;}
#utilities ul li.focus a:hover {color : #417a61; background: #ecf6f6;}
#utilities ul li.focus a:active {color : #417a61; background: #ecf6f6;}

/* wrapper */

#wrapper {
	clear : both;
	width : 90%;
	margin : 0 auto;
	padding : 0;
	background : #ecf6f6;
	}

/* menu/navigation */

#menu {
	float : left;
	width : 180px;
	margin : 0;
	padding : 0;
	}

#navigation {
	text-align : center;
	margin : 5px 0;
	padding : 0;
	}

#navigation ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
	}

#navigation li {
	font : bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
	min-height : 30px;
	}

#navigation li a {
	display : block;
	text-decoration : none;
	margin : 5px 0;
	padding : 5px 25px 5px 5px;
	}

#navigation li a:link  {
	color : #417a61;
	background : url(../images/navarrow.gif) center right no-repeat;
	}
#navigation li a:visited {
	color : #508271;
	background : url(../images/navarrow.gif) center right no-repeat;
	}
#navigation  li a:hover {
	color : #fff;
	background : #7db0a0 url(../images/navarrow.gif) center right no-repeat;
	}
#navigation li a:active {
	color : #508271;
	background : url(../images/navarrow.gif) center right no-repeat;
	}

/* main */

#main {
	font-size : 95%;
	text-align : left;
	margin : 0 0 0 180px;
	padding : 20px 40px;
	border-left : solid 1px #b4d2c9;
	background : #fff url(../images/cornerbottomright.gif) bottom right no-repeat;
	}

#content {
	margin : 20px;
	padding : 0;
	}

/* footer */

#footer {
	clear : both;
	width : 100%;
    padding : 0;
	margin : 0;
	}

#footercontent {
    padding : 10px;
	margin : 10px;
	font : normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	}

/*forms*/

form {
	font-size : .9em;
	display : inline;
	height : auto;
	}
		
fieldset {
	width : 100%;
	height : auto;
	padding : 10px;
	margin-top : 1em;
	border : solid 1px gray;
	}
		
legend {
	font-size : 1.1em;
	font-weight : bold;
	color : #9c7446;
	background-color : inherit;
	}
		
label {
	float : left;
	width : 180px;
	color : #000;
	background-color : #f0e6d9;
	padding : 5px;
	margin-right : 10px;
	font-weight : bold;
	text-align : right;
	}

.row {
	position : relative;
	margin-top : 10px;
	clear : both;
	}
		
.row1 {
	position : relative;
	margin-top : 10px;
	padding-left : 135px;
	clear : both;
	}

.send {
	width : 90%;
	margin-top : 1em;
	text-align : center;
	clear : both;
	}
	
/* images */

#main img {
	margin : 4px;
	border : solid 2px #b4d2c9;
	}

#main img.noborder {
	margin : 4px;
	border : none;
	}

img.right {float : right;}

img.left {float : left;}

img.center {text-align : center;}

img.frame {
	margin : 5px;
	padding : 5px;
	background : #deefef;
	border : thin #999 dashed;
	}

.logos img {
	margin-top : 20px;
	text-align : center;
	border : solid 2px #b4d2c9;
	}

/* general classes */

.buttonnav {
         background-color:#7db0a0;
         color:#022511;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size:100%;

         border-top-color:#cee0de;
         border-left-color:#cee0de;
         border-bottom-color:#0b5b2d;
         border-right-color:#0b5b2d;
 				 margin:0 10px;
         }

.center {text-align : center;}

.clear {clear : both;}

.clearright {
	clear : right;
	padding : .2em;
	margin-top : .5em;
	}

#disclaimer {
	background: #deefef;
	margin : 30px -35px 0 -35px;
	padding : 5px;
	border : solid 1px #b4d2c9;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.larger  {font : normal 110% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.new {
	color : #f00;
	}

.outofsight {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
	}

.right  {text-align : right;}

.small  {font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.smallextra  {font : normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.smallcenter {
	text-align : center;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.smallright {
	text-align : right;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.transparent {display : none;}

.warning {
	text-align : center;
	background : #ffcc99;
	}

.slide {
	background: #f8ecbf;
	padding : 5px;
	border : thin #999 dashed;
	text-align : center;
	}

.topline {
	border-top : solid 1px #b4d2c9;
	padding-top : 10px;
	}