body {

background-color: #fdf9f0;

background-image: url();

margin: 0;

padding: 0;

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

color: #333;

font-size: 80%;

}







h1, h2, h3, h4, h5, h6 {

background-color: transparent;

color: #1d487e;

clear: both;

}



h2, h3, h4, h5, h6 {

margin-top: 24px;

}



h1 {

margin-top: 5px;

font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;

border-bottom: 0 solid #8f8fb3;

text-align: center;

}



h2 {

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

border-bottom: 1px solid #8f8fb3;

}



h3 {

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

border-bottom: 0 solid #8f8fb3;

}



blockquote {

margin: 12px 56px;

color: #006;

font-size: 125%;

line-height: 26px;

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

}



code {

color: navy;

}



img {

border: 0 solid #ddd;

}



a:link img {

border: 0;

}







/* -- General Link Styling -- */





/* ------ Section 2 - Global Page Structure ------- */



#PageWrapper {

width: 960px;

border: 2px solid #8f8fb3;   /* dark sea blue, headlines and borders */

}



#Header {

position: relative;

height: 100px;

border-bottom: 2px solid #8f8fb3;

}



#ContentWrapper {

float: left;

width: 100%;

}



#ContentColumn {

margin: 0 180px 0 180px;    /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */

text-align:justify;

}



#NavColumn {

float: left;

width: 179px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */

margin-left: -960px;        /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */

}



#ExtraColumn {

float: left;

width: 179px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */

margin-left: -179px;        /* STEP 5: set to -(ExtraColumnWidth) */

}



#Footer {

clear: both;

width: 100%;

padding: 8px 0;

border-top: 0px solid #f0f5fb;

text-align: center;

}



.Liner {

padding: 10px;

}



#Header .Liner {

padding: 0;

}



#Footer .Liner {

margin: 0;

padding: 0;

}





/* ------ Section 3 - Page Structure Details ------ */



#PageWrapper {

margin: 6px auto;

background-image: url();

background-repeat: repeat-y;

background-color: #fff

}



#Header {

background-image: url(../image-files/site-logo.jpg);

background-repeat: no-repeat;

background-color: transparent;

background-position: top left;

}



#ContentWrapper {

background-image: url();

background-repeat: repeat-y;

background-color: transparent;

}



#NavColumn {

background-image: url();

background-repeat: no-repeat;

background-color: transparent;

}



#ContentColumn {

background-image: url();

background-repeat: no-repeat;

background-color: transparent;

}



#ExtraColumn {

background-image: url();

background-repeat: no-repeat;

background-color: transparent;

}



#Footer {

background-image: url();

background-repeat: repeat-y;

text-align: center;

font-size: 85%;

}



#NavColumn {

font-size: 100%;

/* color: */

}



#ExtraColumn {

font-size: 90%;

}



#NavColumn h4 {

font-size: 90%;

color: white;

margin-top: 0;

}



#ExtraColumn h4 {

font-size: 90%;

color: white;

margin-top: 0;

}







/* ------ Section 4 - Left Column Navigation ------ */



.Navigation {

width: 100%;

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

background-color: transparent;

}



/* -- Nav Headers -- */



.Navigation h3 {

padding: 0;

font-size: 110%;

color: black;

border-bottom: 1px solid #fff;

margin: 12px 0;

}



/* -- Nav List -- */



.Navigation ul {

list-style-type: none;

padding: 0 0 8px 5px;

margin: -6px 0 0 0;

}



.Navigation li {

background-color: #f4eede;        

border: 1px solid #8f8fb3;

margin-bottom: 3px;

}



/* -- Navigation Link styles -- */



.Navigation a:link {

color: blue;

display: block;     /*  this makes the whole box highlight rather than just the text */

padding: 3px 0 3px 4px;

text-decoration: none;

}



.Navigation a:visited {

color: purple;

display: block;     /*  this makes the whole box highlight rather than just the text */

padding: 3px 0 3px 4px;

text-decoration: none;

}



.Navigation a:hover {

color: red;

display: block;     /*  this makes the whole box highlight rather than just the text */

padding: 3px 0 3px 4px;

background-color: #d3e4fb;   /* light sea blue used in center column of background.gif and for lit buttons both navbars and AdSenseBox bg color */

text-decoration: underline;

}







/* ------ Section 5 - Additional Navigation ------ */



/* -- Thumbnail-with-Caption Navigation -- */



.ThumbnailLink {

text-align: center;

}



.ThumbnailLink a:link {

text-decoration: none;

}



.ThumbnailLink a:hover .Caption {

text-decoration: underline;

color: red;

}





/* -- Horizontal Text NavBar -- */



.ExtraNav {

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

}



.ExtraNav ul {

list-style-type: none;

padding: 0;

}



.ExtraNav ul li {

display: inline;

background-color: #f4eede;

text-align: center;

}



.ExtraNav a:link {

color: blue;

text-decoration: none;

text-align: center;

padding: 0 4px;

}



.ExtraNav a:visited {

color: purple;

text-decoration: none;

}



.ExtraNav a:hover {

color: red;

background-color: #d3e4fb;

text-decoration: underline;

}



#Header .ExtraNav {

font-size: 85%;

position: absolute;

top: 0;

right: 0;

}



#Header .ExtraNav ul { 

margin: 0;

}



#Footer .ExtraNav {

margin: 12px auto;

