@charset "utf-8";
/* CSS Document */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary... */

div.hide {visibility:hidden;}

body {background-color:#FFFFFF; background-image:url(backgrounds/body_bg.gif); background-repeat:repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; color:#666666;}

#container {width:1000px;margin:auto; background-image:url(backgrounds/container_bg.gif); background-repeat:no-repeat;}

#header {background-image:url(backgrounds/header_bg.gif);
background-repeat:no-repeat;
width:100%;
height: 100px;}

#header h1 {display:none;}

#header2 {background-image:url(backgrounds/header2_bg.gif);
background-repeat:no-repeat;
width:100%;
height: 165px;}

#header2 h1 {display:none;}

#content {width:780px;
margin:auto;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding:10px;
height:100%;
}

#rotator {float:left; width:550px; display:block;}

#play {position:relative; top:0; left:0; width:550px; display:block;}

#top_right {float:left; width:210px; padding: 0 10px;}

#top_right p {font-size:85%; margin-bottom:0.85em;}
#top_right h4 {font-size:90%; margin-bottom:0.425em;}
#top_right h1 {font-size:90%; margin-bottom:0.425em;}

#top_right a {padding:2px; color:#FFFFFF; font-weight:bold; background-color:#666666; text-decoration:none;}

#top_right a:hover {padding:2px; color:#FFFFFF; font-weight:bold; background-color:#CCCCCC; text-decoration:none;}

#eatures {height: 440px; width:100%;  display:block; background:repeat-y url(backgrounds/png1_r5_c3.gif);}

#eatures a {padding:2px; color:#FFFFFF; font-weight:bold; background-color:#CCCCCC; text-decoration:none; margin-bottom:5px;}

#eatures img {border:#333333 1px solid;}
#eatures img {border:#333333 1px solid; margin-bottom:10px;}

#navcontainer {clear:both;
width:780px;
height:30px;
background-color:#666666;
margin-bottom:10px;
}


#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
line-height:30px; 
font-weight:bold;
font-size:90%;}

#navlist a { padding: 7px 8px; }

#navlist a:link, #navlist a:visited
{
color: #fff;

	letter-spacing: 0.1em;
	
text-decoration: none;
}

	
#navlist a:hover
{
color: #666666;
background-color: #CCCCCC;
text-decoration: none;
}

#feature {float:left;
width:190px;
padding:10px 31px;

}

#feature_r {float:left;
width:190px;
padding:10px 31px;

}

.feat {padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #CCCCCC;}

#footer {clear:both; margin:auto;
text-align:center;
font-size: 75%;
margin-top:10px;
height:100px;
}

.clearboth {clear:both;}