body{
margin: 20px 0px 20px 0px;
background: #9D9FA1;
background-position:center;
font: 0.75em Tahoma;
color: #000000;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

hr {
color: #FFFFFF;
height: 1px;
padding: 0px;
margin: 0px;
}

/* Header Tags - remember we are using the h5 tags for navigation!!! */

h1 {
font: bold 1.0em Tahoma;
color: #49176D;
margin: 0px 0px 10px 0px;
}

/* Main Navigation - Works with Nav Link Style */
h3, H3 {
font-size: 1.0em;
margin: 0px;
padding: 0px;
display: inline;
font-weight: inherit;
}

/* Site Map Only */
h5 {
font: bold 0.75em Tahoma;
color: #CCCCCC;
margin: 0px;
margin: 3px 0px 3px 0px;
}

div#wrapper {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: #FFFFFF;
}

div#wrapperHeader {
position: absolute;
margin-left: 170px;
width: 620px;
height: 75px;
background: #FFFFFF;
padding: 8px 10px 0px 0px;
text-align: right;
}

div#wrapperHeaderLogo {
position: absolute;
width: 170px;
height: 125px;
background: #FFFFFF;
}

div#wrapperBody {
position: absolute;
top: 125px;
width: 800px;
background: #FFFFFF;
vertical-align: top;
padding: 0px 0px 0px 0px;
}

div#wrapperTagLine {
position: absolute;
width: 629px;
height: 50px;
background: #FFFFFF;
float: right;
border-left: 1px solid #49176D;
}

div#wrapperMainNavigation {
position: absolute;
margin-left: 170px;
top: 75px;
width: 625px;
height: 25px;
background: #FFFFFF;
float: right;
}

div#wrapperSubNavigation {
position: relative;
width: 165px;
float: left;
}

div#wrapperMainContent {
position: relative;
margin-left: 170px;
margin-right: 170px;
padding: 0px 5px 10px 5px;
min-height: 375px;
background: #FFFFFF;
border-left: 1px solid #49176D;
}

div#wrapperLargeImage {
position: relative;
width: 625px;
left: 5px;
padding: 0px 0px 0px 4px;
border-left: 1px solid #49176D;
border-bottom: 10px solid #FFFFFF;
overflow: hidden;
}

div#wrapperRightColumn {
position: relative;
float: right;
width: 145px;
height: 320px;
text-align: left;
padding: 20px 10px 20px 10px;
background: #DED9E8;
}

div#wrapperFooter {
clear: both;
border-top: solid 10px #49176D;
width: 800px;
padding: 10px 0px 10px 0px;
background: #9D9FA1;
}

div#wrapperFooterText {
float: right;
padding: 10px 20px 10px 0px;
vertical-align: middle;
text-align: right;
line-height: 1.5em;
}

div#wrapperSpacer {
position: relative;
height: 10px;
}

div#wrapperSketch {
position: absolute;
left: 0px;
bottom: 100px;
}
/* Navigation */

div#mainNavigation {
float: right;
text-align: left;
color: #FFFFFF;
width: 625px;
padding: 8px 0px 10px 0px;
background: #49176D;
}

div#mainNavigation ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#mainNavigation li {
margin: 5px 0px 5px 2px;
display: inline;
}

div#mainNavigation a {
margin: 5px 3px 5px 3px;
text-decoration: none; /*lets remove the link underlines*/
}

div#mainNavigation a:link, div#mainNavigation a:active, div#mainNavigation a:visited {
color: #FFFFFF;
}

div#mainNavigation a:hover {
color: #FFFFFF;
text-decoration: underline;
} 

/* Sub Navigation */

div#navigation, div#navigationImage {
text-align: right;
width: 165px;
}

div#navigation ul, div#navigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#navigation li, div#navigationImage li {
margin: 0px;
}

div#navigation a, div#navigationImage a{
display: block;
width: 150px;
padding: 5px 10px 5px 0px;
text-decoration: none; /*lets remove the link underlines*/
}

div#navigation a:link, div#navigation a:active, div#navigation a:visited,div#navigationImage a:link, div#navigationImage a:active, div#navigationImage a:visited {
color: #49176D;
}

div#navigation a:hover {
background: #49176D;
color: #FFFFFF;
}   

.active {
color: #49176D;
font-weight: bold;
}

.mainActive {
font-weight: bold;
}

/* Image Based Sub Navigation */

div#navigationImage a:hover {
background: #FFFFFF;
color: #49176D;
} 

/* Main Body Styles */

/* Right Colum Styles */

.imageTitle {
position: relative;
padding: 0px 10px 10px 0px;
clear: both;
}

.pictureGallery {
position: relative;
padding: 0px 0px 10px 0px;
height: 140px;
width: 210px;
background: #999999;
}

.elementNews {
position: relative;
background: #DCE9D6;
width: 210px;
padding: 5px;
}

/* Class Link Styles */

div#wrapperMainContent a:link, div#wrapperMainContent a:visited, div#wrapperRightColumn a:link, div#wrapperRightColumn a:visited,
div#wrapperFooter a:link, div#wrapperFooter a:visited {
color: #49176D;
text-decoration: underline;	
}

div#wrapperMainContent a:hover, div#wrapperRightColumn a:hover, div#wrapperFooter a:hover {
color: #49176D;
text-decoration: none;	
}

/* Image Mouseover Link Styles */

.mouseover a:link, .mouseover a:visited {
color: #67A14D;
text-decoration: underline;	
}

/* Class Header Styles */

div#wrapperMainContent h1 {
font-size: 1.2em;
color: #333333;
}

div#wrapperMainContent h2 {
font-size: 1.0em;
color: #333333;
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 1px solid #000000;
padding: 3px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 3px;
}