/* Benevolence CSS */

/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}

/* basic layout */

img {
	border:0px;
}

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
}

/* structure div */

.center {
 width: 980px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

#header {
 height: 150px;
}

#header .center {
 position: relative;
 margin: 0 auto 0 auto;
}

#logo {
 float: left;
 width: 170px;
 height: 90px;
 margin: 18px 0px 0px -3px;
}

/* end structure div */

/* titles */


/* home structure */

.home {
 float: left;
}

.home .midcol { /*in the home page from the cms has been inserted a line to increase the padding, just in the homepage!*/
 padding: 0px 0px 0px 0px;
 width: 430px;
 float: left;
}

.home .midcol a{
 color: #FFFFFF;
}

.home .midcol a:hover{
 color: #FFFFFF;
}

.home .leftcol {
 width: 0px;
}

.home .rightcol {
 width: 0px;
}

.home .midcol {
 width: 380px;
 float: left;
}

/* this is the page_midcol structure - basically when you are in the work page */

.page .page_midcol {
 padding: 60px 0px 0px 0px;
 width: 830px;
 float: right;
}

/*columns*/

/*##################################  structure for the general titles, not colors #########################################*/

/*general titles */

.home h1 {
 text-align:left;
 font-family: Arial;
 font-size: 22px;
 margin:0px 0px 0px 0px;
 padding: 2px 0px 2px 0px;
}

.home h6 {
 text-align:left;
 font-family: Arial;
 font-size: 11px;
 margin:0px 0px 0px 0px;
 padding: 1px 0px 1px 0px;
}


.page h1 {
 text-align:left;
 font-family: Arial;
 font-size: 22px;
 margin:0px 0px 0px 0px;
 padding: 2px 0px 2px 0px;
}

.page h2 {
 text-align:left;
 font-family: Arial;
 font-size: 22px;
 height: 22px;
 padding: 2px 0px 2px 0px;
}

.midcol p {
 text-align:left;
 font-family: Arial;
 font-size: 16px;
 line-height: 22px;
 margin-bottom:8px;
 padding: 2px 0px 2px 0px;
}

.midcol h3 {
 text-align:left;
 font-family: Arial;
 font-size: 26px;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
}

.midcol h4 {
 text-align:left;
 font-family: Arial;
 font-size: 20px;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 3px 0px;
}

.midcol h5 {
 text-align:left;
 font-family: Arial;
 font-size: 18px;
 margin: 0px 0px 0px 0px;
 padding: 2px 0px 2px 0px;
}  

#nav li a,
#nav li a:visited {
 display: block;
 text-decoration: none;
 font-family: Arial;
 font-size: 15px;
 margin-top: 0px;
 padding: 0px 0px 0px 0px;
}

/*sub navigation*/

#subnav{

margin: 60px 0px 0px 0px;
}

#subnav ul {
 float: left;
 text-align: left;
 list-style-type: none;
 
}

#subnav li {
 height: 17px;
 display: block;
 text-align: left;
 font-family: Arial;
 font-size: 15px;
 padding: 0px 10px 0px 10px;
}

/*buttons next and back */

span#next {
 height: 17px;
 display: block;
 text-align: left;
 font-family: Arial;
 font-size: 15px;
 padding: 0px 2px 0px 2px;
 position: absolute;
 top: 60px;
 right: 0px;
}

span#back{
 height: 17px;
 display: block;
 text-align: left;
 font-family: Arial;
 font-size: 15px;
 padding: 0px 2px 0px 2px;
 position: absolute;
 top: 60px;
 left: 0px;
}

/**/


.leftcol {
 width: 120px;
 float: left;
 margin-left: -7px;
}

.page .leftcol {
 display: none;
}

.midcol {
 padding: 60px 0px 0px 0px;
 width: 430px;
 float: left;
}

.rightcol {
 width: 420px;
 float: left;
}

.page .rightcol {
 width: 420px;
 float: left;
 padding-left: 60px;
}

#addedflash { /*possible temporary solution*/
 position: absolute; 
 top:55px; 
 left: 460px;
}

/**/

#content div.center {
 position: relative;
 padding: 0px 0px 15px 0px;
}

* html #content {
 position: relative;
 top: -3px;
}

#footer {
 height: 100px;
 padding-top: 15px;
 color: #000;
 margin-top: 1px;
}

/* header */

/* nav */

#nav {
}

#nav ul {
 width: 180px;
 float: right;
 list-style-type: none;
 margin: 40px 0px 0px 0px;
}

#nav li {
 height: 17px;
 display: block;
 text-align: right;
 font-family: Arial;
 font-size: 15px;
 padding: 0px 10px 0px 10px;
}

#nav li a,
#nav li a:visited {
 display: block;
 text-decoration: none;
 font-family: Arial;
 font-size: 15px;
 margin-top: 0px;
 padding: 0px 0px 0px 0px;
}

#nav li a:hover {
 color: #000;
}

.flashimage {
 width: 420px;
 height: 420px;
 float: left;
 margin: 74px 0px 0px 0px;
}

/* links */

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

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