/* CSS Document */

/*//////////////////////////// page setup /////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

html
{
margin: 0; /* to get rid of opera/mozilla defaults */ 
padding: 0; /* to get rid of opera/mozilla defaults */ 
}

body
{
background: #ffffff /*url(images/bg.jpg) repeat-y center top*/;
background: url(images/horshade.gif) repeat-x;
margin: 0;
padding: 0;
text-align: center; /* important */
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size:.75em;
}

/*//////////////////////////// divs ///////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

#shell
{
margin: 0px auto; /* auto is very important */
padding: 0px;
width: 720px;
text-align: left;
height:300px;
text-align:left;
}

#live
{
margin-top:20px;
padding-right:25px;
padding-left:50px;
width:300px;
float:left;
clear:left;
}

#opentext
{
margin-top:20px;
padding-right:25px;
padding-left:50px;
width:600px;
float:left;
clear:left;
}

#archive
{
padding-right:25px;
padding-left:50px;
width:300px;
float:left;
clear:left;
}

#searchform
{
padding-right:44px;
padding-left:25px;
border-left:solid 1px #666666;
width:200px;
float:right;
border:dashed 1px #333333;
margin-right:40px;
margin-top:-100px;
}

#mediadisplay
{
float:left; 
height:280px; 
width:320px; 
margin-left:155px; 
padding:40px; 
padding-top:20px; 
margin-top:20px; 
margin-bottom:50px;
}

#header
{
background-color: #ffffff;
width: 720px;
}

#headerLogo
{
position: relative;
background: url(images/logo.gif) no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px Solid #000;
position: relative;
float: left; 
left: 0px;
width: 365px;
height: 45px;
}

#headerLogo a {
display: block;
width: 220px;
height: 45px;
float: left;
}

#display
{
background: url(images/display.jpg) no-repeat 0 0;
margin: 0;
padding: 0;
width: 720px;
height: 135px;
float:left;
}

#footer
{

margin: 0;
padding: 0;
margin-left:50px;
margin-top:75px;
padding-top:10px;
border-top:solid 1px #cccccc;
width: 620px;
height: 135px;
float:left;
text-align:center;
}
  
h1 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; line-height:.9em; }
h2 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; line-height:.9em; }
h3 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h4 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h6 { font: 2 Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

a:link 
{
text-decoration: none;
color: #CC0000;
}

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

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

a:hover
{
text-decoration: underline;
color: #CC0000;
}

.hidden
{
display:none;
}