html,body {
    background-image:    url("./pics/background_body.jpg");
    background-repeat:   repeat-x;
    background-color:    #FFFFFF;
    margin:              0px;
    padding:             0px;
}

* {
    font-family:         helvetica,sans-serif;
    font-size:           12px;
    font-weight:         normal;
    color:               #2860B7;
}

/******************************************************************************************/
/* CONTAINER */
/******************************************************************************************/

div#container {
    width:               758px;
    margin:              auto;
    padding:             0px;
    text-align:          center;
}

div#header {
    width:               734px;
    margin-top:          15px;
    margin-bottom:       5px;
    padding:             10px;
    border:              2px solid #2860B7;
    background:          #FFFFFF;
    text-align:          center;
}

div#navigation {
    width:               170px;
    float:               left;
    margin-top:          5px;
    margin-bottom:       5px;
    margin-right:        5px;
    padding:             0px;
    border:              2px solid #2860B7;
    background:          #FFFFFF;
    text-align:          left;
}

div#content {
    width:               550px;
    float:               right;
    margin-top:          5px;
    margin-bottom:       5px;
    margin-left:         5px;
    padding:             10px;
    border:              2px solid #2860B7;
    background:          #FFFFFF;
    text-align:          center;
}

div#footer {
    width:               734px;
    clear:               both;
    margin-top:          5px;
    margin-bottom:       15px;
    padding:             10px;
    border:              2px solid #2860B7;
    background:          #FFFFFF;
    text-align:          center;
}

table {
    border-collapse:     collapse;
    empty-cells:         show;
    margin:              10px;
}

th {
    text-align:          left;
    font-size:           120%;
    font-weight:         bold;
    padding:             5px;
}

td {
    vertical-align:      middle;
    padding:             5px;
    text-align:          left;
}

table.data {
    width:               80%;
    border:              2px solid #2860B7;
}

th.data {
    background-color:    #BCD6F7;
    line-height:         130%;
    text-align:          left;
}

td.data {
    line-height:         130%;
    text-align:          left;
}

th.center {
    text-align:          center;
}

td.center {
    text-align:          center;
}

a:link  {
    text-decoration:     none;
    color:               #DE3528;
}

a:visited {
    text-decoration:     none;
    color:               #DE3528;
}

a:focus     {
    text-decoration:     none;
    color:               #DE3528;
    font-weight:         bold;
}

a:hover  {
    text-decoration:     none;
    color:               #DE3528;
    font-weight:         bold;
}

a:active  {
    text-decoration:     none;
    color:               #DE3528;
    font-weight:         bold;
}

ul {
    list-style-type:     disc;
    list-style-position: outside;
    line-height:         150%;
    text-align:          justify;
}

ol {
    list-style-type:     decimal;
    list-style-position: outside;
    line-height:         150%;
    text-align:          justify;
}

ol.alpha {
    list-style-type:     lower-alpha;
    list-style-position: outside;
    line-height:         150%;
    text-align:          justify;
}

.error {
    color:               #DE3528;
}

.success {
    color:               #008000;
}

img {
    border:              0px solid #FFFFFF;
    margin:              5px;
}

img.border {
    border:              3px solid #BCD6F7;
}

p {
    line-height:         150%;
}

p.justify {
    text-align:          justify;
}

big {
    font-size:           140%;
    font-weight:         bold;
}

small {
    font-size:           80%;
}

b {
    font-weight:         bold;
}

/******************************************************************************************/
/* NAVIGATION */
/******************************************************************************************/

#navigation p {
    padding:             0px;
    margin:              0px;
}

#navigation a {
    background-image:    url("./pics/background_link_normal.jpg");
    background-repeat:   no-repeat;
    background-position: 5px center;
    background-color:    #FFFFFF;
    color:               #000000;
    padding:             5px 5px 5px 25px;
    display:             block;
    
    font-family:         helvetica,sans-serif;
    font-size:           12px;
    font-weight:         normal;
    text-decoration:     none;
}

#navigation a:link,
#navigation a:visited {
    background-image:    url("./pics/background_link_normal.jpg");
    background-color:    #FFFFFF;
}

#navigation a:hover,
#navigation a:active {
    background-image:    url("./pics/background_link_hover.jpg");
    background-color:    #BCD6F7;
}

/******************************************************************************************/
/* MESSAGES */
/******************************************************************************************/

.successbox {
    border:              1px solid #228b22;
    background-color:    #90ee90;
    padding:             5px;
    margin-top:          2px;
    margin-bottom:       2px;
    text-align:          left;
    color:               #000000;
}

.errorbox {
    border:              1px solid #ff0000;
    background-color:    #ffbcbc;
    padding:             5px;
    margin-top:          2px;
    margin-bottom:       2px;
    text-align:          left;
    color:               #000000;
}

input[type=text],input[type=password],select {
	border:				1px solid #cccccc;
	color:				#666666;
	padding:			3px;
	margin:				0px;
	font-size:			12px;
}

textarea {
	border:				1px solid #cccccc;
	color:				#666666;
	padding:			3px;
	margin:				0px;
	overflow:			auto;
}

input[type=text]:hover,input[type=password]:hover,textarea:hover {
	border:				1px solid #999999;
}

input[type=submit],input[type=button] {
	border:				1px solid #000000;
	color:				#666666;
	padding:			5px;
	text-transform:		uppercase;
	font-weight:		bold;
}