/* CSS Document */
* {margin:0; padding:0}
/*this is where body text is defined*/
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#121; background:#eefae3 url(../images/fondbody.jpg) top repeat-x; margin-top:14px; text-align:center}
#page {text-align:left; width:900px;margin:0 auto}
#head {height:199px}
#header {height:199px; background:transparent url(../images/header.jpg) top left no-repeat}
#menu {float:right; margin:15px 15px 0 0; color:#DDF}
#headlines {height:217px; background: url(../images/fondheadlines.jpg)}
#boxes {height:217px; background-color:#dff6c9}
#boxes1 {height:100px; background-color:#dff6c9}
.box {height:150px; width:255px; float:right; margin:25px 33px 0 0; color:#030; border:3px outset #360; background:#bae393 url(../images/fondboxe.jpg) bottom repeat-x}
.box1 {height:170px; width:255px; float:right; margin:25px 33px 0 25px; color:#030; border:3px outset #360; background:#bae393 url(../images/fondboxe.jpg) bottom repeat-x}
.box2 {height:170px; width:255px; float:right; margin:25px 33px 0 25px; color:#000; border:0px outset #360;}
.box3 {height:500px; width:255px; float:right; margin:25px 33px 0 25px; color:#000; border:0px outset #360;}
.textbox {float:left; width:560px; margin:15px; color:#030}
#content {background-color:#FFF}

#para1 {text-align:center;}
/*this describes the footer*/
#footer {padding:5px 25px 15px 0; color:#696; font-size:90%}

#head, #header, #headlines, #boxes, #content, #footer {width:100%; text-align:left}

#url {position:absolute; top:1px; left:6px; font-size:10px}
#url a:link, #url a:hover, #url a:visited {text-decoration:none; color:#069}

.big {font-size:160%; line-height:130%; font-weight:bold}
.small {font-size:80%; color:#666}
.italic {font-style:italic}
.bold {font-weight:bolder; color:#666}
.line {text-decoration:underline}
.ref {font-style:italic; border-bottom: #030 1px dotted}

/*these are the headline formats*/
h0 {font-size:2.0em; color:#006600; padding:15px 60px 0.6em 25px; line-height:200%}
h1 {font-size:1.3em; color:#006600; padding:15px 60px 0.6em 25px}
h2 {font-size:1.2em; color: #006666; padding:15px 60px 0.6em 25px}
h3 {font-size:1.2em; color: #006699; padding:15px 0 0.6em 25px; font-weight:normal}
h4 {font-size:1.1em; color: #339999; padding:10px 0 0.3em 25px}


blockquote {font-size:90%; font-weight:bold; padding:0.3em 30px 0.6em 45px; line-height:140%;}
p {padding:0 25px 0.6em 25px; line-height:120%}

.box p {padding:15px; line-height:150%}

/*this is for bullet lists*/
ul {padding:0 15px 0.6em 75px}
ol {padding:0 15px 0.6em 70px}
ul li {list-style:circle; padding-left: 10px; line-height:140%}
ol li {padding-left:5px; line-height:140%}

/*this is for table of contents formatting*/
ol.c {list-style-type:upper-roman; padding-left:45px; line-height:140%}
ol.d {list-style-type:lower-alpha; padding-left:45px; line-height:140%}

/*this describes the menu*/
#menu ul {margin:0; padding:0; font-size:0.8em; font-weight:bold; text-align:right}
#menu li {list-style:none;line-height:140%}

a, a:link, a:visited {color:#009999}
a:hover {text-decoration:none; color:#006666}
#menu a, #menu a:link, #menu a:visited {color:#FFF; text-decoration:none}
#menu a:hover {color:#DDF; text-decoration:underline}

/*this describes the boxes?*/
.box a, .box a:link, .box a:visited {color:#030; text-decoration:none}
.box a:hover {color:#063; text-decoration:underline}

img#logo {margin-top:110px}
.textbox img {float:left; margin:0 15px 5px 25px}
#img_topright {position:absolute; margin-left:50%; top:14px; left:450px; width:159px; height:199px}
#img_headlinesright {position:absolute; margin-left:50%; top:213px; left:450px; width:159px; height:217px}
img.floatLeft { 
    float: left; 
    margin: 20px 35px 20px 20px; 
}
img.floatRight {
    float: right;
    margin:20px;
}