/* Start of CMSMS style sheet 'homepagestyle' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
    line-height: 1em;
}
/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #0070d0; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #0070d0;               /* a different color can be used for visited links */
}

/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
   color: #0070d0;
}

#wrapper { 
   margin: 0 auto;       /* this centers wrapper */
   max-width: 1002px;   /* IE wont understand these, so we will use javascript magick */
   min-width: 1002px;
margin-top:5px;
background-color: #fff;
border: solid 1px #0070d0;
}
#header {
 color: #333;
}
#navigation {
white-space: nowrap;
width:575px;
 color: #0070d0;
 padding: 5px;
 background: #fff;
font-size:95%;
}
#leftcolumn { 
 display: inline;
 color: #333;
 width: 580px;
 float: left;
  background: #fff;
  }
#topright { 
position:absolute;
 color: #fff;
float:right;
  background: #fff;
}
#content { 
float: left;
 color: #333;
 width: 110px;
 display: inline;
 position: relative;
border: solid 1px #0070D0;
text-align:center;

}
#content p{ 
font-size:80%;
padding:3px;
 color: #0070d0;
text-align:center;
}
#rightcolumn { 
display: inline;
 position: relative;
 color: #333;
 padding: 0px;
 width: 300px;
 float: right;
margin-top:-80px;
 }
 div#rightcolumn span{
   display: block;
   width: 300px;
margin:5px 5px 5px 32px;
background-color: #fff;

}
 div#rightcolumn p{
 color: #0070d0;
 line-height: 1.3em;
 font-size:90%
}

#footer p {
width:1002px;
height:15px;
padding-top:5px;
   color: #0070d0;
   background-color: #fff; /* same bg color as in header */
font-size:85%;

}
#dt {
text-align: left;
color:#0070d0;
padding-left:10px;
font-size:85%;
width:275px;
margin-left:10px;

}
#dt a {
color:#B685B4;
}
h2 {
   color: #0070D0; 
   font-size: 10px;
   font-weight: normal;
margin-top:-10px;
}
h2 a:visited {
color:#B685B4;
}
h2 a {
color:#B685B4;
}
h2 a:hover {
   text-decoration: underline;
   color: #B685B4;
}

h1{
color:#0070d0;
font-weight:bold;
font-size:14px;
padding-left:10px;

}

h1 a{
color:#0070d0;
   text-decoration: underline;
}
h1 a:visited{
color:#0070d0;
   text-decoration: none;
}
h1 a:hover {
   text-decoration: underline;
   color: #B685B4;
}
h3{
color: #0070d0;
font-weight:bold;
font-size:16px;
float:center;
background-color: #fff;
padding-bottom:4px;
}
 div#topright span{
   display: block;
   width: 300px;
margin:5px 5px 5px 32px;
background-color: #fff;
}
 div#topright p{
 color: #0070d0;
 line-height: 1.3em;
 font-size:90%
}
/* position for the search box */
div#search {
   float:right;
   width: 30em;    /* enough width for the search input box */
   text-align: right;
   padding: 2px;
margin: 0 0.5em;
display: inline;
margin-right: 60px;
}
div#fanbox {
height:250px;
float:right;
margin-left:705px;
width: 300px;
}
div#toppics {
margin-left:595px;
margin-top:-225px;
width: 110px;
}
/* End of 'homepagestyle' */