/* MAIN CSS Document */
/* HAIL SAFER CAMPAIGN WEBSITE*/
/* DEBORAH DA SILVA - AMICI DESIGN WWW.AMICIDESIGN.COM*/

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

}


h1 {
color:#EB008B;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
margin-top:0px;
font-weight:lighter;
line-height:1.2em
}

h2 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin-top:0px;
font-weight:lighter;
line-height:1.2em
}


h3 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin-top:0px;
font-weight:lighter;
line-height:1.2em
}

h4 {
color:#EB008B;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:0px;
font-weight:lighter;
line-height:1.2em
}

a {
color:#EB008B;
text-decoration:none;
}

a:hover {
color:#EB008B;
text-decoration:underline;
}



#dottedline {
width:100%;
height:10px;
border-top:dotted 1px #000000
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
li {
	background-image:url(../images/bullet_pink.png);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}




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


/* TOP HEADER*/


#header {
width:960px;
height:225px;
}

#leftheader {width: 695px;
height:225px;
float:left;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}

#topmenu {
float:right;
width:265px;
margin-right:0px;
text-align:right;
height:225px;
}


/* MAIN MENU*/

#leftpanelshell {
width:195px;
background-color:#000000;

}

#leftpanel {
width:195px;
background-color:#000000;
margin-top:0px;
margin-bottom:0px;
}

#leftpanelcopy{
width:165px;
margin-left:10px;
background-color:#000000;
text-align:left;
color:#FFFFFF;
font-size:11px;
margin-top:0px;
margin-bottom:0px
}

#leftpanelmenu{
width:165px;
margin-left:10px;
background-color:#000000;
text-align:left;
color:#FFFFFF;
font-size:11px;
}

#leftpanelmenu a:link{

color:#FFFFFF;

}


#leftpanelmenu a:hover{

color:#eb008b;
}

#leftpanel .title{
color:#FFFFFF;
font-size:13px;
font-weight:bold
}



/* CONTENT ALL*/


#content {
width:960px;
}




/* LEFT COLUMN*/

#leftcolumn {
width:195px;
float:left
}




/* MAIN COLUMN*/

#maincontentcolumn {
width:745px;
float:right;
}

#maincontent {
width:745px;
background-image:url(../images/content_back.gif);
background-repeat:repeat-y;

}

#maincontentcopy {
width:725px;
padding:10px;
text-align:left
}

/* MAIN COLUMN - BOXES*/

#pinkbox {
width:357px;
background-color:#eb008b;
border:solid 1px #CCCCCC;
float:right;
}

#pinkboxcopy {
color:#FFFFFF;
width:337px;
padding:10px;

}

#pinkboxcopy a:link{
color:#FFFFFF;
text-decoration:underline

}

#pinkboxcopy a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline

}

#pinkboxcopy a:visited{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline

}



#whitebox {
width:353px;
background-color:#ffffff;
border:solid 1px #CCCCCC;
float:left;
}

#whiteboxcopy {
color:#000000;
width:333px;
padding:10px;

}

#clearbox {
width:353px;
background-color:#ffffff;
float:left;
}

#clearboxcopy {
color:#000000;
width:333px;
padding:10px;

}

#blackbox {
width:357px;
background-color:#000000;
border:solid 1px #CCCCCC;
float:right;
}

#blackboxcopy {
color:#FFFFFF;
width:337px;
padding:10px;

}

#blackboxcopy a:link{
color:#FFFFFF;
text-decoration:underline

}

#blackboxcopy a:hover{
color:#FFFFFF;
font-weight:bold
text-decoration:underline

}

/* FOOTER */


#footer {
width:960px;
height:30px;
clear:both;
padding-top:5px;
margin-top:10px;
color:#666666;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-align:left

}


#footer a{
color:#666666;
text-decoration: none;

}

#footer a:hover{
color:#666666;
text-decoration: underline;

}


/* OTHER */

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

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

#clear {
clear:both;
}

#divider {
height:10px
}

input.submitBtn 
{
	background-image:url(../images/go.gif);
	width: 31px;
	height: 20px;
	border: 0;
}