/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1;
margin:20px 20px 20px 50px;
min-width:800px;
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 550 ? "800px" : "100%" );
}
a:link
{
color: #ffcc00;
font-weight:bold;
margin: 1px 1px 1px 1px;
}
a:visited
{
color: #ffcc00;
font-weight:bold;
margin: 1px 1px 1px 1px;
}
a:hover 
{
text-decoration: underline;
color:#CFB0EC;
font-weight:bold;
margin: 1px 1px 1px 1px;
}
a:active
{
color: #cccccc;
text-decoration: underline;;
margin: 1px 1px 1px 1px;
}
/* overrides decoration from previous rule for hovered links */
h1, h2, h3, h4, h5, h6 
{
font-family: Arial,sans-serif;
margin: 0px;
}
h1
{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #660099;
}
h2
{
font-size: 110%;
color: #660099;
}
h3
{
font-size: 100%;
color: #CFB0EC;
}
h4
{
font-size: 100%;
font-weight: normal;
color: #CFB0EC;
}
h5
{
font-size: 100%;
color: #CFB0EC;
}
ul
{
margin-left: 10px;
list-style-type: square;
}
ul ul
{
margin: 10px 10px 10px 10px;
list-style-type: disc;
}
ul ul ul
{
margin: 10px 10px 10px 10px;
list-style-type: none;
}
label
{
font: bold 100% Arial,sans-serif;
color: #ffffff;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#Header
{
margin: 0;
padding: 0px 0px;
margin-bottom: -1px;
}
/* negative bottom margin pulls siteinfo up so its top border overlaps (and thus lines up with)the bottom border of the Sidebar in cases where they "touch" */
#Sidebar
{
background-color: #660099;
float:left;
width: 175px;
height:100%;
margin-top:-1px;
background-repeat:repeat-y;
background-position:right;
margin-bottom: -1px;
}
#H-Links
{
float: right;
width: 87%;
margin-top:-1px;
color: #FFCC00;
}
#Content
{
text-align:left;
float:none;
margin-top:10px; 
margin-left:20px;
width:85%;
}
/***********************************************/
/*Component Divs                               */
/***********************************************/
#siteName
{
margin: 0px;
padding: 0px 0px 0px 0px;
text-align:left;
font-size: 32px;
text-shadow: 2px 2px 2px #000;
}
/*************** #pageName styles **************/
#pageName
{
padding: 0px 0px 10px 10px;
}
/************* #globalNav styles **************/
#globalNav
{
padding: 0px 0px 0px 0px;
white-space: nowrap;
text-align:center;
float: left;
width: 100%;
margin-top: 0px;
font-size:100%;
background:#660099;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one linethis will force a horizontal scrollbar if there isn't enough room for all linksremove rule or change value to 'normal' if you want the links to line-wrap */
#globalNav a:link 
{
font-size: 95%;
margin-left:4px;
font-weight:bold;
color:#ffffff;
}
#globalNav a:visited 
{
font-size: 95%;
margin-left:4px;
font-weight:bold;
color:#ffcc00;
}
#globalNav a:hover 
{
font-size: 95%;
margin-left:4px;
font-weight:bold;
color:#ffcc00;
}
/************* #breadCrumb styles *************/
#breadCrumb
{
font-size: 80%;
padding: 5px 0px 5px 10px;
}
/************** .details styles ***************/
.details
{
padding: 3px 3px 3px 3px;
font-size: 90%;
}
.details h1
{
padding: 0px 0px 0px 0px;
text-align:left;
font-size: 34px;
text-shadow: 2px 2px 2px #000;
color:#ffcc00;
}
.details h3
{
padding: 0px 0px 0px 0px;
text-align: right;
color:#ffcc00
}
.details img
{
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the details image and text flowing around it */
/************** .story styles *****************/
.story
{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
}
.story p
{
padding: 0px 0px 10px 0px;
}
/************* #siteInfo styles ***************/
#sitehome
{
clear: both;
border: 1px solid #cccccc;
font-size: 80%;
color: #cccccc;
padding: 0px 0px 0px 0px;
background-color: #660099;
margin-bottom: -2px;
text-align:right
}
#sitehome img
{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
/************* #search styles ***************/
#search
{
padding: 5px 0px 5px 0px;
border-bottom: 0px solid #000000;
font-size: 100%;
font-weight:600;
}
#search form
{
margin: 0px;
padding: 0px;
}
#search label
{
display: block;
margin: 0px;
padding: 0px
}
/*********** #Sidebar link styles ***********/
#Sidebar ul a:link 
{
display:block;
}
#Sidebar ul a:visited 
{
display:block;
}
#Sidebar ul 
{
list-style: none;
margin: 0;
padding: 0;
}
/* hack to fix IE/
Win's broken rendering of block-level anchors in lists */
#Sidebar li 
{
border-bottom: 0px solid #EEE;
}
/* fix for browsers that don't need the hack */
html>body #Sidebar li 
{
border-bottom: none;
}
#Sidebar h1
{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #ffffff;
}
#Sidebar h2
{
font-size: 110%;
color: #ffffff;
}
#Sidebar h3
{
font-size: 100%;
color: #ffffff;
}
/*********** #SectionLinks styles ***********/
#SectionLinks
{
position: relative;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
font-weight:600
}
#SectionLinks h3
{
padding: 10px 0px 2px 10px;
}
#SectionLinks a:link
{
padding: 2px 0px 2px 10px;
border-top: 1px solid #660099;
width: 100%;
width: auto;
}
#SectionLinks a:visited
{
border-top: 1px solid #CFB0EC;
padding: 2px 0px 2px 10px;
}
#SectionLinks a:hover
{
background-color: #CFB0EC;
margin-left: 10px;
}
/*********** .SpecialLinks styles ***********/
.SpecialLinks
{
border-top: 0px solid #CFB0EC;
padding: 2px 0px 2px 10px;
}
.SpecialLinks a:hover
{
border-top: 0px solid #CFB0EC;
padding: 2px 0px 2px 10px;
}
/*********** .RelatedLinks styles ***********/
.RelatedLinks
{
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
}
.RelatedLinks h3
{
padding: 10px 0px 2px 0px;
}
/*********** #Content styles ***********/
#Content
{
text-align:left;
margin-left: 20px;
}
.Content a:link
{
color:#660099;
font-weight:600
}
.Content a:visited 
{
color:#ffcc00;
font-weight:600
}
.Content a:hover 
{
color:#ffcc00;
font-weight:600
}
.Content h1
{
margin: 0px;
padding: 0px 0px 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.Content h2
{
padding: 10px 0px 2px 0px;
color:#660099
}
.Content h3
{
padding: 10px 0px 2px 0px;
color:#660099
}
.Content h4
{
padding: 10px 0px 2px 0px;
color:#660099
}
.Content img
{
float: right
}
/***********************************************/
/* Key Colors                                  */
/* Dark Puprle: 660099                         */
/* Light Purple: CFB0EC                        */
/* Yellow: FFCC00                              */
/***********************************************/