/*Created by Mick Truman 2007 www.micktruman.com/websites*/
!important

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img {
margin: 0; padding: 0;
}

/* "define font sizes in ems using values that are a tenth of target pixel size" .net/march07 Craig Grannel*/
html {
font-size: 100%;
}
body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
color: #000; background: #fff;
}

#wrapper {
background: #fff;
margin: 0 0.5em;
}


#skip {
height: auto;
} 


#header {
width: 100%; clear: both; margin: 0.5em 0;
}
#header img {
display: none;
}
#header h1 {
font: bold 1.3em Arial, Helvetica, sans-serif;
}
#header h2 	{
text-transform: lowercase; font-style: italic; font-weight: normal; color: #777; 
}

#logo img {
display: none;
}
#logo a {
text-decoration: none; color: #000;
}

#topNav {
color: #777; margin: 0; padding: 0; clear: both; width: 100%;
}
#topNav ul {
list-style-type: none; text-align:left;
}
#topNav li {
display: inline;
}
#topNav a {
text-decoration: none; font-weight: bold; color: #777;
}
#topNav a:hover {
text-decoration: underline;
}

#search {
padding-top: 1em; color: #777; width: 100%;
}

#mainNav {
width: 100%; clear: both;
}
#mainNav img {
margin: 0; border: 0;
}


/*Opacity Transparency CSS article from: http://webdesign.about.com "CSS 3 Opacity" by Jennifer Kyrnin. I have changed various divs and properties of proposed coding to make improvements for my design! VALIDATION = does not validate for CSS as opacity property not yet included!*/
#nav1 img, #nav2 img, #nav3 img {
display: none;
}

#nav1text, #nav2text, #nav3text {
display: none;
}
#nav1words, #nav2words, #nav3words {
padding: 1em 0 0 0; 
}
#nav1words a, #nav2words a, #nav3words a {
color: #000; text-decoration: none; font-weight: bold;
}
#nav1words a:hover, #nav2words a:hover, #nav3words a:hover {
text-decoration: underline;
}


#contentHolder {
width: 100%; clear: both;
}
#contentHolder p {
padding: 0.5em 0;
}
#contentHolder a {
text-decoration: underline; color: #777;
}
#contentHolder a:hover {
text-decoration: none; color: yellow; background: black;
}

#contentLeft {
padding: 1em 0; clear: both; width: 100%;
}

#contentRight {
margin: 0; padding: 0; clear: both; width: 100%;
}


#latest {
margin: 0; background: #def; width: 100%;
}
#latest h3 {
font-size: 1.3em; color: #fff; font-weight: bold; padding: 0.4em 1em; background: #39f; margin-bottom: 1em;
}
#latest h4 {
font-size: 1.5em; font-weight: bold; color: #003; padding: 0 1em;
}
#latest h5 {
font-size: 1.0em; color: #777; padding: 0 1em;
}
#latest h6 {
font-size: 1.2em; color: #777; font-weight: bold;
}
#latest p {
padding: 0.5em 1em;
}


#downloads, #copyright, #audiohelp {
margin: 0; background: #fff; border: 0.1em dotted #888; width: 100%;
}
#downloads h3, #copyright h3, #audiohelp h3  {
font-size: 1.3em; color: #000; font-weight: bold; padding: 0.2em 1em 0.6em 1em; background: #fff; 
}
#downloads p, #copyright p, #audiohelp p  {
padding: 0.5em 1em;
}
#downloads img, #copyright img, #audiohelp img  {
padding: 0 0.5em 0 0; border: 0; float: left;
}


#footer {
width: 100%; clear: both; color: #777; padding: 1em 0; border-top: 0.1em dotted #777;
}
#footer p {
font-size: 0.9em;
}
#footer ul {
list-style-type: none;
}
#footer li {
display: inline;
}
#footer a {
text-decoration: none; font-weight: bold; color: #777;
}
#footer a:hover {
text-decoration: underline;
}

#designPrint {
display: none;
}

/*----------------------------------------------------------------------------------------*/


/*TABLES FOR INDEXES and LINKS*/

#contentHolder ul {
padding: 1em 0 2em 0; list-style-type: none; font-size: 1.2em; text-align: left; 
}
#contentHolder li {
padding: 0.3em 0; 
}
#contentHolder li a {
padding: 0.3em; display: block;
}

table {
width: 100%; margin: 0 0 1.5em 0; padding: 0;
}

table#pss1, table#pss2 {
background: #d9e8eC;
}
table#hss1, table#hss2 {
background: #d8ebde;
}
table#sms1, table#sms2 {
background: #dadeff;
}
caption {
font-size: 1.4em; color: #fff; text-align: left; text-transform: lowercase;
}
#pss1 caption, #pss2 caption {
background: #7a748e; padding: 0.3em;
}
#hss1 caption, #hss2 caption {
background: #396; padding: 0.3em;
}
#sms1 caption, #sms2 caption {
background: #369; padding: 0.3em;
}

th {
font-size: 1.2em; font-style: italic; color: #003; text-align: left; padding: 0.5em 0; 
}
td {
font-size: 1.2em;
}
td a {
padding: 0.2em 0; display: block;
}

.centertext {
text-align: center;
}
#contentHolder tfoot td a {
color: #c43; font-size: 1.1em; text-align: center; padding: 0.3em 0; display: block;
}


/*------------------------------------------------------------------------------------*/

#example {/*for copyright information example */
padding: 0.1em 2em 0.3em 2em; border: 0.1em solid #777;
}



/*------------------------------------------------------------------------------------*/
.name {/*for FORMS*/
color: #FF0000;
}
fieldset {
padding: 0.5em 0.5em 0.5em 1.5em; background: #ddd;
}
