/* font-face */
@font-face {
    font-family: 'EPFUC';
    src: url('/css/fonts/epf_uc.eot');
    src: local('EPF'), local('EPF-UC'), url('/css/fonts/epf_uc.woff') format('woff'), url('/css/fonts/epf_uc.otf') format('opentype');
}

@font-face {
    font-family: 'EPFUCB';
    src: url('/css/fonts/epf_ucb.eot');
    src: local('EPF'), local('EPF-UCB'), url('/css/fonts/epf_ucb.woff') format('woff'), url('/css/fonts/epf_ucb.otf') format('opentype');
}

@font-face {
    font-family: 'EPFUUL';
    src: url('/css/fonts/epf_uul.eot');
    src: local('EPF'), local('EPF-UUL'), url('/css/fonts/epf_uul.woff') format('woff'), url('/css/fonts/epf_uul.otf') format('opentype');
}

@font-face {
    font-family: 'EPFUULB';
    src: url('/css/fonts/epf_uulb.eot');
    src: local('EPF'), local('EPF-UULB'), url('/css/fonts/epf_uulb.woff') format('woff'), url('/css/fonts/epf_uulb.otf') format('opentype');
}




/* overrides from webassets */

/* remove padding for liquidridgid setup - #mapContainer needs 100% width */
body {
    margin:0;
    padding:0;
    background: #836E4A url(/images/background.jpg) center center fixed no-repeat;
    color: #4D4D4D;}


/* Generic styles */

img {
    margin: 0;
    padding: 0;
    border: 0;}
    
a {
    color: #000000;
    text-decoration: underline;}
    
    a:hover {
        color: #2EA890;}
    
    a.backLink {
        text-decoration: none;}
        
h1 {
    margin: 0 1em 0 -1.2em;
    padding: 0;}

/* page title */
/*h2 {
    font-weight:normal;
    text-transform:uppercase;
    font-family:'EPFUUL', Arial, sans-serif;}*/

h2, h3 {
    font-weight:normal;
    font-family:'EPFUC', 'Trebuchet MS', Arial, sans-serif;
    margin: 0.5em 0;}    
    
    h2 span, h3 span {
        color:#80808E;}
        
h3 {
    font-size: 1.4em;}
        
a.pageTop {
    text-decoration: none;
    font-family:'EPFUC', 'Trebuchet MS', Arial, sans-serif;
    background: url(/images/arrow.png) left no-repeat;
    padding-left: 20px;
    float: right;}
        
div.paginator {
    text-align: right;
    margin: 1em 0;
    font-family:'EPFUC', 'Trebuchet MS', Arial, sans-serif;
    color: #80808E;}
        
    div.paginator a.current {
        color: #80808E;
        cursor: normal;}    
    
    div.paginator a {
        text-decoration: none;
        display: inline-block;
        padding: 0.2em 0.4em;}
        
/* Inline Images */
div.inlineImages {}

    div.inlineImages p {}

    div.inlineImages .caption {
        width: 100%;}

    div.inlineImages .credit {}

    div.inlineImages ul {
        margin: 0;
        padding: 0;}

    div.inlineImages li {
        float: left;
        list-style-type: none;
        margin: 0;}
    
    div.inlineImages a, div.inlineImages a:visited {
        text-decoration: none;
        border: 1px solid #ffffff;
        display: block;
        padding: 2px;
        height: 30px;
        vertical-align: middle;}

    div.inlineImages a img, div.inlineImages a:visited img {
        width: 40px;
        height: auto;
        display: inline-block;}
        
    div.inlineImages a:hover, div.inlineImages a.current, div.inlineImages a:visited.current {
        border-color: #000000;}
    
    div.inlineImages a:hover img, div.inlineImages a.current img {}
    
    div.inlineImages p.description {
        background: #BFD0E3 url(/images/bubble.png) 5px no-repeat;
        padding: 5px 5px 5px 30px;
        color: #000000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;}
        
div.webspace_contact {
    padding: 0 0.5em;
    border-bottom: 1px solid #000000;}

/* Layout */

.liquidExpander {
    background: #ffffff url(/images/swirl_footer.png) center bottom no-repeat;
    padding-bottom: 95px;}
    
#main {
    padding: 0.5em 3em 0 3em;
    background: url(/images/swirl_top.png) right top no-repeat;}
    
    #mainContent {
        overflow: hidden;}
        
#header {
    border-bottom: 4px solid #000000;
    padding-bottom: 2em;
    position: relative;
    margin-bottom: 2em;
    min-height: 280px;}
    
    #ie7 #header {
        height: 280px;}
    
    #header h1 {
        float: left;}
        
img.headerImg {}    
    
#slideshow_base {
    width: 70%;
    overflow: hidden;
    clear: left;
    float: right;
    margin-top: -148px;}
    
    #ie7 #slideshow_base {
        margin-top: auto;}
    
    #slideshow_image {
        width: 100%;
        overflow: hidden;
        position: relative;}
        
        #slideshow_image img {
            width: 100%;}
        
    #slide1, #slide2 {
        position: absolute;
        right: 0;
        top: 0;}
    
