/** WEBSITE LAYOUT **/

/** #header-wrapper **/
#header-wrapper
{
    width: 100%;
    margin: auto;
    background: #ace8ac;
}

#headlines-wrapper
{
    width: 100%;
    margin: auto;
    background: #006600;
}

#menu-wrapper
{
    width: 100%;
    margin: auto;
    background: #ace8ac;
}

/** #header **/
#header
{
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

/** #footer-wrapper **/
#footer-wrapper
{
    width: 100%;
    background: darkgreen;
}

/** #footer **/
#footer
{
    color: white;
    text-align: left;
    vertical-align: middle;
    line-height: 1.2em;
    padding: .25em;
    padding-top: 1.5em;
    font-size: .85em;
}

#footer a
{
    color: yellowgreen;
}

#footer h1
{
    font-weight: bold;
    color: white;
    font-size: 1em;
    font-family: verdana, arial, tahoma;
}

/** #content-wrapper **/
#content-wrapper
{
    width: 100%;
    /** background-color: #fff; **/
}

/** #content **/
#content
{
    background-color: #fff;
    border-left: solid 2px #99cc99;
    border-right: solid 2px #99cc99;
    border-top: solid 2px #99cc99;
    text-align: left;
}

/** #sidebar **/
#sidebar
{
    /** border: dashed 1px #777; **/
    margin: .5em;
    text-align: center;
}

/** NEW DEFAULT STYLE **/
body
{
    background: darkgreen url(/images/bg.png) repeat-x;
    font-size: .85em;
    line-height: 1.15em;
}
p
{
    margin-top: 0;
    margin-bottom: .5em;
}

p.no-margin
{
    margin: 0;
}

/** page_navigation **/
.side_content
{
    width: 90%;
    margin-bottom: .5em;
    background-color: #99cc99;
    padding: .5em;
    float: right;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
}

.side_content h2
{
    margin-bottom: .5em;
    font-weight: bold;
    color: #000;
    font-size: 1em;
    font-family: verdana, arial, tahoma;
}

.side_content li
{
    list-style: disc;
    margin-left: .15em;
    color: green;
    text-align: left;
}

.side_content li a
{
    color: green;
    text-decoration: none;
}

.side_content li a:hover
{
    text-decoration: underline;
}

.message
{
    width: 100%;
    border: solid 1px;
    text-align: center;
}

.message h1
{
    font-size: 1.75em;
    color: #AF002C;
}

.error
{
    border-color: #D893A1;
    background-color: #FBE6F2;
}

#main_content
{
    line-height: 1.5em;
    margin-left: .75em;
    margin-bottom: 1em;
}

#detail_content
{
    margin-top: .5em;
    z-index: 100;
}

#main-menu
{
    z-index: 200;
}

h1
{
    font-size: 2em;
    font-family: "Times New Roman", arial, verdana, tahoma;
    font-weight: normal;
    color: #C63717;
    margin-top: .5em;
    margin-bottom: .25em;
}

h1 a
{
    font-family: "Times New Roman", arial, verdana, tahoma;
    font-weight: normal;
    color: #C63717;
    margin-top: .5em;
    margin-bottom: .25em;
    text-decoration: none;
}

h1 a:hover
{
    color: #EFAD3B;
}

h2
{
    font-size: 1.55em;
    font-family: "Times New Roman", arial, verdana, tahoma;
    font-weight: normal;
    color: green;
    margin-top: .5em;
    /** TODO **/
    margin-bottom: .5em;
}

h3
{
    font-size: 1em;
    font-family: verdana, "Times New Roman", arial, tahoma;
    font-weight: bold;
    color: #000;
    margin-top: .5em;
    margin-bottom: .25em;
}

h3 a
{
    font-family: verdana, "Times New Roman", arial, tahoma;
    font-weight: bold;
    color: green;
    margin-top: .5em;
    margin-bottom: .25em;
    text-decoration: none;
}

h3 a:hover
{
    color: yellowgreen;
}

ul
{
    list-style: disc outside;
    margin-left: 1.75em;
}

p
{
    margin-top: .75em;
    margin-bottom: .5em;
}

.thumbnail
{
    width: 120px;
    height: 80px;
    float: left;
    margin-right: .5em;
    margin-bottom: .5em;
    border: solid 1px #999;
}

#main_menu
{
    border-bottom: solid 2px #99cc99;
}

.dropdown
{
    margin: 0em;
	padding: 0em;
}

.dropdown li
{
    float: left;
    list-style: none;
    font: 1em verdana, arial, tahoma;
    margin-right: .25em;
}

.dropdown li a
{
    display: block;
    text-decoration: none;
    color: green;
    font-weight: bold;
    white-space: nowrap;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background: #99cc99 url(../images/menu_bg_blue.png) repeat-x;
    border: solid 1px #99cc99;
    border-bottom: 0;
    padding: .5em;
}

.dropdown li a:hover
{
    border: solid 1px #83c883;
    background: url(../images/menu_bg_blue_active.png) repeat-x;
    color: #fff;
    border-bottom: 0;
}

.dropdown li a.active
{
    border: solid 1px #669966;
    background: url(../images/menu_bg_blue_active.png) repeat-x;
    color: #fff;
    border-bottom: 0;
}

.dropdown li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: auto;
    border: solid 1px #99cc99;
    border-top: 0;
	min-width		: 156px;
}

.dropdown li ul li
{
    float: none;
    display: inline;
    font-size: .9em;
    line-height: 1.5em;
}

