html{height:101.2%;}
body{font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;font-size:10pt;}
/*
	positioning elements
*/
#container{margin:0 auto;background:#FFF url('gfx/knot_bkgd.gif') 0 155px no-repeat;min-height:800px;width:716px;}

/*
text elements
*/
a:link,a:visited{color:black; text-decoration:underline;}
a:hover{color:#903;}
a.mainnav:link,a.mainnav:visited{color:#000;text-decoration:none;font-weight:bold;line-height:19px;}
a.mainnav:hover{color:#99003e; }
a.navactive:link,a.navactive:visited,a.navactive:hover{color:#99003e;text-decoration:none;font-weight:bold;line-height:19px;}

.caption{ font-size:8pt; margin-bottom: 2px; }
p.nopad{ padding:0; margin:0; }
.captionGrey{ color: #666; font-size:8pt; }
.captionBlue { color: #5172a0; font-size: 8pt; }
.captionRed { color: #99003e; font-size: 8pt; }
/*
Now create the small images for the PDF, photos, audio, video links. I estimated gifs size 18px wide by 15px high.
Save them in a folder called links, inside of an images folder in the main directory. non-hover links I named pdf_0.gif and hover links are pdf_1.gif
Apply the following styles to the appropriate links.
*/
a.resources:link,a.resources:visited{display:block;height:15px;padding:2px 0 5px 22px;
text-decoration:none;color:#5172a0;vertical-align:bottom;font-weight:bold;}
a.resources:hover{color:#99003e;}
a.resactive:link,a.resactive:visited{display:block;height:15px;padding:2px 0 5px 22px;
text-decoration:none;color:#99003e;vertical-align:bottom;font-weight:bold;}
a.resactive:hover{color:#99003e;}

a.pdf:link, a.pdf:visited{background:#FFF url('gfx/links/icon_pdf_0.gif') 0 0px no-repeat;}
a.pdf:hover{background:#FFF url('gfx/links/icon_pdf_1.gif') top left no-repeat;}
a.links:link, a.links:visited{background:#FFF url(gfx/links/icon_links_0.gif) 0 0px no-repeat;}
a.links:hover{background:#FFF url(gfx/links/icon_links_1.gif) top left no-repeat;}
a.template:link, a.template:visited{background:#FFF url(gfx/links/icon_template_0.gif) 0 0px no-repeat;}
a.template:hover{background:#FFF url(gfx/links/icon_template_1.gif) top left no-repeat;}
a.photos:link, a.photos:visited{background:#FFF url('gfx/links/icon_photo_0.gif') top left no-repeat;}
a.photos:hover{background:#FFF url('gfx/links/icon_photo_1.gif') top left no-repeat;}
a.audio:link, a.audio:visited{background:#FFF url('gfx/links/icon_audio_0.gif') top left no-repeat;}
a.audio:hover{background:#FFF url('gfx/links/icon_audio_1.gif') top left no-repeat;}
a.video:link, a.video:visited{background:#FFF url('gfx/links/icon_video_0.gif') top left no-repeat;}
a.video:hover{background:#FFF url('gfx/links/icon_video_1.gif') top left no-repeat;}

.resourceTitle{display:block;width:86px;text-transform:uppercase;font-size:7pt;margin:12px 0 6px 0;color:#5172a0;border-width:0 0 1px 0;border-color:#5172a0;border-style:solid;}
a.resourceNoPad:link,a.resourceNoPad:visited,a.resourceNoPad:hover {padding:0px 0 5px 0;}

/*
h1 - h6 tags
*/

h1
{
height:20px;border-width:0 0 1px 0;border-color:#F99;border-style:solid;
padding:3px 0 0 0;margin:5px 0 5px 0;
}
h1{font-size:13pt;}
h1.heading{font-size:10pt;line-height:22px;}
h2{color:#99003e;font-size:10pt;margin:0 0 2px;}


/*
footer information
*/
#footer{margin:20px 0;font-size:10px;}

/*
colors
*/

.maroon{color:#99003e;}
.grey{color:#666;}
.blue{color:#5172a0;}
.black{color:#000;}