/* MAIN CSS Document */
/* OUR PLACE*/
/* DEBORAH DA SILVA */

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

}

h1 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:lighter;
}

h2 {
color:#00A3CE;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:lighter;
padding-top:0px;
padding-bottom:2px
}

h3 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:lighter;
padding-top:0px;
padding-bottom:2px
}


a {
color:#00A3CE;
text-decoration:underline;
}

a:hover {
color:#00A3CE;
text-decoration:none;
}

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




#wrapouter
{margin:auto;
width:1003px;
text-align:center;
background-image:url(../images/wrap-back.jpg);
background-repeat:repeat-y;
}

#wraptop {
width:1003px;
height:20px;
background-image:url(../images/wrap-top.jpg);
background-repeat:no-repeat;}

#wrapbottom {
width:1003px;
height:20px;
background-image:url(../images/wrap-bottom.jpg);
background-repeat:no-repeat;}


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

/* TOP Links*/


#toplinks {
width:960px;
margin:auto;
background-color:#eeeeee;
text-align:right;
height:20px;
color:#333333;
font-size:10px
}

.toplinkscopy{

text-align:left;
color:#333333;
font-size:10px;
float:right;
display:block;

}

.welcome{

text-align:left;
color:#333333;
font-size:10px;
float:right;
display:block;
padding-top:5px;
padding-right:10px

}


#toplinkslist {
float:right}


#toplinks ul {
margin:0px;
padding:0px;
height:16px;
text-align:right
}

#toplinks li {
display:inline;
list-style:none;
padding-left:2px;
padding-right:2px;
height:16px;
float:left;

}

#toplinks li a {

color:#000000;
float:left;
text-decoration:none;
font-size:10px;
font-weight:bold;
width:106px;
height:16px;
padding:5px 3px 0px 3px;
background-image:url(../images/topmenu_02.jpg);
background-repeat:no-repeat;
text-align:center
}

#toplinks li a:hover {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-image:url(../images/topmenuover_02.jpg);
background-repeat:no-repeat;
}

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


/* HEADER*/

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

#header .copy {
text-align:left;
padding:10px}



/* BREADCRUMB*/

#breadcrumb {
width:960px;
background-color:#b5b5b5;
height:15px;
margin:auto}

#breadcrumb .trail {
padding-left:10px;
color:#333333;
text-align:left;
font-size:10px}

#breadcrumb .trail a {
color:#333333;
text-align:left;
font-size:10px;
text-decoration:none}


#breadcrumb .trail a:hover {
color:#333333;
text-align:left;
font-size:10px;
text-decoration:underline}



.clearall {
clear:all}




/* MAIN MENU*/


#mainmenu {
width:960px;
clear:both;
background-image:url(../images/menubar_05.jpg);
background-repeat:no-repeat;
margin:auto;
color:#000000;
font-size:12px;
text-align:left;
font-weight:bold;
height:40px;


}

#mainmenu ul {
margin:0px;
padding:0px;
padding-top:7px;
padding-left:5px;
height:27px;
}

#mainmenu li {
display:inline;
list-style:none;
padding-left:6px;
padding-right:6px;
border-right:solid 1px #000000;



}

#mainmenu a {
color:#000000;
text-decoration:none;
font-weight:bold
}

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

#mainmenu .current {
color:#003366;
text-decoration:none;
font-weight:bold
}

#mainmenu .last {
border:none
}


/* DIVIDERS*/



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

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

/* SEARCH*/



/* LEFT NAVIGATION*/

#leftnavigation {
width:160px;
color:#000000;
font-size:11px;
text-align:left
}


#leftnavigation ul{
padding:0;
margin:0;
list-style:none;



}

#leftnavigation li{
display:block;
width:100%;
margin-bottom:5px;
margin-top:5px




}

#leftnavigation a {
color:#333333;
display:block;
text-decoration:none;
font-weight:bold;
background-color:#B0E2F0;
padding: 3px 7px 3px 7px;


}
#leftnavigation a:hover {
color:#ffffff;
text-decoration:none;
font-weight:bold;
background-color:#47BDDC

}

#leftnavigation .current {
color:#ffffff;
text-decoration:none;
font-weight:bold;
background-color:#47BDDC

}


/* CONTENT*/


#midnavigation {
text-align:right;
float:right

}

#midnavigation ul {
margin:0px;
padding:0px;
height:25px;
text-align:left
}

#midnavigation li {
list-style:none;
padding-left:2px;
padding-right:2px;
height:25px;
float:left;


}

#midnavigation li a {

