/* 
   stylesheet definitions for screen display
   of Maxdao.com
   
 */ 
  

@media screen, projection {
	
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;	
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}
	html {
		height: 100%; /* avoid hopping in FF (always show scrollbars) */
		}
	ol, ul {
		list-style: none;
	}
	table td,
	table,
	table th {
		padding: 2px;
		}
	caption, th, td {
		text-align: left;
		font-weight: normal;
		}
	.clearfix:after {
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac*/
	
	.clearer {
		clear: both;
		line-height: 1px;
		font-size: 1px;
		height: 1px;
		}
	.nobg {
		background-image: none !important;
		}
	
	
	
	html, body {
		color: #363c4b;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0;
        padding: 0;
		}
	
	a {
		color: #003366;
		text-decoration: none;
		}
	
	a:hover {
		text-decoration: underline;
		}
			   
		
		h1 {
		font-size: 1em;
	    font-weight: normal;
	    margin-bottom: 0.5em;
	    margin-top: 0.5em;
	    }
		
      h2 {
	    color: #999999;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.95em;
	    font-weight: normal;
	    margin-bottom: 0.5em;
	    margin-top: 0.5em;
	    }
		
	/* --------------------------------------------------------
				GENERAL LAYOUT
	   -------------------------------------------------------- */	
#page-container {
width: 778px;
margin: auto;
background: #ffffff;
}	

/* ###### HEADER ##### */
	#header {
	background: none;
	height: 92px;
	margin: 0 0 0px 0px;
	width: 778px;
	overflow: hidden;
	position: relative;
		}
		#header-right-col {
			float:right;
			margin: 0 0 0 0;
			width: 200px;
			}
	/* ###### NAVIGATION ##### */
	#navigation {
		width: 778px;
		list-style-type: none;
		line-height: 10px;
		}
		ul#navigation li {
			float: left;
			margin-right: 2px;
			}
		#navigation a {
			background-color: #c2dcfd;
			color: #363c4b;
			font-size: 11px;
			display: block;
			float: left;
			font-weight: bold;
			padding: 3px 10px 4px 10px;
			text-decoration: none;
			text-transform: uppercase;
			}
			
		#navigation .active {
			background-color: #fff !important;
			}
	
		#navigation a:hover {
			background-color: #fff;
			}
		#navigation a span {
			padding: 4px 0 4px 0;
			}		
	/* ####### Sidebar ###### */
	
        #sdcontainer {
        background: #fff;
        width: 156px;
		float: left;
        margin:0 0 0 0;
        padding: 0 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        text-align: left;
        text-transform: lowercase;
        }

       ul#sdlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 0 0 0;
        width: 156px;
        }
		
		ul#sdlist li {
        display: block;
        margin: 0;
        padding: 0;
        }

        ul#sdlist li a {
        display: block;
        width:81%;
        padding: 0.5em 0 0.5em 2em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #363c4b;
        text-decoration: none;
        background: #c2dcfd;
        }



        ul#sdlist li#active a {
        background: #f0e7d7;
        color: #800000;
        }

        ul#sdlist li a:hover, ul#sdlist li#active a:hover {
        color: #800000;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
        }


	/* ###### LEFT COLUMN ##### */
	
	#left-col {
		width: 135px;
		float: left;
		margin-right: 600px;
		}
		

	/* ####### content ###### */
	
	#content {
		color: #000000;
		float: left;
		font-size: 12px;
		text-align: right;
		}

		
	/* ####### FOOTER ###### */
	
	#footer {
		color: #4d4d4d;
		float: left;
		font-size: 12px;
		margin-bottom: 0px;
		text-align: right;
		margin: 0px 0px 0px 0px;
		width: 778px;
		}
	
	#footer a {
		color: #4d4d4d;
		}
	
	#footer hr {
		background-color: #bababa;
		height: 1px;
		color: #bababa;
		margin: 0 0 8px 0;
		width: 778px;
		}
  }