html, body {margin: 0; padding: 0; height: 100%;}

body {
text-align: center; /* ie5.x center */
background:url(http://solarwall.com/templates/allcss/images/background_shadow3.jpg) repeat-y center #e7e7e7;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:62.5%; /* Sets default font size to 10px */
color:#222222;
}

p {
margin: 0;
}

a {
text-decoration:none;
color:#5699FF;
}
a:hover {
text-decoration:underline;
color:#5699FF;
}

a:active {
text-decoration:underline;
color:#5699FF;
}

/* Structure */
#container {
min-height: 100%;
_height: 100%;
width:960px;
background-color: white;
font-size:1.20em;
margin-left: auto;
margin-right: auto;
border-right: 1px solid black;
border-left: 1px solid black;
text-align: left; /* correct ie5.x center */
position: relative; /* so leftnav can take it's absolute position */
}

#header {
height:148px; /* was 112, +36 for buttons */
background:url(http://solarwall.com/templates/allcss/images/header-mod-resizedbigger.jpg) no-repeat;
z-index: 50;
/* width: 100%; */
}

#menu {
position: absolute;
right:-1px;
top: 100px;
.top: 112px;
_top:112px;
height:36px;
line-height:36px;
z-index: 80; /* was 100 */
}

#leftnav {
position: absolute;
top: 146px; /* header + 10px=122 + 36px for menu=158 */
left: 0;
width: 200px;
}

#content {
margin-left: 200px;
padding: 5px 15px 50px 20px;
background: #fff;
	font-size:13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3F4A58;
	font-style: normal;
	line-height: 20px;
letter-spacing: 0px; /* added march 13 09 */
}
/* added nov09 */

#content p {
margin: 1px;
padding-bottom: 1px;
}

#content img {
margin: 10px 10px 0px 10px;
}

#appuse img {
margin: 1px 1px 1px 1px;
}

#content img a {
margin: 10px 10px 10px 10px;
border: 0px none #000000;
}

#footer {
position: absolute; bottom:0;
height:40px; 
width:960px;
background:url(http://solarwall.com/media/bg-foot-resized.jpg) repeat-x center center; 
text-align:center;
font-style: normal;
line-height: 13px;
font-size: 10px;
cursor:default;
color:#000000;
letter-spacing: 1px;
}

/* Menu */
#menu ul {
list-style-type:none;
width: 960px;
}

#menu li {
float:left;
font-size: 1.10em;
}

#menu li.menu-current a {
background:url(http://solarwall.com/templates/allcss/images/bg-menu-hover-resized.gif) no-repeat center center;
color:#000000;
}

#menu li a {
height:36px;
width:160px;
text-align: center;
padding:0;
letter-spacing: 1px; /* changed from 1 on march 13 09 */
font-size: 12px; /* changed from 13 on march 13 09 */
display:block;
color:#ffffff;
background:url(http://solarwall.com/templates/allcss/images/bg-menu-bgrnd-resized.gif) no-repeat center center;
}

#menu li a:hover {
text-decoration:none;
background:url(http://solarwall.com/templates/allcss/images/bg-menu-hover-resized.gif) no-repeat center center;
color:#000000;
}

/* sidebar */
#sidebar {
overflow: hidden; 
width:95%;
margin: 0.5em auto 0.5em auto;
list-style-type: none;
border-top: 2px #ddd solid;
border-bottom: 2px #ddd solid;
}

#sidebar ul { list-style-type: none; margin:0; padding: 0; }
#sidebar li { float:left; width: 100%; margin:0; padding: 0 }
#sidebar a,
#sidebar strong {
display:block;
width: 95%; /* was 90% nov4th 08 */
padding: 4px 0px 4px 5%;  /* 3px instead of 4px march 14 09, was 10% nov4th 08 */ 
text-decoration: none;
background-color:#fff;
color: #444;
border-bottom: 1px #eee solid;
}

#sidebar li span {
display:block;
width: 95%; /* was 90% nov4th 08 */ 
padding: 4px 0px 4px 5%;  /* 3px instead of 4px march 14 09, was 10% nov4th 08 */ 
font-weight: bold;
border-bottom: 1px #ddd solid;
}

