/* Set the size in percent on the body */

/* All other sizes should be in em units
    with maximum of one decimal */


body {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0%;
	
	font-family: "Trebuchet MS";
	font-size: 65%;
	line-height: 130%;
	
	background-color: #036;
	background-repeat: repeat;
	padding: 0 0 0 0;
}





.bottom{
        vertical-align: bottom;
}
.center{
       	/*display: block;*/
	margin-left: auto;
	margin-right: auto;
	}
.colored{ 
	color:#009;
	font-size:1.1em; 
	font-weight: bold;
	line-height: 140%;
}
.drop{
        position: relative;
        top: 20px;
}
.inline{
         display:inline;
}

.italic{
	font-style: italic;
}
.floatLeft{
	float: left;
}
.middle{
         vertical-align:middle;
}



a:link { 
	color: #009; 
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
 }
a:visited { 
	color: #449; 
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
	font-size: 1.2em;
 }

a.close:link{
	font-size: .8em;
	font-variant: normal;
	color: #fc6;
}

a.footer:link{
	color: #009; 
	text-decoration: none;
	font-weight: normal;
	font-variant:normal;

}
a.footer:visited{
	color: #339; 
	text-decoration: none;
	font-weight: normal;
	font-variant:normal;
}
a.footer:hover{
	text-decoration: underline;
	color: #009;
}
a.inline:link{
	text-decoration:underline;
	font-size: 1em;
}
a.inline:hover{
	font-size: 1.1em;
}
a.inline:visited{
	color:#009;
}
a.image:link{
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
}
a.image:visited{
	font-size:1em;
	font-weight:normal;
	text-decoration:none;

}
a.image:hover{
	font-size:1em;
	font-weight:normal;
	text-decoration:none;

}
a.name:link{
	color: #009; 
	text-decoration: none;
}
a.name:visited{
	color: #009;
	text-decoration: none;
}
a.name:hover{
	color; #009;
	text-decoration: underline;
}
a.share:link{ 
	color: #c30; 
	font-weight:bold; 
	text-decoration: none;	
	}
a.share:visited{ 
	font-color:#fc6;
	font-weight:normal; 
	text-decoration: none; 
		
	}
a.share:hover{ text-decoration: underline }

a.siteMap:link{
	line-height: 180%;
	border-top: thin solid #fc6;
	border-bottom: thin solid #fc6;
}
a.siteMap:visited{
	line-height: 180%;
	border-top: thin solid #fc6;
	border-bottom: thin solid #fc6;
}
a.textBox:link{
	font-variant: small-caps;
	font-weight:bold;
	color:#009;
}
a.textBox:visited{
	font-variant: small-caps;
	font-weight:bold;
	color:#339;
}
a.textBox:hover{
	text-decoration: underline:
}
b.title{
	font-size:1.2em; 
	font-weight:bold; 
	font-variant:small-caps;
	color:#009;
}
b.subhead{
	color:#c30;
	font-size:1.1em; 
	font-weight: bold;
	line-height: normal;
}
	
div#contentOutsideBorder {
	margin-left: 16em;
	margin-right: 1em;
	margin-top: 2em;
	padding: .3em;
	background-color:#d0e3fd;
	}

div#contentText {
	padding-left: 3em;
	padding-right:3em;
	padding-top:1em;
	padding-bottom:30px;
	background-color: #fff;
	margin:1em 0em 1em 1em;
	border-right: 1em solid #d0e3fd;
	border-left: 1em solid #fc6;
	border-top: 1em solid #fc6;
}
div#credit{
	font-style:normal;
	font-size:1.0em;
	color:#009;
	margin-bottom: .5em;
	margin-left: 10em;
	margin-right:10em;
	padding-bottom: 1em;
	border-bottom: medium solid #fc6;
}
div#footer{
	clear:both;
	background-color: #d0e3fd;
	font-size: .8em;
	font-style: italic;
	text-align:center;
	padding-bottom: 2em;
	margin-left: 0em;
	margin-right:0em;
}
div.indentText{
	margin-left: 4em;
	margin-right: 8em;
	padding-bottom: 2em;
}
div.italic{
	font-style: italic;
}

