/* ------------------------------------------------------------------------------------ //
	RESET STYLES
	These are global resets.
// ------------------------------------------------------------------------------------ */

	body {
		
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		}

	h1,
	h2,
	h3,
	h4,
	h5,
	p,
	ul,
	ol,
	li,
	form,
	fieldset,
	label,
	table,
	th,
	td,
	hr {
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		}

	fieldset {
		border-width: 0px 0px 0px 0px ;
		}

	th,
	td {
		text-align: left ;
		vertical-align: top ;
		}

.clear {clear:both;}

/* main body and content */

body {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; margin:0; padding:0;}

#mainFrame { border-style:solid; border-width:0px 2px 2px 2px; border-color:#cccccc; padding:0; margin-left:auto; margin-right:auto;} 
#content { margin-left:auto; margin-right:auto; margin-top:20px;}



/* for the header area on the homepage */

#header{ background-color:#7da2ae; }
#headerText {padding:20px; line-height:140%; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF;}
#headerText p {padding-bottom:10px;}
#headerText p a:link { font-style:italic; color:#FFFFFF; text-decoration:none;}
#headerText p a:visited { font-style:italic; color:#FFFFFF; text-decoration:none;}
#headerText p a:active { font-style:italic; color:#444444; text-decoration:none;}
#headerText p a:hover { font-style:italic; color:#444444; text-decoration:none;}



