body {
background-image: url('../image-files/background.jpg');
background-repeat: repeat-y;
background-color: transparent;
background-position: top center;
font-family: Arial, Verdana, sans-serif;
margin: 0 auto;
padding: 0;
color: #333333;
font-size: 13px;
}


h1 {
background-color: transparent;
font-family: Courier New, Courier, monospace;
color: navy;
clear: left;
font-size: 24px;
margin-top: 25px;
line-height:25px;
}

h2 {
background-color: transparent;
font-family: Courier New, Courier, monospace;
color: black;
clear: left;
font-size: 17px;
margin-top: 20px;

}

h3 {
background-color: transparent;
font-family: Courier New, Courier, monospace;
color: black;
clear: left;
font-size: 17px;
margin-top: 20px;
}

h4 {
background-color: transparent;
font-family: Courier New, Courier, monospace;
color: black;
clear: left;
font-size: 14px;
margin-top: 20px;
}

h6 {
background-color: transparent;
font-family: Courier New, Courier, monospace;
color: black;
clear: left;
font-size: 20px;
margin-top: 20px;
}

h5 {
background-color: transparent;
font-family: Courier New, Courier, monospace;
color: black;
clear: left;
font-size: 20px;
margin-top: 20px;
}



img {
border: 0;
}

a:link img {
border: 0;
}

.Liner {
padding: 0;
margin:0;
}

li {
padding: 5px 0;	
}



/* -- General Link Styling -- */

a:link {
color: #000099; 
text-decoration: underline;
}

a:visited {
color: purple; 
text-decoration: underline;
}

a:hover {
color: #000099; 
text-decoration: underline;
}

.Logo {
position: relative;
top: 20px;
width: 650px;
font-family: Verdana, Arial, sans-serif;
padding: 10px 20px;
}

.Logo a:link {
color: #f7f400; 
text-decoration: none;
}

.Logo a:visited {
color: #f7f400;
text-decoration: none;
}

.Logo a:hover {
color: #f7f400;
text-decoration: underline;
}

.style1 {
	font-size: 37.5px;
}
.style2 {
	font-size: 12px;
}


/* ------ Page Structure ------- */

#PageWrapper {
width: 910px;
margin: 0 auto;


}

#Header {
position: relative;
height: 113px;
background-color: transparent;
margin:0;
padding:0;
border:0;
}


#ContentWrapper {
background-image: url('../image-files/content.jpg');
background-repeat: repeat-y;
background-color: transparent;
position: relative;
float: left;
width: 100%;
z-index: 1;
}


#ContentColumn {
position: relative;
margin-right: 280px; 
padding: 15px 15px 20px 15px;
z-index: 2;
line-height: 18px;
}

#NavColumn {
position: relative;
float: left;
width: 250px;
padding: 15px 15px 20px 15px;
margin-left: -280px;  
font-size: 12px;
color: white;
z-index: 3;
}

#Footer {
clear: both;
width: 100%;
height: 65px;
margin: 0;
padding: 0;
background-image: url('../image-files/footer.jpg');
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
text-align: center;
font-size: 12px;
color: white;
}

.FooterLink a:link {
color: white; 
text-decoration: none;
}

.FooterLink a:visited {
color: white;
text-decoration: none;
}

.FooterLink a:hover {
color: white;
text-decoration: underline;
}


/* ------ Navigation ------ */

.Navigation {
position: relative;
right:0;
width: 250px;
font-family: Arial, Verdana, sans-serif;
}

.NavHeader {
height: 20px;
margin: 0;
padding: 5px 0 0 0;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}


.Navigation ul {
width: 250px;
list-style-type: none;
padding: 0 0 15px 0;
margin: -3px 0 0 0;
}


.Navigation li {
padding: 2px 0 2px 5px;
margin: 0;
}


.Navigation a:link {
color: white; 
text-decoration: underline;
}

.Navigation a:visited {
color: white;
text-decoration: underline;
}

.Navigation a:hover {
color: white;
text-decoration: underline;
}

.NavigationTOC {
padding: 10px;
margin: -3px 7px 0 0px;
line-height:17px;
}


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

.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a:link {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
text-decoration: underline;
}


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

.CalloutBox {
background-color: #fff;
width: 85%;
border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h6 {
margin: 13px 0 0 13px;
}

div.CalloutBox h5 {
margin: 13px 0 0 13px;
}

div.CalloutBox h4 {
margin: 13px 0 0 13px;
}

div.CalloutBox h3 {
margin: 13px 0 0 13px;
}

div.CalloutBox h2 {
margin: 13px 0 0 13px;
}

div.CalloutBox h1 {
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%;
}

.ReturnToNavBoxLeft {
border-top: 1px solid #8f8fb3;
text-align: left;
margin: 20px 0 10px 0;
padding: 4px;
clear: both;
}


.ReturnToNavBoxCenter {
border-top: 1px solid #8f8fb3;
text-align: center;
margin: 20px 0 10px 0;
padding: 4px;
clear: both;
}

.ReturnToNavBoxRight {
border-top: 1px solid #8f8fb3;
text-align: right;
margin: 20px 0 10px 0;
padding: 4px;
clear: both;
}


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

/* -- floats -- */

.ItemRight {
position: relative;
right:0;
top:0;
float: right;
margin: 10px 0 12px 10px;
clear: right;
}

.ItemCenter {
margin: 10px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
position: relative;
left:0;
top:0;
float: left;
padding: 5px 10px 12px 0;
clear: left;
}