html   {height:100%;}
*      {margin:0;padding:0;}
body   {font:normal .80em 'trebuchet ms', arial, sans-serif;background:#F7F7F7 url(pattern.png) fixed;    color:#555;}
p      {padding:0 0 20px 0;line-height:1.5em;font-size:107%;}
img    {border:0;}
h1, h2, h3, h4, h5, h6 
       {font:normal 200% Tahoma, sans-serif;color:#444;margin:0 0 15px 0;padding:5px 0 5px 0;}
h2     {font:normal 160% arial, sans-serif;color:blue;margin:0;padding:0 0 8px 0;}
h3     {font-size:130%;margin:0 0 9px 0;color:red;}
h4, h5, h6
       {margin:0;padding:0 0 5px 0;font:normal 80% arial, sans-serif;color:#F14E23;line-height:1em;}
h5, h6 {font:italic 75% arial, sans-serif;color:#888;padding-bottom:15px;}
h6     {color:#362C20;}
a, a:hover
       {outline:none;text-decoration:none;color:#35BDF5;}
a:hover
       {text-decoration:underline;}
.left  {float:left;width:auto;margin-right:10px;}
.right {float:right;width:auto;margin-left:10px;}
.center 
       {display:block;text-align:center;margin:20px auto;}
ul     {margin:2px 0 22px 17px;}
ul li  {list-style-type:circle;margin:0 0 0 0;padding:0 0 4px 5px;}
ol     {margin:8px 0 22px 20px;}
ol li  {margin:0 0 11px 0;}
#main, #header, #logo, .menubar, #site_content, #footer
       {margin-left:auto;margin-right:auto;}
#main  {width:950px;margin:20px auto;}
#header
       {width:952px;height:145px;}
#logo  {width:950px;float:left;height:100px;background:transparent;padding:0 0 0px 10px;}
#logo h1
       {padding:5px 0 0 17px;color:#555;float:left;}
#logo h1 a
       {color:#35BDF5;text-decoration:none;}
#logo h1 a:hover
       {color:#555;text-decoration:none;}
.slogan
       {float:right;padding-right:25px;text-align:right;font:italic 200% cursive, sans-serif;
        color:blue;}
.menubar
       {height:46px;width:1000px;margin:0px auto -1px auto;float:right;padding:0px 0 0 0;} 
ul.menu
       {float:right;}
ul.menu li
       {float:left;padding:0 0 0px 0px;list-style:none;margin:2px 0 0 0;background:transparent;}
ul.menu li a
       {font:normal 150% Verdana,sans-serif;text-decoration:none;color:#444;display:block;float:left;
        height:20px;padding:7px 14px 15px 14px;text-align:center;}
ul.menu li.current a
       {height:20px;padding:6px 12px 15px 12px;}
ul.menu li.current a
       {background:#fff;border:1px solid #ddd;border-bottom:0;color:#F14E23;}
ul.menu li a:hover
       {color:#F14E23;}
#site_content
       {width:950px;overflow:hidden;margin:0 auto 0 auto;padding:0;background:#fff;border:1px solid #E7E7E7;} 
#sidebar_container
       {float:right;width:250px;margin:25px 0;}
.sidebar
       {float:right;width:200px;margin:0 24px 27px 0;background:#FBFBFB;border:1px solid #eee;padding:0 15px 15px 15px;}
.sidebar h3, .content h1
       {padding:10px 15px;margin:0 1px;}
.sidebar h1
       {padding:5px 0 0 0;}
.paperclip
       {float:left;position:relative;z-index:0;vertical-align:middle;margin:-27px 0 -60px -30px;}
#content
       {text-align:left;width:630px;padding:25px 0 5px 25px;margin:0;}
#content ul
       {margin:2px 0 22px 0px;}
#content ul li
       {list-style-type:none;background:url(bullet.png) no-repeat;margin:0 0 6px 0;
        padding:0 0 4px 25px;line-height:1.5em;}
#footer
       {clear:both;width:100%;font:normal 150% 'yanone kaffeesatz', arial, sans-serif;height:85px;padding:20px 0 5px 0;
        text-align:center;color:#555;background:transparent;margin-bottom:20px;}
#footer p
       {padding:0 0 10px 0;}
#footer a, #footer a:hover
       {color:#555;text-decoration:none;}
#footer a:hover
       {color:#35BDF5;text-decoration:none;}
code   { font-family: Consolas,"courier new"; color: crimson; background-color: #f1f1f1; padding: 2px; }
.cdiv  { width:600px; border:2px solid gray; padding:10px; margin:10px; font-weight: bold;font-size:13px; }
.blue  {color:blue;}