@CHARSET "ISO-8859-1";

/**
 * Reset all
 */

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:15px;}
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:'';    content: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;}

/**
 * Main style
 */

body { background: #DFDFFA; font-family: "Trebuchet MS"; font-size: 1em; }
#container { width: 1000px; margin: 0 auto; }
#content { background: url("../img/header_bg.png") repeat-y ; float: left; width: 100%; }
#footer { float: left; }
a { outline: none ; text-decoration: none ; }
    a:hover { text-decoration: none ; }

/*
 * Header
 */
#header { width: 920px; padding: 20px 40px;
    background: url("../img/header_bg.png") repeat-y;
    *background: url("../img/header_bg.png") repeat-y;
    *height: 95px;
}
    #header #logo { float: left; margin: 0 140px 0 0; }
    #header #tagline p { font-size: 1.4em; text-align: center; font-weight: bold; line-height: 25px; }
    #header #tagline span { font-size: 0.8em; text-align: center; font-weight: normal; margin: 20px 0 0 0; display: block;}

#nav { width: 1001px; background: url("../img/header_bg.png") repeat-y; }
    #nav ul { height: 30px; }
        #nav ul li { display: inline; color: #FFFFFF; line-height: 30px; background: #1B408D; padding: 4px 0px 5px; }
            #nav ul li.selected { padding: 4px 0px 5px; background: #DB1473; }
            #nav ul li a { color: #FFFFFF; padding: 6px 43px; border-right: 1px solid #FFFFFF; margin: 0 -4px 0 0; }
                #nav ul li:hover { background: #DB1473; padding: 4px 0px 5px; text-decoration: none; }
                #nav ul li a.nav_newsletter_item,
                #nav ul li a.nav_newsletter_item:hover,
                #nav ul li.selected a.nav_newsletter_item { border-right: none; padding: 6px 44px; margin: 0; }

/*
 * HOME
 */

#left_side { width: 380px; float: left; margin: 0; text-align: left; padding: 20px 0 0 20px; font-size: 0.7em;}
    #left_side .picture { margin: 10px 0; }

#right_side { width: 500px; float: left; padding: 50px 50px 20px; font-size: 0.9em; }
    #right_side p { margin: 0 0 20px 0; line-height: 1em;}
    #right_side ul { margin: 20px 0 0 0; }
        #right_side ul li { list-style: square; list-style-position: outside; margin: 0 0 20px 0; line-height: 1.3em; }

/*
 * NEWSLETTERS
 */

#col1 { width: 300px; float: left; }
    #col1 ul { margin: 40px auto 60px; width: 130px; }
        #col1 ul li { padding: 15px 0; }
            #col1 ul li a { font-weight: bold; color: #000000; font-size: 1.1em; }
#col2 { width: 200px; float: left; }

/*
 * PRESS
 */

h2.press { width: 100%; text-align: center; }
ul#press { float: left; margin: 100px 0 0 0 ;}
    ul#press img { width: 170px; }
    ul#press li { display: inline; list-style: none; width: 240px; float: left; text-align: center; }
        ul#press li span { font-size: 0.8em; padding: 40px 0 0 0 ; float: left; text-align: center; width: 240px; }


/* 
 * BORNES
 */

#interactive_map { width: 550px; padding: 20px 0 0 20px; float: left; }
#borne_msg { padding: 10px 0; float: left; width: 400px; font-family: "Droid Sans", arial, serif; line-height: 1.3em; font-size: 1.1em; }
#listing { float: left; width: 400px;  margin: 0; padding: 0px; height: 515px; }
    #listing h2 { font-weight: bold; font-size: 1.0em; padding: 5px 0 0 0; display: block; color: #50038B;}
    #listing p { padding: 110px 60px; }
    #listing span { font-size: 0.8em; padding: 5px 0; display: block;}
    #listing span.form { font-size: 0.8em; padding: 0; display: block; margin: 10px 0 0 0;}
    #listing div.evenRow { padding: 0 5px; background: #FFFFFF; }
    #listing div.altRow { background: #EFEFEF; display: block; padding: 0 5px; }
    #listing div.box { }
    #listing div.region_content { border: 2px dotted #DB1473; height: 250px; overflow: auto; }
    #listing .required { color: #FF0000; }
    #listing div.form { border:1px solid #20366C; margin: 5px 0 0 0; padding: 5px 0;}
        #listing div.form label{ width: 120px; display: block; float: left; text-align: right; padding: 0 10px 0 0; color: #000000; }
        #listing div.form input{ width: 230px; display: block; padding: 3px; color: #000000; margin: 3px 0 2px;}
        #listing div.form .submit input{ width: 100px; display: block; padding: 3px; color: #000000; margin: 10px 0 0 130px;}
        #listing div.form .error-message { margin: 0 0 2px 130px; font-size: 0.8em; }

/*
 * Footer
 */

#footer { float: left; width: 100%; background: url("../img/header_bg.png") repeat-y ; }
#footer ul { float: left; margin: 20px 0 20px 40px; }
    #footer ul li { display: inline; padding: 0 35px 0 0;}