/* see http://www.alistapart.com/articles/howtosizetextincss for description*/
/* this style sheet is for http://www.alistapart.com/d/howtosizetextincss/complexexample.html */
/* where everything is enclosed in the wrapper */



body {
	background: #fff;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
}


	

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

h1 {
	font-size: 0.875em;
	line-height: 1em;
	margin: 1em 0 0 1em;
	letter-spacing: .3em;
	color: #ADD65A;
	font-weight: 300;
}

h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin:1em 0; /* 18x1=18px */
}

p {
	font-size: 0.75em;
	margin: 1em 3em 0.5em;
	text-align: justify;
	color: #006699;
}
li {
	font-size:  0.75em;
	margin-right: 1;
	margin-left: 1;
	margin-top: 0.5px;
	margin-bottom: 0.5px;
	color: #006699;
	list-style-image: url(images/2008/0085_blueAndPointy.png);	
}
.contentTable {
	background-color: #FFFFFF;
	background-image: url(images/2008/blueBackground.png);
	background-repeat: repeat-y;
	background-position: right top;
}

/* to solve problem of nested tags giving unpredictable font sizes */
/* insert division with class = small and contextural selector below will size small paragraph fonts */

.small  p{
	font-size: 0.625em;
}

/* rather than give the table a font size, use contextual selectors to target the th and td elements within */
/* this solves problem of nested tags giving unpredictable font sizes */


td {
	font-size: 100%;
 
}

.topNavigation {
	font-size: 0.75em;  /* 16x0.625=10px */
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: 0.20em;
	vertical-align: bottom;
	text-align: left;
	padding: 0px;
}

.topNavigation a{
	text-decoration: none !important;
}
.topNavigation a:link{
	color: #0066CC;
}
.topNavigation a:visited{
	text-decoration: none;
	color: #0066CC;
}
.topNavigation a:hover{
	color: #94BE2F;
	text-decoration: none;
}
.subNavigation {
	font-size: 10px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 0.10em;
	vertical-align: middle;
	text-align: left;
	padding: 0px;
}

.subNavigation a{
	text-decoration: none;
}
.subNavigation a:link{
	color: #444444;
	text-decoration:none
}
.subNavigation a:visited{
	text-decoration: none;
	color: #444444;
}
.subNavigation a:hover{
	color: #94BE2F;
	text-decoration: none;
}

.greenColumn {
	background-color: #ADD65A;
}

/* @group sidebar */

/* rather than give the sidebar itself a font size, use contextual selectors to get at the elements within */
/* this solves problem of nested tags giving unpredictable font sizes */

.sidebar {
	width: 150px;
	margin: 0;
	background:url(images/2008/vertLine.gif) no-repeat left center;
	height: 300px;
	padding-right: 0.5625em;
	padding-left: 0.5625em;
}

.sidebar a:link{
	text-decoration: underline;
	color: #444444;
}
.sidebar a:visited{
	text-decoration: underline;
	color: #444444;
}
.sidebar a:hover{
	text-decoration: underline;
	color: #222222;
}

.sidebar h3 {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 0 0 0.643em 0; /* 14x0.643=9px */
}

.sidebar p {
	font-size: 0.625em;
	text-align: center;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
	color: #666666;
}

.sidebar ul {
	padding: 0;
	margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
}

.sidebar li {
	font-size: 0.75em; /* 16x0.75=12px */
}




a {
	color: #444444;
}
a:link {
	color:#444444;
	border-bottom-style: none;
	text-decoration: underline;
}

a:visited {
	color: #444444;
	text-decoration: underline;
}
a:hover {
	color: #222222;
	text-decoration: underline;
	text-align: center;
}

.baseNav {
	background-image: url(images/2008/baseNavBackground.jpg);
	font-size: 0.75em;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
	letter-spacing: 0.2em;
	vertical-align: top;
	text-align: left;
	background-repeat: repeat-y;
}

.baseNav a{
	text-decoration: none;
}
.baseNav a:link{
	color: #0066CC;
}
.baseNav a:visited{
	text-decoration: none;
	color: #0066CC;
}
.baseNav a:hover{
	color: #ADD65A;
	text-decoration: none;
}
.prevNext {
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-align: center;
	margin-right: 2em;
	color: #ADD65A;
}

.prevNext a{
	text-decoration: none;
	color: #ADD65A;
}
.prevNext a:link{
	color: #ADD65A;
	text-decoration: none;
}
.prevNext a:visited{
	text-decoration: none;
	color: #ADD65A;
}
.prevNext a:hover{
	color: #ADD65A;
	text-decoration: underline;
}

.credits {
	font-size: 10px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	color: #666666;
}
.padLeft {
	margin-left: 1.5em;
}
.padTop {
	margin-top: 2.5em;
}
.green {
	color: #ADD65A;
}
.underline {
	text-decoration: underline;
}
.languageLink {
	font-size: 0.75em;  /* 16x0.625=10px */
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: 500;
	letter-spacing: 0.20em;
	vertical-align: bottom;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.languageLink a{
text-decoration:none !important;

}
.alignRIght {
	text-align: right;
}