/*****CSS RESET*******/
html, 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, 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; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: }

/*****BODY STYLES*******/
body { font-family: Arial; font-size: 11px; line-height: 18px; background: #cfcfcf; text-align: justify; }
hr { width: 80%; margin-top: 30px; margin-bottom: 30px; border-width: 1px; }

p { margin-bottom: 8px; }
h1 { font-size: 25px; margin-bottom: 30px; letter-spacing: 3px; font-weight: normal; }
h2 { font-size: 15px; margin-top: 8px; }
a { color: #CC0000; text-decoration: none; }
a:hover { text-decoration: none; color: #A8A8A8; }
#container { margin: 0 auto; width: 800px; background: #ffffff; overflow: hidden; }

/*****HEADER STYLES*****/
#header { float: left; width: 800px; height: 200px; background: #ffffff; }
#header img { float: right; width: 800px; height: 200px; }

/*****NAV STYLES*****/
ul#nav { float: left; width: 750px; padding-left: 25px; padding-right: 25px; height: 45px; background: #333333; }
ul#nav li { float: left; text-align: center; }
ul#nav a { float: left; padding: 14px 15px 10px; color: #FFF; text-decoration: none;}
ul#nav a:hover{ float: left; padding: 14px 15px 10px; text-decoration: none; color: #A8A8A8; }

/******CONTENT STYLES******/
#middleContent { float: left; width: 720px; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; background: #ffffff; }
#middleWideContent { float: left; width: 800px; padding-left: 0px; padding-right: 0px; padding-top: 40px; padding-bottom: 40px; background: #ffffff; }
#leftContent { float: left; width: 500px; padding-left: 30px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; background: #ffffff; }
#rightContent { float: right; width: 220px; padding-left: 10px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px; background: #ffffff; }
#rightContent p { margin-bottom: 16px; }

/*****LIST STYLES*****/
ol.custom {counter-reset:customList; }
ol.custom li:before {content: "["counter(customList)"] "; counter-increment: customList; }
ol.custom li {margin-bottom: 8px; }
ul.custom {list-style-type: square; list-style-position:inside; padding-left:0px;}

/******TABLE STYLES******/
#duoTable { width:690px }
#duoTable td { vertical-align:middle; padding:15px }
#trioTable { width:690px; text-align: justify}
#trioTable td { vertical-align:top; padding:15px }
#photoTable { width:630px; text-align: center}
#photoTable td { vertical-align:top; padding:5px }

/******FOOTER STYLES******/
#leftFooter { float: left; width: 100px; height: 30px; padding-left: 40px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; background: #333333; text-align: left; }
#middleFooter { float: left; width: 520px; height: 20px; padding-left: 0px; padding-right: 0px; padding-top: 15px; padding-bottom: 15px; background: #333333; text-align: center; }
#rightFooter { float: left; width: 100px; height: 30px; padding-left: 0px; padding-right: 40px; padding-top: 10px; padding-bottom: 10px; background: #333333; text-align: right; }