/* Level 1 */
#sidebar li#active, #sidebar li.menu-current a,
#sidebar li strong {
width: 95%; /* was 90% nov4th 08 */ 
padding: 3px 0px 3px 5%; /* was 5% nov4th 08 */ 
font-weight: bold;
color: #fff;
background-color: #95abc3;
border-bottom: 1px #eee solid;
}

#sidebar ul li a { width: 95%; padding-left: 5%; background-color:#fff; color: #444; }
#sidebar ul li a:focus,
#sidebar ul li a:hover,
#sidebar ul li a:active { background-color:#ffe951; color: #000; }

/* Level 2 */
#sidebar li ul li a, #sidebar li ul li.menu-current a,
#sidebar li ul li#active,
#sidebar li ul li strong,
#sidebar li ul li span { width: 90%; padding-left: 10%; }

#sidebar li ul li a, #sidebar li ul li.menu-child a{ background-color:#f8f8f8; color: #666; font-weight: normal; padding-left: 10%;}
#sidebar li ul li a:focus,
#sidebar li ul li a:hover,
#sidebar li ul li a:active { background-color:#3a98ed; color: #fff; }

/* Level 3 */
#sidebar li ul li ul li a, #sidebar li ul li ul li.menu-current a,
#sidebar li ul li ul li#active,
#sidebar li ul li ul li strong,
#sidebar li ul li ul li span { width: 85%; padding-left: 15%; }

#sidebar li ul li ul li a, #sidebar li ul li ul li.menu-child a, #sidebar li ul li ul li.menu-sibling a { background-color:#fcfcfc; color: #888; padding-left: 15%;}
#sidebar li ul li ul li a:focus,
#sidebar li ul li ul li a:hover,
#sidebar li ul li ul li a:active { background-color:#f63; color: #fff; }

/* Level 4 */
#sidebar li ul li ul li ul li a, #sidebar li ul li ul li ul li.menu-current a,
#sidebar li ul li ul li ul li#active,
#sidebar li ul li ul li ul li strong,
#sidebar li ul li ul li ul li span { width: 60%; padding-left: 40%; }

#sidebar li ul li ul li ul li a, #sidebar li ul li ul li ul li.menu-child a { background-color:#ffffff; color: #aaa; padding-left: 40%;}
#sidebar li ul li ul li ul li a:focus,
#sidebar li ul li ul li ul li a:hover,
#sidebar li ul li ul li ul li a:active { background-color:#f63; color: #fff; }
}

/* Footer */
#footer-valid {
}
#footer-valid a {
color:#ffffff;
text-decoration:none;
}
#footer-valid a:hover {
color:#ffffff;
text-decoration:underline;
}
/* extras */
#randomquotes {
font-size: 11px;
padding:10px;
}

#toplinks {
position: absolute;
top: 18px;
right: 5px;
text-align: right; /* added nov18th 2008*/
color:#ffffff;
font-size: 11px; /* changed from 11px march 13 09 */
letter-spacing: 1.25px; /* changed from 1px march 13 09 */}

#toplinks img {
margin: 0px 0px -2px 0px;
}

#toplinks a {
text-decoration:none;
color:#ffffff;
}

#toplinks a:hover {
text-decoration:underline;
color:#ffffff;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px; /* was 18 */
line-height: 28px; /* was 26 */
font-weight:normal;
font-style: normal;
width: 720px;
padding: 2px 0px 2px 0px;
border-bottom: 1px solid #999999; /* #3F4A58; */
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; /* was 18 */
line-height: 18px; /* was 26 */
font-weight:normal;
font-style: normal;
width: 720px;
padding: 2px 0px 2px 0px;
border-bottom: 1px solid #999999; /* #3F4A58; */
}

/*h3 was h1 */
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
color: #3F4A58;
font-style: normal;
line-height: 24x;
padding: 0;
}

SELECT, OPTION {
	font-family: arial, tahoma;
	padding: 0px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #285fc3;
	border: inset 1px #285fc3;/*for demonstration only*/
}