/* Styles for home page only of www.askonstream.com */

body,th {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #555555; font-weight: normal;}

body {background-image: url(../images/page_top_bg.gif); background-position: top left; background-repeat: repeat-x; margin: 0px;
 padding: 0;}

#wrapper {margin: 0px auto 0px auto; width: 780px; text-align: left; padding: 12px 0 0 0; line-height:1.4em;}

#page {margin: 0; padding:0;}

.left {float:left; margin:0; padding:0}
#top {width:780px; margin:0; padding:0; text-align:left}
#top #topLinks {clear:both; background:#d8d8d8; width:auto; padding:3px; margin:0 0 5px 0; text-align:center; color: #004a5c;}
#top #topLinks a {font-weight:bold; text-decoration:none; color: #004a5c; padding:0 3px 0 3px; margin:0}
#top #topLinks a:hover,
#top #topLinks a:active {text-decoration:underline; color: #0C7DBA;}
#top #topLinks a.selected {text-decoration:none; color: #0C7DBA;}
#top #logo {float:left; margin:0; padding:0 0 0 10px;}
#top #logo img {border: none; margin: 0 0 10px 0;}

#page a {font-weight:bold; text-decoration:none; color: #004a5c;}
#page a:hover,#page a:active {text-decoration:underline; color: #0C7DBA;}

h1 {margin: 0; padding: 10px; font-size: 150%; color: #0092de; font-weight:bold;}
p {margin: 0; padding: 0 10px 10px 10px; font-size:105%;}
p.copyright {margin: 0; padding: 0 10px 10px 10px; font-size:85%;}
ul {margin-top: 0; margin-right: 60px; margin-bottom: 10px;} 

#footer {clear: both; margin: 5px 0 0 0; padding:3px 0 0 0; border-top: solid 2px #0c7dba;}
#footer a {font-weight:bold; text-decoration:none; color: #004a5c;}
#footer a:hover,#page a:active {text-decoration:underline; color: #0C7DBA;}

 /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {

    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the Guillotine bug in IE6 */
* html .clearfix {height: 1%;}
.clearfix {display: block;}