/* MAIN CSS Document */
/* DEBORAH DA SILVA - AUTUS */

body {
margin: 20px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
background-color:#e6e6e6;
line-height:1.3em;


}

h1 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
line-height:1.3em
}


#header h1 .small{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:1.3em
}

#header h1 .small a:link{
color:#ffffff;
font-weight:bold;
text-decoration:none

}

#header h1 .small a:hover{
color:#ffffff;
font-weight:normal;
text-decoration:underline

}

#header h1 .small a:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none

}

h2 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;

}

h4 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
margin:0px;
padding:0px;
line-height:1.3em

}


h3 {
color:#6c9d31;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin:0px;
padding:0px;
line-height:1.3em

}


a {
color:#28809d;
text-decoration:underline;
}

a:hover {
color:#28809d;
text-decoration:none;
}

.greyline {
width:100%;
height:10px;
border-top:dotted 1px #999999
}



#wrap {
background-color:#FFFFFF;
width:960px;
margin:auto;
text-align:left;
border:solid 1px #333333;
}




#content_home{
width:960px;
background-image:url(../images/homecontentback.jpg);
background-repeat:no-repeat;
background-position:top;
margin:auto;
text-align:left;
}


#content{
width:960px;
background-image:url(../images/internalcontent.jpg);
background-repeat:no-repeat;
background-position:top;
margin:auto;
text-align:left;
}

/* HEADER*/

#header {
width:960px;
margin:auto;
height:310px;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}


#sitemap {
padding:5px;
text-align:right;
margin-right:25px;
font-weight:bold
}
#menu {
padding:5px;
height:30px;
text-align:right
}



#strap {
margin-top:10px;
padding:5px;
text-align:right;
color:#28809d;
font-size:16px;
font-style:italic;
font-weight:bold
}


#heading {
color:#FFFFFF;
width:720px;
margin-top:50px;
margin-left:200px;
font-size:14px}

#heading  h1 {
color:#FFFFFF;
}


#heading .right{
color:#000000}


#heading  a:link{
color:#ffffff;
font-weight:bold;
text-decoration:none

}

#heading a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline

}

#heading  a:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none

}


.clearall {
clear:both}





/* DIVIDERS*/



.divider {
width:100%;
height:10px;
}

.dividerclearboth {
width:100%;
height:10px;
clear:both
}





/* CONTENT*/


#leftwrap {
width:690px;
float:left}


#left {
width:240px;
float:left;
margin-right:50px;
margin-left:40px;
margin-top:40px;
display:block
}


#rightwrap{
width:244px;
margin-top:27px;
float:right;
display:block;

}

#right{
width:244px;
display:block;
background-image:url(../images/rightcolumnback.png);
background-repeat:repeat-y;
min-height:500px
}


#righttop {
background-image:url(../images/rightcolumntop.png);
background-repeat:no-repeat;
height:30px;
}


#mid {
float:left;
margin-top:40px;
width:350px;
display:block
}

#maincontent {
width:640px;
float:left;
margin-left:40px;
}

#maincontent2 {
width:640px;
float:left;
margin-left:40px;
margin-top:40px
}

.boxcopy {
padding:0px 10px 10px 10px;
}

.boxcopy2 {
padding:0px 20px 20px 20px;
}

.boxcopy3 {
padding:40px 40px 20px 20px;
}


/* FOOTER */


#footer {
width:960px;
height:30px;
clear:both;
background-color:#28809d;
margin:auto

}

#footercontent{
height:20px;
color:#FFFFFF;
font-size:9px;
padding-left:10px;
text-align:left;
float:right;
padding-right:10px;
padding-top:5px;
}

#footercontent a{
color:#FFFFFF;
font-size:9px;
text-decoration: underline;

}

#footercontent a:hover{
color:#fdc82f;
font-size:9px;
text-decoration: underline;

}


/* MAIN MENU*/


#mainmenu {
clear:both;
margin-left:240px;
color:#000000;
font-size:12px;
text-align:right;
font-weight:bold;
height:20px;


}

#mainmenu ul {
margin:0px;
padding:0px;
height:20px;
}

#mainmenu li {
display:inline;
list-style:none;
text-align:center;
float:left;
padding-right:10px



}

#mainmenu a {
float:left;
color:#000000;
text-decoration:none;
font-weight:bold;
padding:3px;
text-align:center;
width:101px;
height:13px;
background-image:url(../images/menu.jpg);
background-repeat:no-repeat;

}

#mainmenu a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;
background-image:url(../images/menuover.jpg);
background-repeat:no-repeat;
padding:3px;
text-align:center
}

#mainmenu .current{
color:#000000;
font-weight:bold;
text-decoration:none;
background-image:url(../images/menuover.jpg);
background-repeat:no-repeat;
}

#mainmenu .last {
border:none
}






/* OTHER */

.floatright {
float:right;
padding-left:5px
}

.floatleft {
float:left;
padding-right:5px
}