body  { background-color: #ffffff; background-image: url(http://www.weavingtheweb.com/imgs/bg.gif); background-repeat: repeat-y; background-position: center; text-align: center; margin: 15px 0 0 }

/***********************************
	CONTAINERS
***********************************/

#main {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
}

#top-nav         { color: #999999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background-color: #ffffff; text-align: right; margin-top: 0; margin-right: auto; margin-left: auto; padding-right: 5px; padding-bottom: 12px; width: 700px; height: 18px; vertical-align: bottom }

#navigation  { color: #ff9900; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #fafafa; text-align: right; margin: 0 0 12px; padding: 5px 5px 15px; width: 150px; float: left; border-style: solid; border-width: 0 1px 1px 0; border-color: #cccccc }
#content    { color: black; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; text-decoration: none; background-color: #ffffff; text-align: left; margin-left: 170px; padding: 5px 5px 15px; width: 535px }
#contentribbon  { color: black; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; text-decoration: none; background: #ffffff url("../imgs/ribbon.gif") no-repeat 90% 40px; text-align: left; margin-left: 170px; padding: 5px 5px 15px; width: 535px }
#footer   { color: #999999; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; background-image: url("/imgs/footernew.jpg"); background-repeat: no-repeat; background-position: left bottom; text-align: center; padding: 5px 0 40px; clear: left; border-top: 1px dotted }
#sidebar      { background-color: #fbfbfb; margin-left: 10px; padding: 5px; width: 150px; height: auto; float: right; border: solid 1px #f90 }
/***********************************
	LINKS
***********************************/

a   { color: #387e9a; text-decoration: underline }
a:hover  { color: #f90; text-decoration: underline }
a.small-navigation {
	color: #999999;
	text-decoration: none;
}

a.small-navigation:hover {
	color: #FF9900;
}

a.navigation     { color: #666666; font-weight: normal; text-decoration: none; text-align: left; display: block; margin-top: 2px; padding: 3px 0 3px 5px; border-style: solid; border-width: 0 0 0 5px; border-color: #dedede }
a.selected   { color: black; font-weight: normal; text-decoration: none; background-color: #efefef; text-align: left; display: block; padding: 3px 0 3px 5px; border-style: solid; border-width: 0 0 0 5px; border-color: #387e9a }
a.navigation:hover   { color: black; background-color: white; border-color: #ff9900 }
/***********************************
	MISCELLANEOUS
***********************************/
#header  { background-color: #ffffff; padding: 5px 0; border-style: solid; border-width: 1px 0; border-color: #999999 }

hr {
	width: 100%;
	height: 0px;
	text-align: center;
	border-color: #CCCCCC;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
}

h1      { color: #ff9900; font-size: 1.5em; font-weight: bold; text-decoration: none; background-color: #ffffff; text-align: left; margin: 0 0 15px; padding: 2px 10px 0 0 }

p       { padding: 0 0 5px }
.specialborder { margin-right: 10px; margin-bottom: 5px; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #ddd #ddd #aaa #aaa }
#left  { visibility: visible; margin-right: 0; margin-left: 0; padding: 0; z-index: 1; width: 500px; float: left }
#right  { background-color: #fff; visibility: visible; margin-right: 0; margin-left: 0; padding: 0; z-index: 2; width: 220px; height: auto; float: left; border: solid 1px black }
.leftbar  { margin-left: 10px; padding-left: 6px; border-left: 4px solid #387e9a }
.button   { color: #000; font-weight: bold; background-image: url("../imgs/buttonbk.jpg"); padding: 3px; border: solid 1px #f90 }
.boxed  { background-color: #fafafa; padding: 5px; border: dotted 1px #ccc }
.highlight   { color: black; background-color: #fc0; padding: 5px }
.rightpad { padding-right: 10px; padding-bottom: 10px }
.leftpad { padding-bottom: 10px; padding-left: 10px }