#nav {
    position: absolute;
    left: 0;
    bottom: 2em;}
    
    #nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;}
        
        #nav li {
            margin: 0;
            padding: 0;}
            
            li.menu_node_1, li.menu_node_9 {
                background: #2DA68E;}
            li.menu_node_2, li.menu_node_10 {
                background: #A4A82A;}
            li.menu_node_3, li.menu_node_11 {
                background: #5B87B8;}
            li.menu_node_4, li.menu_node_12 {
                background: #DC8B4D;}
            li.menu_node_5, li.menu_node_13 {
                background: #D6616F;}
            li.menu_node_6, li.menu_node_14 {
                background: #965E95;}
            li.menu_node_7, li.menu_node_15 {
                background: #F5B83C;}
            li.menu_node_8, li.menu_node_16 {
                background: #7FC8DE;}
            
        #nav a {
            font-family:'EPFUC', 'Trebuchet MS', Arial, sans-serif;
            color: #80808E;
            text-decoration: none;
            padding: 0.2em 0.5em;
            background: #ffffff;
            margin-left: 25px;
            display: block;
            font-size: 1em}
            
            #nav a:hover {
                color: #000000;}
                
div.clear {
    clear: both;
    height: 0;
    width: 0;}
    
#primary {
    width: 60%;
    float: left;
    padding-right: 2%;}
    
    .hasImages #primary {
        width: 97%;
        float: left;
        border: none;
        padding-right: 0;}
        
    .hasImages div.inlineImages {
        width: 24%;
        float: left;}
        
    .hasImages div.inlineImages .inlineImages {
        width: 100%;}

div.contentNode {
    overflow: hidden;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #000000;}

.hasImages div.newsContent {
    padding-left: 26%;}
        
    
        
#secondary {
    float: right;
    width: 34%;
    border-left: 1px solid #808080;
    padding-left: 2.5%;}
    
    #secondary img, .inlineImages img {
        width: 100%;
        height: auto;}
    
    .hasImages #secondary {
        display: none;}

/* main content div needs to be position relative, with z-index, so the map can 
   use Effect.Opacity to stay loaded in the background....
*/
.liquidBody {
    position:relative;
    /* #mapContainer is z-indexed to 0, and swapped to 1000 on Map.open() event */
    z-index:100;} 
    
/* MAP */
div#mapContainer  {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(/images/map_bg.png);
    z-index: -1;}
    
    div#mapContainer div.mapWrapper {
        position:fixed;
        width:100%;
        height:100%;}
        
        div#mapContainer div.mapWrapper #cvbaMap, #SWFObjectExprInst, #needFlash {
            top: 50%;
            position: relative;
            margin: 0 auto 0 auto;
            z-index: 999;
            visibility: hidden;
            width: 770px;
            left: 0;}
            
        #needFlash {
            height: 305px;
            width: 770px;
            background: #E7E0DC;
            top: 200px;
            padding-top: 200px;}
            
        #ie7 div#mapContainer div.mapWrapper #cvbaMap, #ie7 #SWFObjectExprInst, #ie7 #needFlash {
            position: absolute;
            margin-left: -385px;
            top: 29%;}
        
        div#mapContainer div.actions {
            position: relative;
            top: 50%;
            width: 770px;
            margin: -180px auto 0 auto;
            padding: 5px 0;
            z-index: 1000;
            text-align: right;
            background: #e7e0dc;}
            
        #ie7 div#mapContainer div.actions {
            margin-left: -385px;}
            
            div#mapContainer div.actions a {
                color: #000;
                font-size: 1em;
                font-family: 'EPFUC';
                padding: 0 20px 0 0;
                margin: 0 20px 0 0;
                text-decoration: none;}
                
                div#mapContainer div.actions a.print {
                    background: transparent url(/images/bn_print_map.png) no-repeat 100% 50%;}
                    
                div#mapContainer div.actions a.close {
                    margin-right: 5px;
                    background: transparent url(/images/bn_close_map.png) no-repeat 100% 50%;}
  
  
/* CONTENT */
div.left, div.right {
    float:left;
    width:28%;}
    
div.center {
    float:left;
    width:66%;
    margin:0 2%;}
    
ol.form input, ol.form textarea {
    border: 1px solid #cccccc;} 
    
ol.form label, ol.form.labelsAlignedRight label, ol.form div.label {
    font-weight: normal;
    width: 15%;}
    
.form button {
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #ffffff;
    padding: 0.2em 25px 0.2em 0.5em;
    border: none;
    cursor: pointer;
    background: #000000 url(/images/search_arrow.png) 90% center no-repeat;
    font-size: 1em;
    font-family:'EPFUC', 'Trebuchet MS', Arial, sans-serif;
    float: right;}

ul.formActions {
    width: 77%;}
    
    ul.formActions li.alignedRight {
        float: right;}
        
.form p.required {
    text-align: right;
    width: 77%;}
    
ol.form div.formError, ol.form div.hint {
    margin-left: 17%;}
    
p.feedbackSuccess {
    color: #5B88B8;
    font-size: 110%;}
    
ol.form div.formError, .required span {
    color: #D66171;}