/* General */
* { margin: 0; padding: 0; }
body { background-color: rgb(0,51,102); 
       color: rgb(0,17,51); 
       margin: 30px 0px 30px 0px; 
       font: .8em Verdana, Helvetica, Arial, sans-serif; }
#main { width: 770px; 
        margin: 0 auto 0 auto; 
        background-color: rgb(255,255,255); 
        background-image: url("/img/mainborder.gif"); 
        background-position: center center; 
        background-repeat: repeat-y; 
        border: transparent 4px; }

div { clear: both; }
a { color: rgb(51,51,153); text-decoration: none; }
a:link, a:visited { color: rgb(102,51,102); 
                    border-bottom: 1px solid rgb(102,51,102); }
a:hover { color: rgb(0,0,51); background-color: rgb(192,192,192); }
h1, h2, h3, h4, h5, dt {  color: rgb(51,51,153); }
h2 { font: 1.5em Georgia, "Times New Roman", times, serif; 
     letter-spacing: 1px; }
h3, dt, dt a { font: bold 1em Verdana, Helvetica, Arial, sans-serif; }
p {  padding: 5px; }
dl { margin-left: 15px; }
dd { margin: 0 0 10px 10px; }

a.imglink, a:visited.imglink, a:hover.imglink, a:active.imglink 
{ border-style: none; background: transparent; text-decoration: none; }
* a img { border-style: none;  }

.logos {  clear: both; width: 100%; }
.logos div { width: 240px; 
             float: left; 
             clear: none;
             padding: 20px 0px 20px 0px;
             text-align: center;}
.logos div img {  width: 200px; height: 40px; }
.logos div a {  border-style: none; background: transparent; }
.logos h2, .logos h3 { text-align: center; }

.features li { margin: 2px 0px 2px 15px; }
/* Header */
#header { display: block;  overflow: hidden; margin: 0px 4px 0px 4px; border-top: solid 3px rgb(192,192,192); }


/* Menu */
#mainmenu ul { list-style: none;
               width: 762px; margin: 0px 4px 0px 4px;
               overflow: hidden;
               border-top: solid 3px rgb(192,192,192);
               border-bottom: solid 3px rgb(192,192,192); }
#mainmenu ul li {
	float: left;
	width: 152px;
	text-align: center;
}
#mainmenu ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	border: none;
	width: 148px;
	height: 100%;
	color: rgb(153,0,51);
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
}
#mainmenu ul li a:hover { background-color: rgb(0,51,102);
                          color: rgb(255,255,255);
                          border-left: solid 3px rgb(0,51,102);
                          border-right: solid 3px rgb(0,51,102); }
#mainmenu ul li a:active {  color: rgb(204,0,51); }
.nowviewing {  background-color: rgb(192,192,192); }
/* Content */
#content { padding: 5px 10px 15px 10px; 
           background-image: url("/img/TreadPattern.gif"); 
           background-repeat: repeat-y; 
           float: left; 
           background-position: 10px 0; }
#content h1 { display: none; }
.left  { float: left; clear: none; width: 400px; }
.right { float: right; clear: none; width: 300px; }
.right img {  margin: 3px; }
.twocol{ clear: both; width: 100%; }
#special, #tip { border: 1px dashed; margin: 5px 0 10px 0; padding: 5px; }
#special { border-color: rgb(204,0,51); }
#tip { border-color: rgb(0,51,102); }
#special h3, #tip h3 { font-style: italic; }

/* Footer */
#footer { height: 30px; width: 762px; margin: 0px auto 0px auto;
          border-top: solid 1px rgb(192,192,192); border-bottom: solid 3px rgb(192,192,192); }
#footer ul { list-style: none; } 
#footer ul li { display: block; 
                float: left; 
                margin: .3em auto .3em auto;
                width: 190px; 
                text-align: center;
                height: 100%;
                color: rgb(51,51,51); }