color:#FFFFFF;
float:left;
text-decoration:none;
font-size:10px;
font-weight:bold;
width:100px;
height:18px;
padding:5px 3px 0px 3px;
background-image:url(../images/green-button.png);
background-repeat:no-repeat;
text-align:center
}

#midnavigation li a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;
background-image:url(../images/green-button-over.png);
background-repeat:no-repeat;
}

#midnavigation .current {
color:#000000;
font-weight:bold;
text-decoration:none;
background-image:url(../images/green-button-over.png);
background-repeat:no-repeat;
}



#midnavigation2 {
text-align:right;
float:right;
margin-top:10px

}

#midnavigation2 ul {
margin:0px;
padding:0px;
height:25px;
text-align:left
}

#midnavigation2 li {
list-style:none;
padding-left:5px;
padding-right:5px;
height:25px;
border-right:solid #333333 1px;
display:inline


}

#midnavigation2 li a {

color:#333333;
text-decoration:none;
font-size:10px;
font-weight:bold;


text-align:center
}

#midnavigation2 li a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;

}

#midnavigation2 .current {
color:#000000;
font-weight:bold;
text-decoration:none;
}

 




#content {
width:960px;
margin:auto;
background-image:url(../images/background_12.jpg);
background-repeat:repeat-y;

}

#content2 {
width:960px;
margin:auto;
background-image:url(../images/background_12b.jpg);
background-repeat:repeat-y;

}



#left {
width:160px;
float:left;
margin-right:18px;
_margin-right:23px;
}


#right{
width:173px;
margin-right:18px;
_margin-right:12px;
margin-left:18px;
float:right;
}


#mid {
float:left;
background-color:#FFFFFF;
width:573px;
_width:565px;
min-height:400px

}



#midtop {
background-color:#FFFFFF;
}

#midtop .copy{
padding:10px;
text-align:left
}



#mid2 {
float:left;
background-color:#FFFFFF;
width:764px;
background-color:#FFFFFF;
}



#midtop2 {
background-color:#FFFFFF;}

#midtop2 .copy{
padding:10px;
text-align:left
}


#mid ul {list-style-image:url(../images/bullet_green.gif); margin-left: 10px; padding-left:5px}

#mid2 ul {list-style-image:url(../images/bullet_green.gif); margin-left: 10px; padding-left:5px}

/* RIGHT BOXES - HOME PAGE*/


.toprightgree {
display:block;
background-color:#00A3CE;
color:#FFFFFF;
font-weight:bold;
text-align:left;
padding:10px;
margin-top:10px
}


.rightgrey{
display:block;
background-color:#e6e6e6;
color:#000000;
font-weight:normal;
text-align:left;
padding:10px;
margin-bottom:10px;
}

.rightgrey ul{
margin-left:0px;
padding-left:0px
}


.rightgrey li{
display:block;
border-bottom:solid 1px #666666;
padding:10px
}

.rightgrey li a{
display:block;
color:#333333;
font-weight:bold;
text-decoration:none
}

.rightgrey li a:hover{
display:block;
color:#00A3CE;
font-weight:bold;
text-decoration:none
}

.rightgrey a{
display:block;
color:#333333;
font-weight:bold;
text-decoration:none
}

.rightgrey  a:hover{
display:block;
color:#000000;
font-weight:bold;
text-decoration:none
}



/* FOOTER */


#footer {
width:960px;
height:20px;
clear:both;
background-color:#00A3CE
}

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

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

}

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

}


/* OTHER */

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

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

.greentext {
color:#00A3CE;
font-weight:bold}


/* latest news BOXES - HOME PAGE*/


.topgree {
display:block;
background-color:#00A3CE;
color:#FFFFFF;
font-weight:bold;
text-align:left;
padding:10px;
margin-top:10px
}


.newsgrey{
display:block;
background-color:#FFFF99;
color:#000000;
font-weight:normal;
text-align:left;
padding:10px;
margin-bottom:10px;
}

.newsgrey ul{
margin-left:0px;
padding-left:0px
}


.newsgrey li{
display:block;
border-bottom:solid 1px #666666;
padding:10px
}

.newsgrey li a{
display:block;
color:#333333;
font-weight:bold;
text-decoration:none
}

.newsgrey li a:hover{
display:block;
color:#00A3CE;
font-weight:bold;
text-decoration:none
}

.newsgrey a{
display:block;
color:#333333;
font-weight:bold;
text-decoration:none

}
.newsgrey  a:hover{
display:block;
color:#000000;
font-weight:bold;
text-decoration:none
}