/* CSS Document, based on: */
/* http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ */
body, html {
		margin:0;
		padding:0;
		background:#9cc;
		color:#000;
		font-family: Georgia, serif;
		line-height: 1.3em;
	}
	body {
		min-width:750px;
		background-image: url(../images/background-vector.jpg);
		background-position: 50% 0;
		background-repeat: repeat-x;
	}
	#wrap {
		/*background:#9cc;*/
		margin:0 auto;
		width:750px;
        padding-bottom: 90px;
	}
	
	#header {
		/*background:#9cc;*/
	}
	#header h1 {
    	padding:5px;
	    margin:0;
		color:#fff;
    }
	#header p {
	    display: none;
	}
	#mainwrap {
		background:none;
		float:right;
		width:600px;
		background-image: url(../images/mainbox-top-green.png);
		background-position: top left;
		background-repeat: no-repeat;
		/*border: #9999FF medium solid;
		border-top:none;*/
	}
	#main {
		background:#ccff99;
		background-image: url(../images/mainbox-bottom-green.png);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	h2, #main h3, #main p {
		padding:0 10px;
    }
	
	h2, h3 {
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    color: #336699;
	}
	h2 {
		margin: 10px 10px 0px 10px;
		height: 30px;
	    background: url(../images/title-home.gif) no-repeat;
	}
	h2#page-about    { background: url(../images/title-about.gif) no-repeat; }
	h2#page-examples { background: url(../images/title-examples.gif) no-repeat; }
	h2#page-contact  { background: url(../images/title-contact.gif) no-repeat; }
	h2 span {
	    display: none;
	}
	h3 {
	    color: #ff6600;
		margin-bottom: 0.5em;
	}
	#main p {
		margin: 0; margin-bottom: 0.8em;
	}
	#main ul {
	    list-style-type:square;
	}
	#main a {
		color: #ff6600;
	}
	#main a:visited {
		color: #336633;
	}
	#main a:hover, #main a:active, #main a:focus {
		color: #336699;
	}
	.feature {
	    background-color: #e4ffc9;
		padding: 0.3em;
	}
	.feature a img {
		padding: 2px;
		border: #ffffff medium solid;
		background: none;
	}
	.feature a:hover img, .feature a:active img, .feature a:focus img {
		background: #ff6600;
	}
	.horizontalscroll {
	    white-space: nowrap;
	    height: 250px;
		overflow: auto;
	}
	.totop {
		font-size: small;
		text-align: right;
		margin: 0;
		padding: 0;
	}
	
	#pagenav {
		background:#369;
	}
	#pagenav ul{
		margin:0;
		padding:0;
		list-style:none;
	list-style-type: none;
	white-space: nowrap;
	font-size: small;
	}
#pagenav ul li {
    display: inline;
	border-right: thin solid #C0DFFD;
	}
#pagenav ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
    text-decoration: none;
	padding: 0.4em 2em;
	}
	
#pagenav ul li a:visited {	color: #fff;}
#pagenav ul li a:hover, #pagenav ul li a:focus, #pagenav ul li a:active  {
	background: #FF6600; /*url("images/mm_arrow.gif") 14px 45% no-repeat*/
	color:#000;
	}
	
	
	#sidebar {
		background:#99cccc;
	/*opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;*/
		float:left;
		width:150px;
	}
	#sidebar ul {
		margin-bottom:0;
    }
    #sidebar h3, #sidebar p {
		padding:0 10px 0 0;
    }
	
	
	#sidebar ul{
		margin:0;
		padding:0;
		list-style:none;
	}
#sidebar ul li {
	border-bottom: 2px solid #ccff99;
	}
#sidebar ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f60;
	font-weight: bold;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("../images/menu-item.png") top left no-repeat;
	}
	
#sidebar ul li a:hover, #sidebar ul li a:focus, #sidebar ul li a:active  {
	background: #FF6600; /*url("images/mm_arrow.gif") 14px 45% no-repeat*/
	color:#000;
	}
	
#sidebar ul li a.thispage  {
	color:#000;
	background: url("../images/menu-item-thispage.png") top left no-repeat;
	background-color: #ccff99; 
	}
	
	#dummyfooter {
		background:#9cc;
		clear:both;
		/*background-image: url(images/bottom-left.png);
		background-position: top right;
		background-repeat: no-repeat;*/
	}
	#dummyfooter p {
		padding:5px;
		margin:0;
    }
	
	
#fullfooter {
background:url(../images/Duck2-footer-fw.png) 50% 0 no-repeat;
height: 100px;
color: #ffffff;
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
}

#copyright {
	position: absolute;
	bottom: 0; left: 12px;
	padding: 3px 3px 0 0;
	height: 35px;
	color: #000;
	font-size: small;
}