div.list {
	margin-left: 2em;
}
div#navigation {
	position:absolute;
	top: 5em;
	left: 1em;
	width: 13em;
	background-color: #d0e3fd;
	height: auto;
	padding-top: 1.5em;
	padding-left: 1em;
	padding-bottom: 1.5em;
	border-left: thick solid #fc6; 
	border-top: thick solid #fc6; 

}

div.textBox{
	float: left;
	width: 9em;
	text-align:left;
	font-weight:bold;
	color:#fc6;
	background-color:#d0e3fd;
	padding-left:.5em;
	padding-right:.5em;
	margin-left: 0em;
	margin-right:.8em;
	margin-top: .5em;
	margin-bottom: .5em;
	border: .2em solid #fc6;
}
div#questions {
	background-color: #d0e3fd;
	padding: 1em;
	text-align:center;
}

h1 { 
	font-size: 2em;  
	color: #009; 
	text-align:center; 
	font-variant:small-caps;
	margin-bottom:.5em;
	font:Arial;
 	width:auto;
	padding-top: .2em;
	}
h2 {
	font-size: 1.2em;
	color: #c30;
	font-style: oblique;
	font-weight: bold;
	text-align:center;
	width:auto;
	margin-top: 0em;
	margin-bottom: 2em;
}
h3{
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
}

img.orangeBorder{
	border: .3em solid #fc6;
}
img.yellowBorder {
	border: 1.1em solid #d0e3fd;
		}
img.wideYellowBorder{
	border: .3em solid #fc6;
	
}
img.blueBorder{
	border: .3em solid #009;
}
img.floatRight{
	float: right;
}
img.readOn{
	margin-top: 20px;
	}
img.logo{
	margin-top: 1em;
	margin-left: 2.1em;
	border: .1em solid #fc6;
	width: 70px;
	}
img.logoHome{
	margin-top: 1em;
	margin-left: .1em;
	border: .1em solid #fc6;
}

p { font-size: 1em; }
p.button{
	background-color: #fc6;
	width: 15em;
	margin-bottom: 1.5em;
	padding: .5em;
	border-bottom: .3em solid #fc6;
	border-left: .3em solid #fc6;
	}
p.centered{
	margin-left: 15em;
}
p.close{
	margin-top: .5em;
	padding; 0;
	text-align:left;
	margin-bottom: .5em;
}
p.name{
	font-variant:small-caps;
	font-size: 1.3em;
	font-weight:bold;
	text-align:left;
	line-height: 1.4em;
	white-space:nowrap;
	margin-top: .5em;
	border-bottom: medium solid #009;
	width: 8.3em;
	color: #009;
	}
p.thisPageHeader{ 
	color:#339;
	font-weight: bold; 
	margin-bottom: -.7em;
	padding-bottom:0;
	font-size: 1.1em;
	}
p.thisPageHome{
	color:#339;
	font-weight: bold; 
	font-size: 1.1em;
}
p.readOn{
	margin-top: 80px;
	}
p.noAds{
	color:#fc6;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
	}
table#readOn{
         table-layout: fixed;
}
td#readOnLeftCol{
         width:200px;
         padding-left:0;
         vertical-alignment: top;
         }
td#readOnMiddleCol{
         width: 15em;
         vertical-alignment:middle;
         text-align: center;
         }
td#readOnRightCol{
         width: 20em;
         font-size: 1em;
         }
td.fullPage{
	padding-right:3em;
	padding-left:3em;
	vertical-alignment:top;
	}




ul.nav {
	font-size: 80%;
	line-height: normal;
}
li.nav {
	margin-left:-2em;
	margin-bottom: auto;
		}
ul {
	list-style: square outside;
	}
li{
	margin-bottom: .8em;
}