/* 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:50px;
margin-bottom:15px;
border-bottom:2px solid #003399
}

#logo {width: 290px;
height:20px;
float:left;
font-size:22px;
font-weight:bold;
padding:10px;
text-decoration:none}

#logo a {

text-decoration:none}



#searchbox {
float:right;
width:550px;
margin-left:10px;
margin-top:10px;
margin-right:30px;
text-align:right;
height:20px;
color:#333333;
font-size:12px;
padding-top:0px;
}


/* MAIN MENU*/


#mainmenu {
float:right;
background-color:#FFFFFF;
width:960px;
margin:auto;
color:#000000;
font-size:12px;
text-align:right;
padding-right:0px;
font-weight:bold;
height:40px;
border-bottom:2px solid #003399;



}

#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 #000000;
}

#mainmenu a {
color:#000000;
text-decoration:none;
font-weight:bold;
}

#mainmenu a:hover {
color:#003399;
font-weight:bold;
text-decoration:none;
}

#mainmenu .current {
color:#003399;
font-weight:bold;
text-decoration:none;
}

#mainmenu .last {
border:none
}


/* CONTENT ALL*/


#content {
width:960px;
padding-top:15px;
}




/* 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:#000000}

#leftcolumncopywhite a {

color:#000000;
text-decoration:underline
}


#leftcolumncopywhite a:hover {

color:#000000;
text-decoration:underline
}


/* CONTENT HOME*/


#homeleft {
width:324px;
height:484px;
float:left;
margin-right:10px;

}

.homeleftcopy {
width:304px;
padding:10px;
}



#homerightpanel {
width:600px;
float:right;
margin-right:25px
}

#homepanel1 {
width:295px;
height:171px;
float:left;
margin-bottom:10px;
}

#homepanel2 {
width:295px;
height:171px;
float:right;
margin-bottom:10px;
}

#homepanel3 {
width:295px;
height:123px;
float:left;
margin-bottom:10px;
}

#homepanel4 {
width:295px;
height:123px;
float:right;
margin-bottom:10px;
}

#homepanel4copy{
width:275px;
color:#000000;
padding:10px;

}

#homepanel4copy a{
color:#000000;
font-weight:underline;
font-weight:bold;
}

#homepanel4copy a:hover{
color:#003399;
font-weight:bold;
text-decoration:underline
}


#homepanel5 {
width:295px;
height:171px;
float:left;
margin-bottom:10px;
}

.homepanelcopy {
width:275px;
padding:10px;
}


/* CONTENT 3 COLUMN LAYOUT*/

#panel180green {
width:180px;
margin:0px;
height:302px;
padding:0px;

}

#panel180grey {
width:180px;
height:171px;
margin:0px;
padding:0px;

}


#panel180blue {
width:180px;
height:302px;
margin:0px;
padding:0px;

}

#panel180darkblue {
width:180px;
height:171px;
margin:0px;
padding:0px;

}


#mid3content {
width:553px;
float:left;
}

.mid3column {
width:553px;


}

.mid3columncopy {
width:533px;
padding-left:10px;
padding-right:10px;
text-align:left

}


.mid3columnhome {
width:600px;


}

.mid3columnhomecopy {
width:580px;
padding-left:10px;
padding-right:10px;
text-align:left

}

/* CONTENT 2 COLUMN LAYOUT*/

#mid2content {
width:743px;
float:right;
margin-right:25px;
border-left:solid 1px #666666;
padding-top:10px


}


#mid2column {
width:743px;


}

#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;

}

#blueboxflexcontent {
width:180px;
padding:0px;
}

#blueboxflex {
width:180px;
padding:0px;

}



/* 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:#000000;
text-align:left}

#rightcolumncopywhite a {

color:#000000;
text-decoration:underline
}


#rightcolumncopywhite a:hover {

color:#003399;
text-decoration:underline
}


/* FOOTER */


#footer {
width:960px;
height:30px;
clear:both;
border-top:solid 1px #333333;
padding-top:5px;
margin-top:10px;
color:#333333;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;

}


#footer a{
color:#333333;
text-decoration: none;

}

#footer a:hover{
color:#000000;
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
}