/* ------ Section 1 - Body, Font and Link Settings ------ */

body {
background-color:   /* no color for browser window background color */
background-image:
background-position: top center;
background-repeat: no-repeat;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #52555A;   /* dark gray default font color for page */
font-size: 85%;
}

h1, h2, h3, h4, h5, h6 {
background-color: transparent;
color: #52555A;    /* dark gray color for headlines */
clear: both;
text-align: left;
}

h2, h3, h4, h5, h6 {
margin-top: 24px;
}

h1 {
margin-top: 5px;
border-bottom: 1px solid #787C83;    /* lighter-gray for line under headline */
}

h2 {
border-bottom: 1px solid #787C83;    /* lighter-gray for line under headline */
}

h3 {
border-bottom: 0px solid #787C83;    /* lighter-gray for line under headline */
}

blockquote {
margin: 12px 56px;
color: #EC7834;    /* orange font color for quote */
font-size: 100%;
line-height: 20px;
font-family: 'Lucida Sans Unicode', 'Georgia', serif;
font-style: italic;
}

code {
color: navy;
}

img {
border: 0;
}

a:link img {
border: 0;
}


/* -- General Link Styling -- */

a {
color: #009900;    /* green color for links */
text-decoration: underline;
}

a:visited {
color:  #00C200;  /* green visited links */
text-decoration: underline;
}

a:hover {
color: #999999;   /* gray for hover */
text-decoration: underline;
}
	
/* ------ Section 6 - Boxes ------ */

.CalloutBox {
background-image: url('../image-files/callout-image.jpg');
background-position:  left top;
background-repeat: no-repeat;
background-color: transparent;
width: 85%;
border: 1px solid #898935;    /* green outline for callout box - same green as Nav & Extra column headlines */
padding: 4px;
color: #EC7834;    /* orange font color */
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', 'Georgia', serif;
font-style: ;
margin:18px auto 24px auto;
}

div.CalloutBox p {
margin: 20px 33px 13px 33px;
text-indent: 10px;
}

p.CalloutBox {
padding: 20px 33px 13px 33px;
text-indent: 10px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
font-style: normal;
margin: 33px 13px 13px 13px;
text-align: left;
}

.ReminderBox {          
background-color: #EFF8E0;    /* pale-green background for Reminder Box */
width: 24%;
border: 0px solid #898935;    /* drab-green border */
margin: 0 0 12px 18px;
float: right;                 /* adding float enables text to flow around it */
color: #5a5a5a;               /* dark steel-gray font color */
}

.ReminderBox h4 {
margin: 0;
padding: 4px;
text-align: center;
background-color: #B8CDA5;    /* light-green background for Reminder Box headline */
font-family: 'Lucida Sans Unicode', serif;
font-style: italic;
color: #5A5A5A;               /* dark steel-gray font color */
}

.ReminderBox p {
font-size: 80%;
padding: 8px;
margin-top: 0;
line-height: 120%;
}

html>body .ReminderBox p {     /* for IE6 comptibility. Above is coded for IE6, but every other browser will read this section to supercede that code. */
padding: 8px 8px 0 8px;
margin-top: 0;
}



.ReturnToNavBox {
border-top: 1px solid #787C83;    /* steel-gray line above */
margin-top: 60px;
}


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

.Clear {
clear: both;
}

.Caption {
display: block;
padding: 2px 0;
background-color: white;
color: #898935;       /* drab green font color */
font-size: 8pt;
font-weight: normal;
line-height: 150%;
margin-bottom: 10px;
}

.titlequote {
color: #666666;       /* black color */
font-size: 18pt;
font-weight: normal;
margin-bottom: 12px;
}

.navtitles {
color: #009900;       /* green color */
font-size: 12pt;
font-weight: bold;
margin-bottom: 12px;
}

/* -- Navigation Links -- */

a.ui:link {color: #999999; text-decoration:none; font-weight: bold;}

a.ui:visited {color: #999999; text-decoration:none; font-weight: bold;}			

a.ui:hover {color: #009900; text-decoration:none; font-weight: bold;}


/* -- 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;
}