/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/
 *************************************************************/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
body {
    background: #232347 url( ../images/bg_body.jpg ) repeat-x 0 0;
    font: 75%/1 "Times New Roman", Georgia, "Times New Roman", Times, serif;
}
a:hover { text-decoration: none; }

h1 {
padding:30px 0 5px 0;
letter-spacing:-1px;
font:2em "Times New Roman", Georgia, "Times New Roman", Times, serif;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em "Times New Roman", Georgia, "Times New Roman", Times, serif;
}

h3 {
font:1em "Times New Roman", Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
/* /global elements
 *****************************************************/

/* base layout
 *****************************************************/
#container {
    background: transparent url( ../images/bg_container.png ) repeat-y 0 0;
    margin: 0 auto;
    width: 919px;
}
#branding {
    background: transparent url( ../images/bg_branding.png ) no-repeat 0 100%;
    min-height: 132px;
    overflow: hidden;
    position: relative;
}
#wrap {
    background: transparent url( ../images/bg_wrap.png ) repeat-y 0 0;
    padding: 0 7px;
}
#innerWrap {
    background: #fefef3 url( ../images/bg_inner_wrap.jpg ) repeat-y 0 0;
    padding: 0 0 7px;
}
#navigation { padding: 16px 20px 15px;  height: 25px;}
#contentWrap {
    background: transparent url( ../images/bg_content.png ) no-repeat 13px 0;
    overflow: hidden;
    padding: 9px 13px 0;
}
#contentWrap .bg {
    background: transparent url( ../images/bg_content.png ) no-repeat -879px 100%;
    padding: 0 0 9px;
}
#innerContentWrap {
    background: #fff;
    margin: 0 9px;
    overflow: hidden;
    padding: 10px;
}
#mainContent {
    background: #fff;
    float: left;
    padding: 10px 10px 0;
    width: 590px;
}
#mainContent.home {
    float: none;
    padding: 0;
    width: auto;
}
#subContent {
    float: right;
    width: 230px;
}
#footer {
    background: transparent url( ../images/bg_footer.png ) no-repeat 0 0;
    color: #fff;
    overflow: hidden;
    padding: 10px 11px;
}
/* /base layout
 *****************************************************/

/* common elements
 *****************************************************/
.left { float: left; }
.right { float: right; }
.cols { overflow: hidden; }
.col { float: left; }
/* /common elements
 *****************************************************/

/* branding elements
 *****************************************************/
#branding h1 {
    height: 75px;
    padding: 31px 0 0 16px;
    width: 377px;
}
#branding h1 a {
    color: #fff;
    display: block;
    font-size: 2.8em;
    height: 75px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 377px;
}
#branding h1 em {
    display: block;
    font-size: 1.3em;
    font-weight: normal;
    margin: -4px 0 0;
    text-align: right;
}
#branding h1 span {
    background: transparent url( ../images/logo_cac.png ) no-repeat 0 0;
    cursor: pointer;
    height: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 377px;
}
#branding h2 {
    color: #497aac;
    float: right;
    font-size: 1.75em;
    font-weight: normal;
    margin: -13px 23px 0 0;
    max-height: 50px;
    position: relative;
}
#branding h2 strong {
    color: #3399ff;
    font-weight: normal;
}
/* /branding elements
 *****************************************************/

/* navigation elements
 *****************************************************/


#navigation li {
    display: inline;
    font-size: 1.316em;
    font-weight: bold;
    margin: 0 0 0 16px;
}



/* /navigation elements
 *****************************************************/

/* mainContent elements
 *****************************************************/
#mainContent a { color: #142c3a; }
#mainContent a:visited {
    color: #63562b;
    text-decoration: none;
}
#mainContent h1 {
    background: #fff;
    color: #3399ff;
    font-size: 2em;
    margin: 8px 0 19px;
}
#intro {
    font-size: 1.5em;
    padding: 30px 13px;
}
 #intro strong { color: #369; }
#mainContent .body { line-height: 1.5em; }
#mainContent .body p { margin: 0 0 1.5em; }
/* /mainContent elements
 *****************************************************/

/* subContent elements
 *****************************************************/
/* /subContent elements
 *****************************************************/

/* footer elements
 *****************************************************/
#footer a { color: #fff; }
#footer p { padding: 0 0 2px; }
/* /footer elements
 *****************************************************/