background-color: #abc4e3;

}







/* ------ Section 6 - Boxes ------ */



.CalloutBox {

background-color: #f4eede;

width: 85%;

border: 1px dotted #8f8fb3;

margin: 18px auto 24px auto;

padding: 4px;

color: black;

}



.CalloutBoxNarrowCenter {

background-color: #ffffcc;

width: 40%;

border: 1px dotted #8f8fb3;

margin: 18px auto 24px auto;

padding: 4px;

color: black;

}



div.CalloutBox p {

margin: 13px;

}



p.CalloutBox {

padding: 13px;

}



div.CalloutBox h1 {

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

border-bottom: 0 solid #8f8fb3;

text-align: center;

}



div.CalloutBox h1,

div.CalloutBox h2,

div.CalloutBox h3 {

text-align: center;

color: black;

}

div.CalloutBox h4,

div.CalloutBox h5,

div.CalloutBox h6 {

margin: 13px 0 0 13px;

}



.ReminderBox {          

background-color: #ddd;

width: 24%;

border: 1px solid #8f8fb3;

margin: 0 0 12px 18px;

float: right;             /* adding float enables text to flow around it */

color: #006;

}



.ReminderBox h4 {

margin: 0;

padding: 2px;

text-align: center;

background-color: #fff;

}



.ReminderBox p {

font-size: 80%;

padding: 0 4px;

line-height: 120%;

}



.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {

padding: 5px;

/* background-color: */ 

border: 0px;

}



.AdSenseBoxLeft {

margin: 0 18px 12px 18px;

float: left;

}



.AdSenseBoxRight {

margin: 0 18px 12px 18px;

float: right;

}



.AdSenseBoxCenter468 {

width: 468px;

margin: 0 auto 12px auto;

clear: both;

}



.AdSenseBoxExtraColumn {

padding: 0;

margin: 0 auto 12px auto;

clear: both;

}



.ReturnToNavBox {

background-color: #fff;

width: 90%;

border-top: 1px solid #8f8fb3;

border-bottom: 1px solid #8f8fb3;

margin: 0 auto 12px auto;

padding: 4px;

}



/* -- RSS Box -- */



#RSSbox {

width: 148px;

/*background-color: #ffc;*/

border: 1px solid #8f8fb3;

margin: 8px auto 10px 3px;

padding: 2px 2px 10px 2px;

font-size: 100%;

font-weight: bold;

color: #1d487e;

line-height: 120%;

text-align: center;

}









/* ------ Section 7 - Frequently Used Styles ------ */



.Clear {

clear: both;

}



.Caption {

font-size: 85%;

font-weight: bold;

color: #000;

display: block;

line-height: 150%;

margin-bottom:10px;

}



.SmallCaption {

font-size: 70%;

font-weight: bold;

color: #000;

display: block;

line-height: 150%;

margin-bottom:10px;

}



/* -- floats -- */



.ItemRight {

float: right;

margin: 2px 0 12px 18px;

text-align: center;

}



.ItemCenter {

margin: 2px auto 12px auto;

text-align: center;

clear: both;

}



.ItemLeft {

float: left;

margin: 2px 18px 12px 0;

text-align: center;

}







/*

td, th {

	padding: 3px 3px 3px 10px;

	text-align: left;

	border: 1px solid #7799AA;

}

th {

	background: url(image-files/bg_th.png) repeat-x;

	color: #333333;

}



table { border-collapse:collapse;}

.striped {

	background-color: #F3EEDF;

}

tr {

	cursor: pointer;

}

tr.highlight {

	background: #A6B8C2;

}

th.headerSortDown {

	background: #A6B8C2 url(image-files/down_arrow.png) no-repeat right center;

}

th.headerSortUp {

	background: #A6B8C2 url(image-files/up_arrow.png) no-repeat right center;

}

*/



















/*

a:link {

color: blue; 

text-decoration: underline;

}



a:visited {

color: purple;

text-decoration: underline;

}



a:hover {

color: red;

background-color: yellow;

text-decoration: underline;

}

*/





.hr hr {

 display: none;

}



form {

 margin: 10px 0;

}



table {

 width: 100%;

 border-collapse: collapse;

}



thead th {

 background: #b30101;

 color: #fff;

}



tbody th {

 text-align: left;

}



table th, table td {

 border: 1px solid #ddd;

 padding: 2px 5px;

 font-size: 100%;

}



pre {

 font-size: 130%;

 background: #f7f7f7;

 padding: 10px 10px;

 font-weight: bold;

}



.odd, .r1 {

 background: #fff;

}



.even, .r2 {

 background: #f4eede;

}



.r3 {

 background: #ebebeb;

}



.search {

 font-weight:  bold;

}



dt {

 margin-top: 10px;

 font-weight: bold;

}



dd {

 margin: 0;

}



.new {

 color: #f34105;

 text-transform: uppercase;

 font-size: 85%;

 margin-left: 3px;

}



form.quicksearch {

 padding: 10px;

 background: #f4eede;

}



form.quicksearch input {

 margin-left: 5px;

 width: 300px;

}



form.quicksearch img {

 vertical-align: middle;

 margin-left: 5px;

}



#footer {

 background: #333;

 color: #fff;

 padding: 10px;

 margin-top: 20px;

}



#footer a {

 color: #fff;

}



#footer span {

 margin: 0 2px;

 color: #666;

}