/*-----------------------------------------
    CSS Document | Acorn Design
    Coded by: Niki Liu (www.netapon.com)
    Contents:
        - Settings for everyone!
        - Miscellaneous elements
        - Layout elements
-------------------------------------------*/

/* Settings for everyone! */

* { margin: 0; padding: 0; border: 0; }

a:link, a:active, a:visited { color: #ae8157; text-decoration: underline; }
a:hover { color: #ae8157; text-decoration: none; }

p { line-height: 1.8em; padding: 0 40px 15px 40px; }
h2 { font-weight: bold; font-size: 1.7em; color: #939; padding: 10px 40px 10px 40px; }


/* Miscellaneous elements */

.left { float: left; }
.right { float: right; }

/* Layout elements */

body {
	background: #00d2ff url(imgs/notes.png) top repeat-x;
	font-family: Georgia, Verdana, sans-serif;
	font-size: 10px; }
	
#wrapper { width: 684px; margin: 0 auto; overflow: hidden; }
#header { width: 684px; }
	#header #leaves { background: url(imgs/) no-repeat; display: block; position: relative; left: 159px; width: 189px; height: 58px; }
	#header h1 { background: url(imgs/SHD.png) no-repeat; text-indent: -9999px; position: relative; left: 59px; width: 600px; height: 140px; }
#menu { background: url(imgs/wood.jpg) no-repeat; position: relative; width: 684px; height: 59px; }
	#menu #ladybug { background: url(imgs/note.png) no-repeat; position: absolute; z-index: 1; top: -13px; right: 50px; width: 35px; height: 35px; }
	#menu ul { list-style: none; position: absolute; bottom: 0 !important; bottom: -1px; left: 23px; }
	#menu li { background: url(imgs/RBG.jpg) top left repeat-x; float: left; height: 28px; margin: 0 10px 0 0; }
	#menu a { background: url(imgs/cLtabOff.gif) top left no-repeat; display: block; float: left; text-decoration: none;
	 font-family: "Comic Sans MS", cursive, Verdana, sans-serif; font-weight: bold; font-size: 1.3em; color: #006; height: 28px; }
	#menu a span { background: url(imgs/cRtabOff.gif) top right no-repeat; display: block; padding: 4px 12px 0 12px; }
	#menu a:hover, #menu a.hilite { background: #000 url(imgs/cLtabOn.gif) no-repeat; color: #939; }
	#menu a:hover span, #menu a.hilite span { background: url(imgs/cRtabOn.gif) top right no-repeat; }
#content { background: #0000FF url(imgs/cTLcontent.gif) top left no-repeat; width: 684px; overflow: hidden; }
#contentA { background: url(imgs/cTRcontent.gif) top right no-repeat; }
#contentB { background: url(imgs/cBLcontent.gif) bottom left no-repeat; }
#contentC { background: url(imgs/cBRcontent.gif) bottom right no-repeat; }
	#content #main { float: left; font-size: 1.4em; width: 444px; margin: 20px 0 0 0; }
	#content #side { background: #09F url(imgs/acorn.gif) center center repeat; float: right; width: 200px; min-height: 100px; margin: 30px 20px; }
	#content #sideA { background: url(imgs/cTLside.gif) top left no-repeat; }
	#content #sideB { background: url(imgs/cTRside.gif) top right no-repeat; }
	#content #sideC { background: url(imgs/cBLside.gif) bottom left no-repeat; }
	#content #sideD { background: url(imgs/cBRside.gif) bottom right no-repeat; }
		#content #side a { color: #07dbc6; }
		#content #side p { font-family: Verdana, Georgia, sans-serif; font-size: 2em; color: #306; padding: 0 15px 15px 15px; }
		#content #side h2 { text-align: center; text-transform: uppercase; font-weight: bold; font-family: Arial, Verdana, sans-serif;
			font-size: 1.5em; letter-spacing: .2em; color: #F93; padding: 20px 20px 10px 20px; }
		#content #side #cleanup { width: 100%; height: 23px; clear: both; }
	#content #clear { width: 100%; height: 50px; clear: both; }
#footer { width: 684px; height: 120px; text-align: center; font-family: Verdana, Georgia, sans-serif; font-size: 1.2em; color: #006; }
	#footer a { color: #006; }
	#footer p { margin: 10px 0; }