body
{
    background: url(images/bg.jpg) no-repeat top center #97cae4;
    margin: 20px 0 0 0;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3b5564;
}

p
{
    margin: 0px;
    line-height: 17px;
    text-align: justify;
}

hr
{
    background-color: #2e5d76;
    height: 1px;
    margin: 1px 0 5px 0;
    border: none;
}


span.blue
{
    color: #a5dcf8;
}
span.dark_blue
{
    color: #2e5d76; /*#116c64;*/
}

#main_container
{
    width: 900px;
    height: auto;
    margin: 20px auto;
    background-color: #fff;
}

.header
{
    width: 900px;
    height: 90px;
    margin: auto;
    background: url(images/header_bg.gif) repeat-x;
}

#logo
{
    padding: 0;
    margin: 0;
    float: left;
}

#logo a
{
    margin: 0;
    padding: 0;
}

#logo img
{
    height: 89px;
    width: 290px;
    border: none;
}


#menu
{
    float: right;
    width: 595px;
    height: 35px;
    margin-top: 55px;
}

#middle_box
{
    width: 900px;
    height: 208px;
    clear: both;
    margin: auto;
}

.pattern_bg
{
    width: 900px;
    height: 162px;
    clear: both;
    margin: auto;
    background: url(images/pattern_bg.gif) no-repeat center;
}
.pattern_box
{
    width: 425px;
    float: left;
    margin: 15px 0 0 15px;
}
.pattern_box_icon
{
    float: left;
    padding: 5px;
}
.pattern_content
{
    width: 300px;
    float: left;
    padding: 5px 0 0 5px;
}

.pattern_content h1
{
    font-size: 1.4em;
    margin: 0;
    color: #a5dcf8;
}
.pattern_content p
{
    font-size: 1em;
    color: White;
    line-height: 1.3em;
}

.pattern_content a
{
    color: #a5dcf8;
     text-decoration: none;
}

.pattern_content a:hover;
{
    text-decoration:underline;
}



/*---------------------main_content------------------*/
#main_content
{
    width: 885px;
    height: auto;
    margin: 10px auto;
    padding: 0 0 0 15px;
    text-align:left !important;
}
.clear
{
    clear: both;
}

#main_content h1
{
    font-size: 1.5em;
    padding: 5px 10px;
    margin: 1px;
    color: #2e5d76;
    background: url(images/header_bg.png) top left no-repeat;
}

#main_content h2
{
    font-size: 1.2em;
    padding: 5px 10px;
    margin: 5px 0 0 0;
    color: #2e5d76; /*background: url(images/box_bg_wide.gif) repeat-x;*/
}

#main_content p
{
    clear: both;
    padding: 0 10px;
}

#main_content a
{
    color: #AA0000;
    padding: 10px 0;
    font-size: 12px;
    text-decoration: none;
}

#main_content a:hover
{
    text-decoration: underline;
}

#main_content ul
{
    margin: 10px 0;
    padding: 0 10px;
}

#main_content li
{
    list-style: square url(images/checked.gif) outside;
    margin: 5px 35px;
    padding: 0 0 0 5px;
    line-height: 17px;
}

#main_content table
{
    margin-left: 15px;
    padding: 5px;
}


/* layout for startpage */

#box_left
{
    width: 554px;
    height: auto;
    float: left;
    margin: 10px 10px 30px 10px; /* background: url(images/box_bg_wide.png) repeat-x;*/
}

#box_right
{
    width: 267px;
    height: auto;
    float: left;
    margin: 10px 10px 30px 10px; /*background: url(images/box_bg_wide.png) repeat-x ;*/
    padding-left: 5px;
    border-left: 2px solid #e8eff2;
}


/* layout for subpages */

.box_wide
{
    width: 410px;
    height: auto;
    float: left;
    margin: 10px 10px 30px 10px;
 
}

.box_wide p
{
   text-align:left !important;
    
}


.box_wide_full
{
    width: 850px;
    height: auto;
    margin: 10px 10px 30px 10px;
}

.box_wide img, .box_wide_full img
{
    float:left;
    margin: 5px 10px 5px 0;
}

/* layout for news page */

.box_news
{
    width: 850px;
    height: auto;
    margin: 10px 10px 30px 10px;
}

/*-----------------------------footer------------------*/
#footer
{
    width: 900px;
    height: 75px;
    color: #508aa1;
    background-color: #e8eff2;
    margin: 0;
    padding: 0;
}

#footer #logos1
{
    width: 200px;
    float: left;
}

#footer #logos2
{
    width: 150px;
    float: right;
}

#footer #logos1, #footer #logos2
{
    margin: auto;
    padding: 15px 0 0 5px;
}

#footer #logos1 img
{
    padding: 0 5px 0 0;
    border: 0px none;
}

#footer #logos2 img
{
    padding: 0 0 0 5px;
    border: 0px none;
}

#footer #text
{
    font-family: Arial;
    font-weight: normal;
    color: #666;
    font-size: 10px;
    font-weight: bold;
    padding: 20px 0 0 15px;
    text-align: center;
    float: left;
    width: 350px;
    margin-left: 60px;
}

#footer #text a
{
    color: #666;
    text-decoration: none;
}

#footer #text a:hover
{
    color: #333;
    text-decoration: underline;
}

/* google maps */

#mapcanvas
{
    width: 400px;
    display: block;
    height: 300px;
}