/** Default CSS styles for example **/

/* @group basic */
* { margin: 0; padding: 0; }
html { padding: 8px 16px; padding-top: 65px; }

body { width: 950px; margin-left: 100px; }

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9e601d; font-size: 2.2em; margin-bottom: 15px; }
h2 { font-size: 1.7em; color: #444; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom: 7px; }

a { color: #4c8bb8; text-decoration: none; }
a:hover { text-decoration: underline; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin-bottom: 15px; color: #333; font-style: italic; }


/* @group nav */
#n { display: block; background: #919191; height: 33px; background: url('navbg.gif') repeat-x; margin-bottom: 15px; }

#n ul { padding-left: 20px; }
#n ul li { float: left; display: block; list-style: none; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

#n ul li a { display: block; line-height: 33px; color: #fff; height: 33px; padding: 0 8px; text-decoration: none; }
#n ul li a:hover { background: url('navbg1.gif') repeat-x; text-decoration: none; }

/* @group clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }