/* 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:#ffffff;
line-height:1.3em

}

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

h2 {
color:#B31B1B;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
padding-top:0px;
padding-bottom:2px;
line-height:1.3em

}

h3 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
padding-top:0px;
padding-bottom:2px;
line-height:1.3em

}


a {
color:#B31B1B;
text-decoration:underline;
}

a:hover {
color:#B31B1B;
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:#FFFFFF;
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;
background-color:#FFFFFF}

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




.clearall {
clear:all}




/* MAIN MENU*/


#mainmenu {
width:960px;
clear:both;
background-image:url(../images/menubar_05.jpg);
background-repeat:no-repeat;
margin:auto;
color:#FFFFFF;
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 #FFFFFF;



}

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

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

#mainmenu .current {
color:#c9da2a;
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:#000000;
display:block;
text-decoration:none;
font-weight:bold;
background-color:#CCCCCC;
padding: 3px 7px 3px 7px;


}
#leftnavigation a:hover {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
background-color:#CC0000

}

#leftnavigation .current {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
background-color:#CC0000

}


/* CONTENT*/



#content {
width:960px;
margin:auto;


}

#content2 {
width:960px;
margin:auto;


}



#left {
width:160px;
float:left;
margin-right:15px;
margin-left:10px;
}


#right{
width:173px;
margin-right:10px;
margin-left:10px;
float:right;
}


#mid {
float:left;
background-color:#FFFFFF;
width:560px;
}



#midtop {

}

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



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

}



#midtop2 {
}

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




/* RIGHT BOXES - HOME PAGE*/


.toprightgree {
display:block;
background-color:#B31B1B;
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;
border:solid #CC0000 1px
}

.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:#B31B1B;
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:30px;
clear:both;
background-color:#CC0000

}

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

#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:#B31B1B;
font-weight:bold}

.calendarcopy {
font-size:11px;
color:#333333;
text-align:left;
min-height:100px;
border:solid 1px #666666}

.calendartitle {
background-color:#CCCCCC;
color:#000000;
font-weight:bold;
border:solid 1px #666666
}

.calendarcopyback {
font-size:11px;
color:#333333;
text-align:left;
background-color:#FFFFCC;
min-height:100px;
border:solid 1px #666666}

.calendarcopytoday {
font-size:11px;
color:#000000;
text-align:left;
background-color:#FFFF66;
min-height:100px;
border:solid 1px #666666}
#contactForm       input.contact                 {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
#contactForm      label.contact                {
	text-align: left;
	width: 140px;
	padding-right: 20px;
	display: block;
	float: left;
}
#contactForm         #button.contact                         {
	width: 100px;
	margin-bottom: 0px;
	padding-top: 10px;
}




.clearfloatleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
	line-height: 1px;
	height: 1px;
}