/* MAIN CSS Document */
/*  Mill Rise WEBSITE*/
/* DEBORAH DA SILVA - Amici Design */

body {
margin: 20px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:center;
background-color:#ffffff;
line-height:1.3em;

}

#wrap
{margin:auto;
width:960px;
text-align:left
}


/* TOP HEADER*/


#header {
width:960px;
height:150px;
}

#logo {width: 290px;
height:70px;
float:left}

#searchbox {
float:right;
width:200px;
margin-left:10px;
margin-top:10px;
margin-right:30px;
text-align:right;
height:40px;
color:#333333;
font-size:12px;
padding-top:0px;
}


/* MAIN MENU*/


#mainmenu {
float:right;
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
width:550px;
margin-top:32px;
color:#ffffff;
font-size:12px;
text-align:right;
padding-right:0px;
font-weight:bold;
margin-right:28px;
height:27px

}

#mainmenu ul {
margin:0px;
padding:6px 10px 6px 6px;
list-style-image:none;
background-image:none;
list-style:none;


}

#mainmenu li {
display:inline;
list-style-image:none;
background-image:none;
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:#FFCC00;
font-weight:bold;
text-decoration:none;
}

#mainmenu .current {
color:#FFCC00;
text-decoration:none;
font-weight:bold;
}

#mainmenu .last {
border:none
}


/* CONTENT ALL*/


#content {
width:960px;
}




/* LEFT COLUMN*/

#leftcolumn {
width:180px;
padding:0px;
margin-right:10px;
float:left
}

.leftcolumncopy { 
width:160px;
padding:10px;
text-align:left}

#leftcolumncopywhite { 
width:160px;
padding:10px;
text-align:left;
color:#FFFFFF}

#leftcolumncopywhite a {

color:#FFFFFF;
text-decoration:underline
}


#leftcolumncopywhite a:hover {

color:#FFFFFF;
text-decoration:underline
}


/* CONTENT HOME*/


#homeleft {
width:324px;
height:484px;
float:left;
margin-right:10px;
background-image:url(../images/home_left_back.gif);
background-repeat:no-repeat;
}

.homeleftcopy {
width:304px;
padding:10px;
}



#homerightpanel {
width:600px;
float:right;
margin-right:25px
}

#homepanel1 {
width:295px;
height:171px;
background-image:url(../images/home_green_back.gif);
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
}

#homepanel2 {
width:295px;
height:171px;
background-image:url(../images/home_white_back.gif);
background-repeat:no-repeat;
float:right;
margin-bottom:10px;
}

#homepanel3 {
width:295px;
height:123px;
background-image:url(../images/home_light_blue.gif);
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
}

#homepanel4 {
width:295px;
height:123px;
background-image:url(../images/home_dark_blue.gif);
background-repeat:no-repeat;
float:right;
margin-bottom:10px;
}

#homepanel4copy{
width:275px;
color:#000000;
padding:10px 10px 3px 10px;

}

#homepanel4copy a{
color:#000000;
font-weight:normal;
}

#homepanel4copy a:hover{
color:#000000;
font-weight:bold;
text-decoration:underline
}


#homepanel5 {
width:295px;
height:171px;
background-image:url(../images/home_grey_back.gif);
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
}

.homepanelcopy {
width:275px;
padding:10px;
}


/* CONTENT 3 COLUMN LAYOUT*/

#panel180green {
width:180px;
margin:0px;
height:302px;
padding:0px;
background-image:url(../images/left_green_panel.gif);
background-repeat:no-repeat;
}

#panel180grey {
width:180px;
height:171px;
margin:0px;
padding:0px;
background-image:url(../images/left_grey_panel.gif);
background-repeat:no-repeat;
}


#panel180blue {
width:180px;
height:302px;
margin:0px;
padding:0px;
background-image:url(../images/column_blue_panel.gif);
background-repeat:no-repeat;
}

#panel180darkblue {
width:180px;
height:171px;
margin:0px;
padding:0px;
background-image:url(../images/dark_blue_panel.gif);
background-repeat:no-repeat;
}


#mid3content {
width:553px;
float:left;
}

.mid3column {
width:553px;
background-image:url(../images/553_column_back.gif);
background-repeat:repeat-y

}

.mid3columncopy {
width:533px;
padding-left:10px;
padding-right:10px;
text-align:left

}


.mid3columnhome {
width:600px;
background-image:url(../images/600_column_back.gif);
background-repeat:repeat-y

}

.mid3columnhomecopy {
width:580px;
padding-left:10px;
padding-right:10px;
text-align:left

}

/* CONTENT 2 COLUMN LAYOUT*/

#mid2content {
width:743px;
float:right;
margin-right:25px


}


#mid2column {
width:743px;
background-image:url(../images/743_column_back.gif);
background-repeat:repeat-y

}

#mid2columncopy {
width:723px;
padding-left:10px;
padding-right:10px;
text-align:left

}

/* CONTENT 2 COLUMN LAYOUT BOXES*/

#whiteboxflexcontent {
width:180px;
padding:0px;
}

#whiteboxflex {
width:180px;
padding:0px;
background-image:url(../images/left_white_panel_back.gif);
background-repeat:repeat-y
}

#blueboxflexcontent {
width:180px;
padding:0px;
}

#blueboxflex {
width:180px;
padding:0px;
background-image:url(../images/left_blue_panel_back.gif);
background-repeat:repeat-y
}



/* RIGHT COLUMN */

#rightcolumn {
width:180px;
margin-right:25px;
padding:0px;
margin-left:10px;
float:right
}

#rightcolumncopy {
width:160px;
padding:10px;
text-align:left}

#rightcolumncopywhite {
width:160px;
padding:10px;
color:#FFFFFF;
text-align:left}

#rightcolumncopywhite a {

color:#FFFFFF;
text-decoration:underline
}


#rightcolumncopywhite a:hover {

color:#FFFFFF;
text-decoration:underline
}


/* FOOTER */


#footer {
width:960px;
height:30px;
clear:both;
border-top:solid 1px #e6e6e6;
padding-top:5px;
margin-top:10px;
color:#8c8c8c;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;

}


#footer a{
color:#8c8c8c;
text-decoration: none;

}

#footer a:hover{
color:#8c8c8c;
text-decoration: underline;

}


/* OTHER */

.floatright {
float:right;
padding-left:15px;
padding-bottom:15px;
}

.floatleft {
float:left;
padding-right:15px;
padding-bottom:15px;
}

.clear {
clear:both;
}

.divider {
height:10px
}