/*=============>> CSS RESET <<==============*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{ padding: 0; margin: 0; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after {content: '';}
abbr, acronym { border: 0;}
/*=============>> END CSS RESET <<==============*/
body {
    text-align: center;
}
#wrapper {
    width: 771px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
#container {
    float: left;
    width: 771px;
    height: auto;
    margin: 0 auto;
    background: url(/images/ccna_shadow.jpg) top center repeat-y;
}
#main {
    width: 730px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
}
#header {
    float: left;
    width: 100%;
    height: 137px;
    font: 34px verdana;
    font-weight: bold;
    color: #ffffff;
    line-height: 45px;
    position: relative;
    background: url(/images/ccna_hdr.jpg) 2px 0px no-repeat;
}
#nav {
    float: left;
    width:728px;
    height: 35px;
    background: url(/images/menubar-bg.jpg) top left repeat-x;
    text-align: center;
}
#nav ul {
    width: 85%;
    margin: 0 auto;
    text-align: left;
}
#nav ul li {
    float: left;
    width: auto;
    margin: 7px 0 0 0;
    padding:0px 20px;
    border-right: 1px dotted #000000;
}
#nav ul li a {
    font: 12px verdana;
    font-weight: bold;
    color: #ffffff;    
    text-decoration: none;
}
#nav ul li a:hover {
    font: 12px verdana;
    font-weight: bold;
    color: #ffff00;    
    text-decoration: none;
}
#content {
    float: left;
    width: 668px;
    position: relative;
    padding: 25px 30px 15px 30px;
}
#content ol li{
    width: 100%;
    float: left;
    margin: 0 0 6px 0;
}
#content ol li ol{
    width: 100%;
    float: left;
    margin: 6px 0 0 20px;
    padding: 0;
}
#leadgen-iframe {
    float:left;
    width: 549px;
    height: 450px;
    border: 0;
    position: relative;
    margin: 10px 0 20px 60px;
    background: url(/images/leadgen_bg.jpg) top left no-repeat;  
}
#footer {
    float: left;
    width: 726px;
    height: 35px;
    background: #848484;
    border: 1px solid #333333;
}
#footer ul {
    width: auto;
    margin: 0 0 0 30px;
    text-align: left;
}
#footer ul li {
    float: left;
    width: auto;
    height: 20px;
    margin: 8px 0 0 0;
    padding:0px 20px;
    border-right: 1px dotted #000000;
}
#footer ul li a {
    font: 12px verdana;
    font-weight: bold;
    color: #ffffff;    
    text-decoration: none;
}
#footer ul li a:hover {
    font: 12px verdana;
    font-weight: bold;
    color: #ffffff;    
    text-decoration: none;
}
#ad {
    float: left;
    width: 100%;
}
#container-btm {
    float: left;
    width: 771px;
    height: 20px;
    margin: 0 auto;
    background: url(/images/btm_shadow.jpg) 0px -16px no-repeat;
}
#copyright {
    float: left;
    width: 706px;
    height: 30px;
    font: 11px arial;
    color: #666666;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 0 25px; 
}
h1 {
    float: left;
    width: 100%;
    font: 20px arial;
    font-weight: bold;
    color: #333399;
    padding: 0 0 8px 0;
    margin:0 0 15px 0;
    border-bottom: 1px solid #dddddd;
}
h2 {
    float: left;
    width: 100%;
    font: 20px arial;
    font-weight: bold;
    color: #333399;
    padding: 0 0 8px 0;
    margin:0 0 15px 0;
    border-bottom: 1px solid #dddddd;
}
h3 {
    float: left;
    width: 100%;
    font: 20px arial;
    font-weight: bold;
    color: #333399;
    padding: 0 0 8px 0;
    margin:0 0 15px 0;
    border-bottom: 1px solid #dddddd;
}
p {
    float: left;
    width: 100%;
    font: 12px arial;
    color: #000000;
    margin:0 0 20px 0;
}
ol {
    float: left;
    width: 100%;
    font: 12px Arial;
    list-style: decimal;
    padding: 0;
    margin: 0 0 20px 20px;
}