html {
	overflow-x: hidden;
	overflow-y: auto; 
}
* {
	margin: 0;
	padding: 0;
}
body {
	font: 0.8125em Helvetica, Arial, Verdana, sans-serif; 
	line-height: 1.2; 
	color: #333; 
	background: #FFF ;
	/*background-image: url(../img/header.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll; 
	background-position:top;*/
	
	}
.break {
	clear: both;
}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited { color: #229; }
a:hover {color: #500; background-color: #DDD; /* border-bottom: 1px solid #500; */ }


/* doesnt work - cant figure out how to disable the hover for imgs */
A.img:hover {
    border: 0px;
    margin: 0px;
  background-color: #FFF;
  padding:0px;
}

#content img {
	margin-right: 8px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #EEE;
	color: #444;
}

hr { color:#999999; }

ul, ol {list-style: none;}

#logo {  height:430px; text-align:center; }

#page { width: 620px; margin:auto; position:relative; margin-top:-200px; z-index:2;  
border-right: 1px solid #BBB;
}

#pageC { width: 620px; margin:auto; position:relative; margin-top:17px; z-index:2;  
border-right: 1px solid #BBB;
}

#channel { background-color:#EEE; width: 620px; height:280px; margin:auto;  position:relative; margin-top:-278px; z-index:2;
	border: 1px solid #DDD;
	}
#channel2 { background-color:#EEE; width: 620px; margin:auto;  position:relative; margin-top:-278px; z-index:2;
	border: 1px solid #DDD;
	}

#side {  
	font-size: .9em;
	padding: 00px 10px 20px 10px;
	width:190px;
	left:410px;
	top:0px;
	position:absolute; 
	/*position:relative;
	overflow:hidden;*/
	
	border-top: 1px solid #BBB;
}

#content { width: 400px; margin:auto; 
	 position:relative;
	 left:-110px;
	
	/* z-index:4;
	overflow:hidden; */
}


#footer { width: 620px;  height: 24px; overflow:visible;
	/* clear:both; */
	position:relative;
	text-align: right;
	border-bottom: 13px solid #DDD;
	
}
#footer p {margin-top: 15px; margin-right:25px; font-size:xx-small; color: #888}
#footer a, #footer a:visited, #footer a:link {color:#669; text-decoration:none; border-bottom:0;}

table tr { vertical-align:top; text-align:left; }

.title {font: 1.8em Arial; margin-bottom: 0.5em;}
.title {text-transform: none; letter-spacing: 2px;}
.title a:link, .title a:visited {color: #333;}
.title a:hover {color: #000;}

h1 {font: 1.8em Arial; margin-bottom: 0.5em;}
h1 {text-transform: none; letter-spacing: 2px;}
h1 a:link, h1 a:visited {color: #333;}
h1 a:hover {color: #000;}

.subtitle {font: 1.3em Arial; 
	letter-spacing: 1px;
	font-weight:bold;
	}
	
h2 {font: 1.3em Arial; 
	letter-spacing: 1px;
	font-weight:bold;
	}

.subtext {
	font: 0.8em Helvetica, Arial, Verdana, sans-serif; 
	line-height: 1em; 
	color: #555; }

.channeltext {
	top:-5;
	font: 0.8em Helvetica, Arial, Verdana, sans-serif; 
	line-height: 1em; 
	color: #555; }

.byline {font: italic 1.1em Times, serif; letter-spacing: 1px; margin: 0 0 1.5em;}
.byline a:link, .byline a:visited {font: bold 0.85em Verdana, sans-serif;
  text-transform: uppercase; letter-spacing: 2px;
  margin-left: 0.25em;}


#nav p {font: normal 1em Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; color:#778877; }
#nav a:link,.memberNav a:visited {color:#0033BB}
#nav a:hover {color:#DD6611}


.inlineimage {
	padding: 5px 5px 5px 5px;
}