/*typography*/
html{height: 100%; margin-bottom: 1px}
/*in this syntax the first number after padding is top, the second is left and right and the third is bot*/
html,body{margin:0;padding:0 0 0px; text-align: center}
body{font: 76% verdana,arial,sans-serif;text-align: center; background-color: #8e8277}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 200%}
h2{font-size: 160%}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 5px}
h2,p{margin: 0 15px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.5}
a{text-decoration: none}
address{padding: 3px 15px;font-style:normal}
div#relax p{font-size: 120%}
div#speciallink a{color: #702407; font-size: 130%}

/*layout*/
/*note - remember that margin: 0 auto is used to center a box horizontally*/
div#container2{width: 800px;margin: 0 auto;text-align: left; border-style: solid;
border-color: #fca444; border-width: medium; background-color: #ffffff}
div#container3{padding-left: 25; padding-right: 20;}
div#linkbar{width: 800px;}
div#sidebar{float: right;width: 150px}
div#sidebar div{padding: 5px 0;margin-bottom: 5px}
div#sidebar div#menu{margin: 0 5px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}

div#sidebar2{float: left;width: 200px;margin-top: 10px;}
div#sidebar2 div{margin-top: 20; margin-left: 15; }

div#contenthomepage{float: right; width:435px; margin-top: 10px; margin-right: 7px; margin-bottom: 10px
             background-image: url('newgraphics/RightRectangle-comp.gif'); background-repeat: no-repeat}

div#sidebarlowhomepage{float: left;width: 320px; margin-top: 5px; margin-left: 8px}
div#sidebarlowhomepage div#menu{margin: 0 5px}
div#sidebarlowhomepage div{padding: 5px 0;margin-bottom: 5px}
div#sidebarlowhomepage h3{margin: 0 5px;padding:10}
div#sidebarlowhomepage p{margin: 0 5px;padding:0}
div#sidebarlowhomepage p+p{margin-top: 0.7em}

div#sidebarhighhomepage{float: left;width: 320px; margin-top: 10px; margin-bottom: 10px; margin-left: 8px}
div#sidebarhighhomepage div#menu{margin: 0 5px}
div#sidebarhighhomepage div{padding: 5px 0;margin-bottom: 5px}
div#sidebarhighhomepage h3{margin: 0 5px;padding:10}
div#sidebarhighhomepage p{margin: 0 5px;padding:0}
div#sidebarhighhomepage p+p{margin-top: 0.7em}


div#sidebarwebdesign div#menu{margin: 0 5px}
div#sidebarwebdesign {float: left;width: 199px;margin-top: 10px;}
div#sidebarwebdesign div{padding: 5px 0;margin-bottom: 5px}
div#sidebarwebdesign h3{margin: 0 5px;padding:10}
div#sidebarwebdesign p{margin: 0 5px;padding:0}
div#sidebarwebdesign p+p{margin-top: 0.7em}

div#leftlinks{margin-left: 15px}
div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}

div#experimental {margin-left: 5px; padding-right: 30px;}
div#experimental a{color: 702407}
form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}
div#content{width:395px;padding:5px 0}
div#content2{float: right; width:588px; height: 600px; margin-top: 10px}
div#content3{width:688px; margin: 10px 0px 0 50px; list-style-image: url("http://www.orangecrystalconsulting.com/newgraphics/arrow3.gif")}
div#content3 p{text-align: left; font-weight: 1000; font-size: 150%; }
div#content3 p.centered, h2.centered{text-align: center; font-size: 120%;}
div#content3 div{margin-left: 20}
blockquote{float:left;display:inline;width: 200px;margin: 0 10px 5px 15px;padding: 5px 0}
blockquote p{margin:0;padding: 0 5px;text-align: center}
div#relax{margin: 0 15px 10px;padding: 5px 0}
div#relax p, div#relax h2{margin: 0 5px}
div#footer{clear: right;margin-top: 10px}
div#footer2{clear: right;margin-top: 10px}

/*colors*/
/*note- example of class selectors -class may be used to identify multiple elements (compare to an "id"*/
.footertext {
	color: #999999;
	font-weight:  bold
}

.fancysubheadcolorone {
	color: #fca444; 
	font-weight: bold
}
.fancysubheadcolortwo {
	color: #ca553c; 
	font-weight: bold	
}
.fancysubheadcolorthree {
	color: #fb6c4e; 
	font-weight: bold;
}
.fancysubheaditalic {
	font-weight: bold;
	font-style: italic
}
.zzz {color: #F9bb7d;font-weight: bold;}	

div#linkbar{background: #FFF}
div#nav{background: #95B3DE}
div#nav a{background: url(bullet.jpg) no-repeat center left;color: #2660B1}
div#nav a:hover{color: #FFF}

div#sidenotes{background:#B1C0D5}
form{background: #B4CEF7}
div#content{background: #FFF}
div#content2{background: #F0EBE8;}
div#content2 a{color: #fb6c4e; font-weight: bold;}
div#content3{background: #F0EBE8;}
div#content3 form{background: #F0EBE8;color: #702407; font-weight: bold}
div#content3 p{color: #702407};
div#content3 table{padding: 14};
div#content3 td{color: #702407; font-size: 120%; font-weight: 800};
div#content3 p.centered a{color: #F9bb7d};
div#content3 table-cell{	color: #ca553c; font-weight: 200};
div#contenthomepage{background: #F0EBE8}
div#sidebarlowhomepage{background: #F0EBE8}
div#sidebarhighhomepage{background: #F0EBE8}
div#sidebarwebdesign{background: #CECECE}

div#sidebar2{background: #CECECE; height: 600px}
div#sidebar2 P{color: #fc9c3c; font-weight: 600; font-style: italic; }
div#sidebar2 a{color: #000000; font-size: 90%}
div#sidebar2 a:hover{color: #fff; font-size: 90%}

div#leftlinks a{color: #000000}
div#leftlinks a:hover {text-decoration: underline;}
div#sidebarlowhomepage a{color: #ca553c}
div#sidebarlowhomepage a:hover {text-decoration: underline;}

blockquote{background: #CDFFAA}
div#footer{background: #CCC;color: #333}