/* CSS Document SCE */
body, html { scrollbar-3d-light-color:#FFFFFF;
             scrollbar-arrow-color:#000000;
             scrollbar-base-color:#FFFFFF;
             scrollbar-dark-shadow-color:#000000;
             scrollbar-face-color:#FFFFFF;
             scrollbar-highlight-color:#FFFFFF;
             scrollbar-shadow-color:#000000}
		   
body, html {
text-align: center;}

#container { /* Outer Invisible Holding Container Of Whole Site Structure */
margin: 0 auto;
width: 760px;
height: 100%;
text-align: left;}

#container #top {  /* Top Space */
clear: both;
width: 760px;
height: 8px;
position: relative;
text-align: left;
font-size: 6px;
font-family: Times, Verdana; padding: 0px 0px 0px 0px; text-decoration: none;}

#container #header { /* Site Header */	
width: 760px;
height: 100px;
border-bottom: 1px solid #FF00FF;}
/* optional - background-image url(images/*****.gif);
border-bottom 2px solid #ff00ff; */

#container #nav { /* Top Navigation Space */
width: 760px;
height: 21px;
position: relative; left: 120px;}
/* optional - border-top 1px solid #FF00FF; */
/* optional - background-color: #FF00FF; */

#nav .navlinks  {
position: absolute; top: 1px; left: 2px;}

#nav .navlinks ul { 
margin: auto;}

#nav .navlinks li {
margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;}

#nav .navlinks li a {
color: #000000;
padding: 5px 10px 10px;
text-decoration: none;
font-size: 14px;
font-family: Verdana;}

#nav .navlinks li a:hover{
color: #FF00FF;
background-colour: #FF0099;
 /*If you want to use a color for the background instead replace above line with background-color: [insert color here with # sign in front];*/
text-decoration: underline;}

#container #body {
margin: auto;
width: 750px;
padding: 25px 5px 0px 5px;
height: 425px;
position: relative;
text-align: justify;}

p {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;}

h1 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
margin: 0px;
padding: 0px 0px 0px 0px;
display: inline;
color: #000000;}

h2 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
display: inline;
color: #000000;}

h3 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
display: inline;
color: #000000;}

h4 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
display: inline;
color: #000000;}

h5 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
display: inline;
color: #000000;}

h6 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 6px;
font-weight: normal;
margin: 0px;
padding: 0px;
display: inline;
color: #FFFFFF;}

.dropcaps:first-letter{
    padding-top: 8px;
    padding-right: 1px;
    font-size: 36px;
	font-family: Times, Verdana, Arial, Helvetica, Serif;
	font-weight: normal;
    line-height: 0.6em;  /* fix the line height to the new font size */
    color: #FF00FF;
    float: left;}      /* allow text to wrap */

.curlycontainer{ /* Contact Page*/
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
float: left;}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;}

.menu { /* Site Map Page Menu */
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;}

.menu ul { 
margin: auto;}

.menu li {
margin: 0px 0px 0px 0px;
list-style-type: none;}

.menu a:link {
color: #336600;
text-decoration: none;}

.menu a:visited {
color: #666666;
text-decoration: none;}

.menu a:hover {
color: #FF00FF;
text-decoration: none;}

.menu a:active {
color: #FF00FF;
text-decoration: none;}

#container #footer {  /* Footer Space */
clear: both;
width: 760px;
height: 25px;
position: relative;
text-align: left;
border-bottom: 1px solid #FF00FF;
font-size: 10px;
font-family: Times, Verdana; padding: 12px 0px 0px 0px; text-decoration: none;}

#footer .site-map { /* Site-Map Hyper-Link */
position: absolute; bottom: 0px; left: -35px;
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
display: inline;}

#footer .site-map ul { 
/* margin: auto; messes up IE6*/
display: inline;}

#footer .site-map li{
list-style-type: none;
display: inline;}

#footer .site-map a:link {
color: #000000;
text-decoration: none;
display: inline;}

#footer .site-map a:visited {
color: #000000;
text-decoration: none;
display: inline;}

#footer .site-map a:hover {
color: #FF00FF;
text-decoration: none;
font-style: italic;
font-weight: bold;
display: inline;}

#footer .site-map a:active {
color: #FF00FF;
text-decoration: none;
display: inline;}

#footer .my-wi { /* Date Script */
position: absolute; bottom: 0px; right: 5px;
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
display: inline;}

#footer .my-wi ul { 
margin: auto;
display: inline;}

#footer .my-wi li{
list-style-type: none;
display: inline;}

#footer .my-wi a:link {
color: #666666;
text-decoration: none;
display: inline;}

#footer .my-wi a:visited {
color: #666666;
text-decoration: none;
display: inline;}

#footer .my-wi a:hover {
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: normal;
display: inline;}

#footer .my-wi a:active {
color: #666666;
text-decoration: none;
display: inline;} 

#body .col1 {  /* Column One For 3 Column Body Content */
float: left;
width: 230px;
height: 250px;
border-top: 1px dashed #FF00FF;
border-bottom: 1px dashed #FF00FF;
border-left: 1px dashed #FF00FF;
border-right: 1px dashed #FF00FF;
text-align: center;}

#body .col2 {  /* Column 2 For 3 Column Body Content */
float: left;
width: 230px;
margin-left: 25px;
height: 250px;
border-top: 1px dashed #FF00FF;
border-bottom: 1px dashed #FF00FF;
border-left: 1px dashed #FF00FF;
border-right: 1px dashed #FF00FF;
text-align: center;}

#body .col3 {  /* Column 3 For 3 Column Body Content */
float: right;
width: 230px;
position: absolute; right: 5px;
height: 250px;
padding: 0px 3px 0px 3px;
border-top: 1px dashed #FF00FF;
border-bottom: 1px dashed #FF00FF;
border-left: 1px dashed #FF00FF;
border-right: 1px dashed #FF00FF;
text-align: center;}

#body .colbase {  /* Base Column To Go Under 3 Column Body Content */
clear: both;
float: center;
width: 740px;
position: absolute; bottom: 30px;
height: 100px;
padding: 0px 3px 0px 3px;
text-align: center;}

a:link {  /* Making Hyperlinks Within Text Lighter */
color: #999999;
text-decoration: none;}

a:visited {
color: #999999;
text-decoration: none;}

a:hover {
color: #000000;
text-decoration: none;
font-weight: bold;}

a:active {
color: #999999;
text-decoration: none;}

.ws_pull_quote {
      margin: 12px 0px 0px 12px;
      display: block;
      width: 140px;
      float: right;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.2em;
      font-weight: normal;
      line-height: 1.2em;
      color: #FF00FF;}