div#header{position:relative}
div#wrapper{float:left;width:100%;margin-left:-300px}
div#navigation{float:right;width:220px}
/*General Styles*/
html {
background-image:url('/images/bodybackground.jpg');
background-repeat:repeat-x;
background-position:top right;
font-family:arial;
font-size:12px;
}

body {
margin-left:auto;
margin-right:auto;
max-width:1020px;
}

p {
margin-bottom:15px;
font-size:12px;
}

h1 {
color:#666666;
font-weight:bold;
margin-top:15px;
margin-bottom:15px;
font-size:15px;
}

.main {
border-bottom:dotted 1px #666666;
clear:left;
}

.black {
color:black;
}

.bc {
font-size:11px;
}

h2 {
font-weight:bold;
padding-top:15px;
padding-bottom:15px;
font-size:12px;
}

#bottomnews h2 {
padding-bottom:5px;
padding-top:5px;
}

#bottomnews p {
padding-bottom:5px;
padding-top:0px;
text-align:right;
}

a {
color:#1baac9;
text-decoration:none;
}

a:hover {
color:#01bbe2;
text-decoration:underline;
}
/* Header */

#header {
background-image:url('/images/headerbackground.jpg');
background-repeat:repeat-x;
background-position:top right;
height:143px;
position:relative;
} 

#header p {
color:white;
float:right;
font-weight:bold;
font-family:Arial;
font-size:12px;
}

#header img {
position:absolute;
left:0;
top:0;
}


/*Content*/
#content {
margin-left:300px;
}

/*Home Page */
#mission {
border-bottom: dotted #999999 1px;
padding-bottom: 30px;
padding-left:30px;
}

#tocblock {
width:98%;
margin-left:auto;
margin-right:auto;
clear:both;
margin:30px;
}

.toccell {
border-right:dotted 1px #999999;
width:33%;
vertical-align:top;
}

.toccell div {
width:165px;
margin-left:auto;
margin-right:auto;
}

#spend {
border-bottom:dotted 1px #999999;
padding-bottom:15px;
}

.submithome {
background-color:white;
background-image:url('/images/submitbutton.jpg');
background-repeat:no-repeat;
color:white;
border:none;
padding-bottom:4px;
padding-right:6px;
padding-left:4px;
}

/*Navigation*/
#navigation {
width:220px;
height:100%;
padding:15px;
border-left:#999999 dotted 1px;
float:right;
}

#news {
background-image:url('/images/newsbackground.png');
background-repeat:repeat-y;

}

#topnews {
background-image: url('/images/newsboxtop.gif') ;
background-position: top left; 
background-repeat: no-repeat;

}

#bottomnews {
background-image: url('/images/newsboxbottom.gif') ;
background-position: bottom left; 
background-repeat: no-repeat;
padding-left:10px;

}

#topmenu a {
color:white;
text-decoration:none;
}


#topmenu a:hover {
color:white;
text-decoration:underline;
}

/* Footer */
#footer {
clear:both;
width:100%;
padding-top:5px;
text-align:center;
font-size:9px;
color:#777777;
border-top:#999999 dotted 1px;
}

.designedby {
text-align:right;
float:right
}

/*usefull classes*/

.red {
color:red;
}

.bold {
font-weight:bold;
}

.black {
color:black;
}

/*Image align*/
.right_s {
float: right;
margin:6px 0 0 8px;
width:150px;
}
.right_m {
float: right;
margin:6px 0 0 8px;
width:250px;
}
.left_s {
float: left;
margin:6px 8px 0 0;
width:150px;
}
.left_m {
float: left;
margin:6px 8px 0 0;
width:250px;
}
.left_l {
float: left;
margin:6px 0 10px 0;
width:520px;
}

/*Admin Css see also style_admin.css*/
.adminSide{
width:210px;
height:140px;
margin-right:25px;
margin-bottom:25px;
padding-left:5px;
float:left;
border:1px #999999 dotted;
background-position:top;
background-color:#fefefe;
background-repeat:repeat-x
}

.adminSide h1 {
margin:0;
padding;0;
}

label {
display:block;
font-weight:bold;
margin-right:5px;
width:70px;
float:left;
text-align:right;
}

.submit {
text-align:center;
}

.admin_table {
width:100%;
}

.admin_table th {
font-weight:bold;
}

.actionColumn {
width:50px;
padding-left:10px;
}

.dateColumn {
padding-left:10px;
width:70px;
}

/* Forms */

fieldset {
border:1px #999999 dotted;
margin:25px;
margin-left:5px;
margin-right:5px;
padding:10px;
}

legend {
font-weight:bold;
border:1px #999999 dotted;
padding:5px;
background-color:#9adbe9;
}

.error {
background-color:#1baac9;
border:dotted 1px red;
padding:2px;
}
/*Invoice*/

#invoice {
padding:10px;
}

body
{
width:expression(document.body.clientWidth > 900? "900px": "auto" );
}