/** ============================== **
 **           Mass Reset           **
 ** ============================== **/
 
/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset { margin: 0; padding: 0; }

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 1em 0;
    padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
ul, ol, li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }

/* Form field text-scaling */
input, select, textarea { font-size: 100%; }

/** ============================== **
 **         End Mass Reset         **
 ** ============================== **/
 
 
/********** BEGIN RATTIKIN STYLES **********/ 
body { background: #231502; font-family: Candara, Trebuchet MS, Arial; }

/***** GLOBAL STYLES *****/
#page-wrapper { height: 100%; }
#content-wrapper { margin: 0 auto; padding: 0; width: 1000px; position: relative; /*background: #9b9b9b url(../images/layout/bg.jpg) repeat-x top;*/ z-index: 0; }
#content-wrapper #content { margin: 0;}
#content-wrapper #content h2 { margin: 0 0 10px 0; font-size: 24pt; font-weight: normal; }
#content-wrapper #content h3 { margin: 30px 0 5px 0; font-size: 16pt; font-weight: normal; }
#content-wrapper #content h4 { margin: 0 0 25px 0; font-size: 12pt; font-weight: bold; }
#content-wrapper #content p { margin: 0 0 15px 0; padding: 0; font-size: 12pt; }
#content-wrapper #content a, #content a:visited { text-decoration: underline; color: white; }
.media { margin-bottom: 10px; padding: 0; border: solid 2px #404040; background: white; color: White; }
.pic { padding: 1px; border: solid 1px #1a1711; background: white; }
.side-box { 
    margin: 0; 
    padding: 10px; 
    border: solid 1px black;
    background: url(../images/layout/whtie-box-top-bg.jpg) repeat-x top; 
    background-color: #f2f0f1 !important; 
    color: Black!important;  
    text-align: center;
}
.side-box h3 { margin: 0 0 5px 0 !important; padding: 0; font-size: 12pt; }
.img-border { padding: 1px; border: solid 1px #404040; background: white; }
.list-of-links-main { margin-left: 0; list-style-type: none; }
.list-of-links-main li { margin: 10px 0 0 0; font-size: 12pt; }
.list-of-links-main li a { text-decoration: underline !important; cursor: pointer; }
.left-side-links { margin-left: 0; list-style-type: none; }
.left-side-links li { margin: 10px 0 0 0; font-size: 10pt; }
.left-side-links li a { color: White !important; text-decoration: underline !important; cursor: pointer; }
#logos img { width: 180px; border: 0; }
#logos a { border: 0; text-decoration: none; }
#award-links a, #award-links img { border: 0; text-decoration: none; }
#award-links h2 { font-size: 12pt !important; }
.rounded-corners { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gray-button { padding: 3px; font-size: 10pt; color: white; background: #878787; border: 0; cursor: pointer; }
.white-button { padding: 3px; font-size: 10pt; color: #404040; background: white; border: 0; cursor: pointer; }
#twitter_update_list { margin: 0; padding: 0; list-style-type: none; }
#twitter_update_list li { margin: 0 0 10px 0; padding: 0; }

/***** SOCIAL LINKS *****/
#social-links-wrapper { margin: 0; height: 30px; background: url(../images/layout/social-links-bg.jpg) repeat-x; }
#social-links-wrapper #social-links { margin: 0 auto; padding: 0 0 0 10px; width: 990px; font-size: 10pt; color: #cfcfcf; }
#social-links-wrapper a { color: #cfcfcf !important; }

/***** HEADER *****/
#header { margin: 0 auto; height: 120px; width: 1000px; /*background: url(../images/layout/header/bg.jpg) repeat-x;*/ background: #2d1d02; }
#header #title-wrapper { margin: 0; width: 1000px; height: 120px; background: url(../images/layout/header/title.jpg); color: White; }
#header #title-wrapper #title { padding: 20px 0 0 10px; }
#header #title h1, #header #title h2 { margin: 0; padding: 0; font-size: 26pt; font-weight: normal; }
#header #title h2 { font-size: 20pt; }

/***** NAV BAR *****/
#nav-bar { margin: 0; height: 30px; background: url(../images/layout/nav-bg.jpg) repeat-x; font-size: 9pt; } 
#nav-bar #nav-bar-links { margin: 0 auto; padding-top: 8px; padding-left: 10px; width: 990px; }
#nav-bar #nav-bar-links a, #nav-bar #nav-bar-links a:visited { color: White; text-decoration: none; font-weight: bold; }
#nav-bar #nav-bar-links ul { margin: 0; padding: 0; list-style-type: none; }
#nav-bar #nav-bar-links ul li { margin: 0; padding: 0 20px 0 0; float: left; } 

/***** TWO MASTER *****/
#two-column-master-tbl { width: 1000px; position: relative; }
#two-column-master-tbl #main-col { width: 750px; padding: 10px 15px 10px 10px; border: solid 5px #770d0d; background: url(../images/layout/main-col-bg.jpg) repeat-y; color: white; }
#two-column-master-tbl #right-col { padding-left: 1px; width: 214px; }

/***** FULL WIDTH MASTER *****/
.full-width-wrapper { padding: 10px; border: solid 5px #770d0d; width: 970px !important; background: url(../images/layout/main-col-bg.jpg) repeat-y; color: white; }

/***** FULL WIDTH GRAY BG MASTER *****/
.full-width-wrapper-gray-bg { padding: 10px; border: solid 5px #770d0d; width: 970px !important; background: #f2f0f1 url(../images/layout/whtie-box-top-bg.jpg) repeat-x top; color: black; }

/***** ACCORDION *****/
.accordion { border: solid 2px #1a1711; /*background: #353535; background: transparent;*/ }
.accordion-cell { /*background: #f2f0f1;*/ color: white; }
.accordion-header { padding: 5px; background: url(../images/layout/whtie-box-top-bg.jpg) repeat-x top; border-bottom: solid 3px #353535; font-weight: bold; cursor: pointer; font-size: 10pt; color: Black; }
.accordion-content { padding: 5px; font-size: 10pt; background: #353535; }
.accordion-content a:link, .accordion-content a:visited 
{ 
    color: White !important; 
    text-decoration: underline !important; 
    font-weight: normal !important;
    font-size: 10pt !important;
}
.accordion-link-list { margin: 0; padding: 0; list-style-type: none; }
.accordion-link-list li { margin: 0 !important; padding: 0 0 10px 0 !important; } 

/***** FOOTER *****/
#footer-wrapper { margin: 0 auto; width: 1000px; padding: 0; border-top: solid 0 #d2d2d2; height: 100%; background: #231502; color: #bdb6ad; z-index: 10; }
#footer { margin: 0; padding: 20px 0; width: 1000px; font-size: 12pt; text-align: center; }
#footer a { color: #bdb6ad !important; }

/***** SERVICES *****/
#content-wrapper #content .service h2 { margin: 0 0 10px 0; font-size: 20pt; font-weight: normal; }
#content-wrapper #content .service .service-header, #content-wrapper #content .service-title .service-header { width: 100%; text-align: center; }
.service-header img { margin-bottom: 10px; }
.side-links a { color: Black !important; }
#main-service-links, .side-links ul { margin-left: 0; list-style-type: none; }
#main-service-links li, .side-links ul li { margin: 10px 0 0 0; font-size: 10pt; }
#main-service-links li a, .side-links ul li a { text-decoration: underline !important; cursor: pointer; }

/***** HISTORY *****/
.history-headshot { margin-top: 10px; padding: 1px 1px 0 1px; background: white; border: solid 1px #404040; }
.history-headshot img { margin: 0 auto; padding: 0; width: 100px; }
.history-headshot p { margin: 0 !important; padding: 5px !important; color: #404040; font-size: 9pt !important; }
.history-item-container { }
#our-awards { background: white !important; }

/***** STAFF *****/
.bio-container { margin: 10px 0 0 0; padding: 0; }
.bio-container img { float: left; margin: 0 10px 5px 0; padding: 1px; width: 150px; background: white; border: solid 1px #404040; }
.bio-container h3 { margin-top: 0 !important; }
.bio-container p a { text-decoration: underline !important; }

/***** LOGIN *****/
#login-wrapper h3 { margin: 0 0 0 10px; }
#login-wrapper #login-body input[type=text], #login-wrapper #login-body input[type=password] { padding: 4px; width: 200px; font-size: 10pt; }

/***** ADMIN *****/
#admin-nav { margin: 0; padding: 0; list-style-type: none; }
#admin-nav li { margin: 0 0 5px 0; padding: 0; }
#admin-nav li a { text-decoration: underline !important; }
.fs-admin { margin: 20px 20px 0 0; padding: 15px; }
.fs-admin legend { margin-left: 10px; font-weight: bold; color: White; }

/***** ARTICLE MANAGEMENT *****/
#article-editor label, #article-editor input { display: block; }
#article-editor label { font-size: 8pt; }
#article-editor input[type=text] { margin-bottom: 10px; width: 300px; padding: 4px; }

/***** BLOG MANAGEMENT *****/
#admin-blog-wrapper label, #admin-blog-wrapper input[type=text] { display: block; }
#admin-blog-wrapper input[type=text] { margin-bottom: 10px; padding: 0.2em; font-size: 10pt; }

/***** BLOGS *****/
#blog-wrapper { width: 750px; }

/***** CONTACT *****/
#contact-wrapper h3 { margin: 0 0 5px 0 !important; padding: 0; }
#contact-form label, #contact-form input { display: block; }
#contact-form label { font-size: 10pt; margin-bottom: 4px; }
#contact-form input[type=text], #contact-form textarea { margin-bottom: 10px; width: 300px; padding: 4px; font-size: 10pt; }
#contact-form textarea { margin-top: 10px; height: 100px; }

/***** RELATED SITES *****/
#related-sites { margin-top: 20px; margin-left: 25px; }
#related-sites a, #related-sites a img { border: 0; text-decoration: none; }
#related-sites a img { padding: 10px; border: solid 4px #404040; }

/***** MEDIA *****/
#media-wrapper h3 { margin: 0 !important; padding: 0; }
#media-wrapper a { font-size: 10pt !important; }
.video-player { margin: 0 auto; padding: 25px; width: 320px; height: 240px; background: black; border: solid 5px #404040; }