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,
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-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
hr { border: 0; height: 1px; background: #323232;}
blockquote, q { quotes: "" ""; }
a, a:hover, a:active, a:visited, img { text-decoration: none; outline: none; }
img, fieldset { border: none; }

html        { height: 100%; padding-bottom: .1em; }

body        { color: #686868; font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif; font-size: 1em; background: #383838; }

/**
 * Layout
 */
#header         { height: 62px; }
#background     { background: url('/images/bg_bokeh_m.jpg') no-repeat; width: 580px; margin-left: -188px; height: 454px; position: absolute; left: 50%; top: 0; z-index: -1; }
#logo           { float: left; margin-left: 13px; }
#logo span      { position: absolute; left: -9999px; margin: 0; padding: 0; float: left; }
#head_menu a    { color: #FFFFFF; }

.structure      { position: absolute; top: -9999px; left: -9999px; }

h1              { clear: both; font-family: 'Century Gothic', 'Futura Lt BT', sans-serif; font-size: 2.2em; margin-bottom: 14px; padding: 0;}
h2              { clear: both; font-size: 1.4em; margin: 1.4em 0; border-bottom: 1px solid #686868; }
h2 a:hover      { text-decoration: none; color: #686868; }
h3              { clear: both; font-size: 1em; margin: 1em 0; }

h1,
#head_menu .active a,
.active a,
a.active,
a:active,
p a,
.main_content a,
a:hover         { color: #da251d; }

a               { color: #3a3a3a; }

a:hover         { text-decoration: underline; }

#head_menu      { margin: 35px 0 0; float: right; }
#head_menu li   { display: inline; margin: 0 20px 0 0;}
#head_menu a    { font-size: 15px; font-family: 'Century Gothic', 'Futura Lt BT', sans-serif; }

#header_images  { height: 239px; background: #686868 url('/images/bg_header.gif') repeat-x; }
#header_images img { height: 239px; }

#content,
#sub_menu       { background: #FFFFFF; margin: 25px 0 0 0; padding: 10px 20px; }

#content        { font-size: 0.8em; margin-left: 25px; width: 870px; }
#sub_menu       { text-align: right; position: absolute; right: 0; font-family: 'Century Gothic', 'Futura Lt BT', sans-serif; }
#sub_menu li    { margin: 0 0 7px 0; }

.main_content   { width: 550px; padding-right: 100px; background: url('/images/horiz_divider.jpg') repeat-y right;}
.full { background: none; padding-right: 0; width: auto; }
.main_content ul { margin: 0 0 1.4em 0; list-style: disc; list-style-position: inside; }
.main_content ol { margin: 0 0 1.4em 0; list-style: decimal; list-style-position: inside; }
.main_content p  { clear: both; margin: 0 0 1.4em 0; }

/* Entity */
.entity .date       { margin: -20px 0 12px 0; font-size: 0.75em; text-transform:uppercase; }
.entity .border_top         { margin-top: -12px; border-top: 1px solid #686868; }
.entity .lead img   { float: left; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #686868; }
.entity .link_img   { border: #acadaf 1px solid; padding: 7px; width: 148px; }

/* Paginaton */
#content .pagination            { clear: both; }
#content .pagination li         { float: left; text-align: center; vertical-align: middle; }
#content .pagination a          { background: #FF0000; margin-right: 10px; padding: 4px 8px; color: #FFF; border: none; }
#content .pagination a:hover,
#content .pagination .active a  { color: #fff; background: #565656; }

/* Gallery */
.gallery            { position: relative; width: 660px; }
.gallery li         { float: left; margin: 15px 10px 10px 0; list-style: none; }
    .gallery li img { border: #acadaf 1px solid; }
    .gallery .even  { margin-right: 0; }

.selected_image     { left: 50%; margin-left: -70px; position: relative; }

/* Contact form */
#contact_form { clear: both; float: left; width: 300px; }
    #contact_form input, #contact_form textarea { padding: 5px; width: 100%; font-family: Verdana, sans-serif; font-size: 1em; }
    #contact_form select { margin: .5em 0; }
    #contact_form p { margin: .5em 0; }

    #contact_form span { color: #ff0000; }

    #contact_form button { background: #916631; color: #fff; font-weight: bold; border: #acadaf 1px solid; padding: 5px; }
    #contact_form .error { color: #ff0000; font-weight: bold; }

.contact { float: left; margin: 0 0 0 60px; background: url(/images/logo_contact.gif) no-repeat top right; }
.contact h2 { padding-top: 20px;}
.contact dt { border-right: 1px solid #999999; float: left; font-size: 18px; font-weight: bold; height: 60px; padding: 0 26px 0 0; text-align: right; width: 130px;}
.contact dd { float: right; width: 300px; padding: 0 0 0 26px;}
.contact dd.clear { float: none; clear: both; height: 15px; margin: 0;}

.img_left, .img_left img { float: left; margin: 0 10px 10px 0; }
.img_right, .img_right img { float: right; margin: 0 0 10px 10px; }

#footer         { text-align: right; margin:20px -4px; font-size: 0.7em; }
/**
 * Grid
 */
.container              { margin-left: auto; margin-right: auto; width: 960px; }
.grid_1,.grid_2,.grid_3,
.grid_4,.grid_5,.grid_6,
.grid_7,.grid_8,.grid_9,
.grid_10,.grid_11,.grid_12
                        { margin-left: 10px; margin-right: 10px; display: inline; float: left; position: relative; }

.container .grid_12     { width: 940px; }

.first                  { margin-left: 0; }
.last                   { margin-right: 0; }

/**
 * Helpers
 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:28px; background:#FF0000; opacity: 0.6; padding: 1em; left:0; text-align:center; width:100%; color:#FFF;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}