.dropdown li ul li a
{
    padding: .25em .5em;
    font-weight: normal;
    background: green;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    border: 0;
    color: #fff;
}

.dropdown li ul li a:hover
{
    background: darkgreen;
    border: 0;
}

.dropdown li ul li a.active
{
    font-weight: bold;
    border: 0;
    background: #3B7DB7;
    color: #fff;
    border-bottom: 0;
}

.dropdown li ul li a:hover.active
{
    background: #1B466F;
}

#older_news
{
    border: solid 1px #ccc;
    background-color: #efefef;
    padding: .5em;
    margin-top: 2em;
}

#older_news h2
{
    font-weight: bold;
    margin: 0;
}

#older_news li
{
    color: green;
}

#older_news li a
{
    color: green;
    text-decoration: none;
}

#older_news li a:hover
{
    color: green;
    text-decoration: none;
}

#headlines
{
    background-color: #006600;
    /*border-left: solid 2px #B5D9E5;
    border-right: solid 2px #B5D9E5;*/
}

#headlines marquee
{
    padding: .35em;
}

#headlines a
{
    color: #efefef;
    text-decoration: none;
    margin: .25em;
    margin-right: .75em;
    padding-left: 1.25em;
    background: url(/images/arrow_right_blue.png) no-repeat;
}

#headlines a:hover
{
    color: #fff;
    text-decoration: none;
}

#login
{
    text-align: right;
}

#login a
{
    color: #efefef;
    text-decoration: none;
    font-weight: bold;
}

#login a:hover
{
    color: #fff;
    text-decoration: none;
}

#login a img
{
    height: 16px;
}

#slide-wrapper
{
    border-left: solid 2px #99cc99;
    border-right: solid 2px #99cc99;
}



.input_form
{
    width: 100%;    
    border: solid 1px #7896AF;
    font-family: verdana, arial, tahoma;
    font-size: .85em;
    margin-top: 1em;
    background: #F8FCFD url(/images/footer.png) repeat-x scroll;
}

.input_form tr td
{
    padding: .25em;
    padding-left: 1%;
}

.input_form tr th
{
    background-color: #3B7DB7;
    color: #fff;
    font-weight: bold;
    border-bottom: solid 1px #C8E8F3;
    white-space: nowrap;
    padding-left: 1%;
}

.input_form tr td.title
{
    font-weight     : bold;
    vertical-align  : middle;
    white-space     : nowrap;
    text-align      : left;
    width           : 20%;
}

.input_form tr td.title span em
{
    color: red;
    font-style: normal;
    font-weight: bold;
}

.input_form tr td.title span
{
    font-weight: normal;
}

.input_form input
{
    font-family: verdana, arial, tahoma;
    font-size: 1em;
}

.input_form textarea
{
    font-family: verdana, arial, tahoma;
    border: solid 1px #aaa;
    width: 95%;
    font-size: 1em;
}

.input_form input[type=text], .input_form input[type=password]
{
    font-family : verdana, arial, tahoma;
    border      : solid 1px #aaa;
    width       : 95%;
    padding     : .25em;
}

.input_form select
{
    font-family: verdana, arial, tahoma;
    border: solid 1px #aaa;
    width: 95%;
    font-size: 1em;
}

#member
{
    text-align: right;
    margin-top: .5em;
}

#member a
{
    color: blue;
    text-decoration: none;
    padding: .25em;
}

#member a:hover
{
    background-color: #B4DFEF;
}

.list
{
    width: 100%;
    border: solid 1px #dfdfdf;
    font-family: verdana, arial, tahoma;
    
}

.list th
{
    background-color: #3B7DB7;
    color: #fff;
    font-weight: bold;
    padding: .25em;
    border-bottom: solid 1px #dfdfdf;
    white-space: nowrap;
}

.list td
{
    padding: .25em;
    font-size: .85em;
    border: solid 1px #dfdfdf;
    text-align: left;
}

.list td a
{
    color: #3B7DB7;
    text-decoration: none;
}

.list td a:hover
{
    color: #3B7DB7;
    text-decoration: underline;
}

.list tr:hover td
{
    background-color: #ddd;
    border: solid 1px #ccc;
}


.list tr.heading td
{
    background-color: #3B7DB7;
    color: #fff;
    font-weight: bold;
    padding: .25em;
    border-bottom: solid 1px #dfdfdf;
    white-space: nowrap;
}

.left
{
    text-align: left;
}

tr.even td
{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #efefef;
}

.list td img
{
    margin-left: .25em;
    margin-right: .25em;
}

.button
{
    border: solid 1px #aaa;
    padding: .25em;
    margin-top: .5em;
    margin-bottom: .5em;
    display: inline;
    font-weight: bold;
    text-decoration: none;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
}

.right
{
    float: right;
}
.left
{
    float: left;
}


.add
{
    background: url(/images/buttonbg.png) repeat-x;
}

.add:hover
{
    border: solid 1px #777;
    background: url(/images/buttonbg_active.png) repeat-x;
}

.add a
{
    background: url(/images/add.png) no-repeat;
    padding-left: 1.5em;
    padding-right: .5em;
    text-decoration: none;
    font-weight: bold;
    color: #010000;
}

#right-banner
{
    text-align:         right;
    vertical-align:     middle;
    margin-top:         .5em;
    font-family:        verdana, arial;
    font-size:          1em;
    color:              #010000;
}

#right-banner a
{
    color:              green;
    font-weight:        bold;
    text-decoration:    none;
}

#right-banner a:hover
{
    color:              green;
    text-decoration:    underline;
}