a.videolink { color:#939d8e; text-decoration:underline;}
a.videolink:hover { color:#939d8e; text-decoration:none;}


/* for the login and contact links top right */

#login {color:#6a8487; font-size:15px; font-family:Arial, Helvetica, sans-serif; }

#login ul {list-style:none; margin:0; padding:0; line-height:28px;  text-align:right; line-height:52px}
#login ul li {  display:inline; margin:0; padding:0;}
#login ul li a:link { text-decoration:none; color:#6a8487; }
#login ul li a:visited { text-decoration:none; color:#6a8487; }
#login ul li a:active {  color:#000000;  text-decoration:none;} 
#login ul li a:hover { color:#000000;  text-decoration:none;}

#login ul li a.thisPage:link { text-decoration:none; color:#000000; }
#login ul li a.thisPage:visited { text-decoration:none; color:#000000; }
#login ul li a.thisPage:active {  color:#000000;  text-decoration:none;} 
#login ul li a.thisPage:hover { color:#000000;  text-decoration:none;}





/* for the main menu bar */

#menu {color:#6d6e70; font-size:15px; background-color:#ede6c2; height:28px; font-family:Arial, Helvetica, sans-serif;}
#menu ul {list-style:none; margin:0 0 0 10px; line-height:28px; padding:0;}
#menu ul li {float:left; margin:3px;}
#menu ul li.divider { margin:3px 5px 3px 5px; color:#FFFFFF;}
#menu ul li a:link { text-decoration:none; color:#6d6e70; padding:5px;}
#menu ul li a:visited { text-decoration:none; color:#6d6e70; padding:5px;}
#menu ul li a:active {  color:#000000; padding:5px; text-decoration:none;}
#menu ul li a:hover { color:#000000; padding:5px; text-decoration:none;}

#menu ul li a.thisPage:link { text-decoration:none; color:#5d93a1; padding:5px;}
#menu ul li a.thisPage:visited { text-decoration:none; color:#5d93a1; padding:5px;}
#menu ul li a.thisPage:active {  color:#5d93a1; padding:5px; text-decoration:none;}
#menu ul li a.thisPage:hover { color:#5d93a1; padding:5px; text-decoration:none;}





/* for the search box */

#search {width:300px; border:solid; border-width:1.5px; border-color:#6a8487; padding:3px 3px 3px 3px; vertical-align:middle; position:relative; top:10px; -moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
.search { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#6a8487; width:210px; border:none; position:relative;  }

.button {border:none; background-color:#Ffffff; color:#afa07e; font-size:14px; }
.button:hover {border:none; background-color:#ede6c2; color:#6d6e70; font-size:14px; cursor: pointer;}
html>body .button {border:none; background-color:#ffffff; color:#afa07e; font-size:14px; position:relative; right:-10px;}
html>body .button:hover {border:none; background-color:#ede6c2; color:#6d6e70; font-size:14px; position:relative; right:-10px; cursor: pointer;}


/* for the email article box */

#sendArticle {width:480px; border:solid; border-width:1.5px; border-color:#6a8487; padding:3px 3px 3px 3px; vertical-align:middle; position:relative; top:10px; -moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
.sendArticle { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#6a8487; width:210px;  position:relative;  }

.sendArticlebutton {border:none; background-color:#Ffffff; color:#afa07e; font-size:14px; }
.sendArticlebutton:hover {border:none; background-color:#ede6c2; color:#6d6e70; font-size:14px; cursor: pointer;}
html>body .sendArticlebutton {border:none; background-color:#ffffff; color:#afa07e; font-size:14px; position:relative; right:-10px;}
html>body .sendArticlebutton:hover {border:none; background-color:#ede6c2; color:#6d6e70; font-size:14px; position:relative; right:-10px; cursor: pointer;}




/* for the columns on the homepage and details pages, footer and column content */

td.left {padding: 0 20px 0 0; border-right:dotted; border-right-width:2px; border-right-color:#7da2ae; width:288px;}

td.left .leftDiv,
td.middle .leftDiv,
td.right .leftDiv {margin-bottom:15px; padding-bottom:15px; }

td.left .borderBottomDiv,
td.middle .borderBottomDiv,
td.right .borderBottomDiv {border-bottom:1px solid #afa07e;}

td.middle {padding: 0 20px 0 20px;  width:290px; }
td.right {padding: 0 0px 0 20px; border-left:dotted; border-left-width:2px; border-left-color:#7da2ae; width:288px; }
td.details {padding: 0 0px 0 20px; }
td.details p {padding:0px; margin:0px 0 15px 0; line-height:140%;}
td.details  a:link { text-decoration:underline; color:#6a8487; }
td.details  a:visited { text-decoration:underline; color:#6a8487; }
td.details  a:active {  color:##6a8487;  text-decoration:none;} 
td.details  a:hover { color:##6a8487;  text-decoration:none}
td.details ul {margin:10px 0px 10px 20px;}
td.details ul li {padding-top:3px;}

td.startlist {margin-top:10px; padding: 10px 0px 10px 0px;border-top:dotted; border-top-width:1px; border-top-color:#7da2ae; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#7da2ae;}
td.list {padding:10px 0px 10px 0px; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#7da2ae;}

td.list p, td.startlist p {margin:3px 0px 3px 0px; padding:0;}

td#update {padding: 7px 0px 7px 0px; border-top:dotted; border-top-width:2px; border-top-color:#7da2ae;}

td#footer {border-top:dotted; border-top-width:2px; border-top-color:#7da2ae; padding:20px 0px 20px 0px; color:#444444;}
p.text {padding:0px; margin:0px 0 5px 0; line-height:140%;}
p.text a {color:#416e7d; text-decoration:underline;font-weight:bold;}
p.text a:hover {color:#214753; text-decoration:underline;}

.content {white-space:pre-wrap;}

td#footer  a:link { text-decoration:underline; color:#6a8487; }
td#footer  a:visited { text-decoration:underline; color:#6a8487; }
td#footer  a:active {  color:##6a8487;  text-decoration:none;} 
td#footer  a:hover { color:##6a8487;  text-decoration:none}



/* for the left hand menu column on the details page */

td#sideMenu {padding: 12px 0px 12px 0px; border-top:dotted; border-top-width:2px; border-top-color:#7da2ae;}
td#sideMenuBottom {padding: 12px 0px 12px 0px; border-top:dotted; border-top-width:2px; border-top-color:#7da2ae; border-bottom:dotted; border-bottom-width:2px; border-bottom-color:#7da2ae;}



/* headings */

h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#afa07e; padding-bottom:10px; line-height:120%;}

h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#7da2ae; padding-bottom:10px; line-height:120%;}
h2.sideMenu { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#7da2ae; padding-bottom:10px; line-height:120%;}

h3 {font-size:14px; color:#7da2ae; padding-bottom:5px; line-height:120%;}
h3 a:link { color:#444444;  text-decoration:none;}
h3 a:visited { color:#444444;  text-decoration:none;}
h3 a:active { color:#7da2ae; text-decoration:none;}
h3 a:hover { color:#7da2ae;  text-decoration:none;}

h3 a.thisPage:link { color:#7da2ae;  text-decoration:none;}
h3 a.thisPage:visited { color:#7da2ae;  text-decoration:none;}
h3 a.thisPage:active { color:#7da2ae; text-decoration:none;}
h3 a.thisPage:hover { color:#7da2ae;  text-decoration:none;}


h4.blue {font-size:14px; color:#7da2ae; padding-bottom:10px; line-height:120%;}
h4.black {font-size:14px; color:#444444; padding-bottom:10px; line-height:120%;}
h4.brown {font-size:14px; color:#afa07e; padding-bottom:10px; line-height:120%;}

h5.date {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#939d8e; line-height:120%;}
h5.read {font-size:12px; color:#939d8e; line-height:120%;}
h5.read a:link {color:#939d8e; text-decoration:none;}
h5.read a:visited {color:#939d8e; text-decoration:none;}
h5.read a:active {color:#444444; text-decoration:none;}
h5.read a:hover {color:#444444; text-decoration:none;}




/* images */

#covImg {float:right;  margin:5px 0px 10px 10px; border-width:1px; border-style:solid; border-color:#939d8e;}
#covLogoImg {  margin:0px 0px 10px 0px; border:none; width:288px;}

#detailImg {float:right;  margin:0px 0px 20px 20px; border-width:1px; border-style:solid; border-color:#939d8e;}





/* download a document link */

ul#download {list-style:none; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0;}
ul#download li {float:left; padding:6px 0px 6px 0px;  background-color:#dce9f0; }
ul#download li a:link {color:#000000; text-decoration:none; padding:6px 10px 6px 10px;}
ul#download li a:visited {color:#000000; text-decoration:none; padding:6px 10px 6px 10px;}
ul#download li a:active {color:#000000; text-decoration:none; background-color:#ede6c2; padding:6px 10px 6px 10px;}
ul#download li a:hover {color:#000000; text-decoration:none; background-color:#ede6c2; padding:6px 10px 6px 10px;}


.red {color:#FF0000;}

#register td {padding:10px 0 10px 0;}
#register td.registerLine {border-bottom:dotted; border-bottom-width:2px; border-bottom-color:#7da2ae; padding:0px 0 0px 0;}

	#makeMeScrollable
		{
			width:950px;
			height: 100px;
			position: relative;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea div
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
			padding:0 10px;
			
		}
		
	#makeMeScrollable div.scrollableArea div img
	{margin:auto;}