/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       css/style.css															********
****		DESCRIPTION:    CSS for Quincy OD Help										********
****		AUTHOR:					Norman Sheppard															********
****		AUTHOR URI:			http://sheppco.com/												********
****		CREATION DATE:  05/13/2009																********
****		LAST MODIFIED:  01/06/2010																********
****																															********
/*************************************************************************
/*************************************************************************


/*  GLOBAL  --------------------------------------------------- */

body {	margin:20px 0; background-color:#fff; font:12px Arial, Helvetica, sans-serif; color:#fff;}
img {	border: none;}
td { vertical-align:top;}

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

ul { margin:0; padding:0 0 20px 0; }
li { margin:0; padding:0; line-height:18px; }

td { vertical-align:top; }

.clear { clear:both; }

/*  LAYOUT  --------------------------------------------------- */

#wrapper { position:relative; top:0px; left:0px; width:760px; margin:0 auto; padding:20px 40px 0 0; border:1px solid #999; }

#logo { float:right; padding:0; margin:40px 0 0 0; }

ul#menu { width:150px; margin:0; padding:0 0 0 15px; list-style:none;  }
ul#menu li { list-style:none; margin:0; padding:0; }
ul#menu li a { display:block; padding:0; color:#767769; }
ul#menu li a:hover { color:#e25120; }
ul#menu li.c a { color:#e25120; font-weight:bold; }

#dots { float:right; margin-right:70px; }

#content { width:520px; min-height:400px; padding:10px 10px 30px 10px; }
#content.home { width:510px; min-height:235px; padding:60px 0 0 30px; background-color:#e4d866; font-size:18px; line-height:26px; color:#767769; }
#content.what { background-color:#e46a4e; }
#content.signs { background-color:#8cacb3; }
#content.risk { background-color:#a1b779; }
#content.treatment { background-color:#eb963f; }
#content.narcan { background-color:#767769; }
#content.video { background-color:#bcb48e; }
	#content.video h1 { padding-bottom:10px; }
#content.contact { background-color:#e4d866; color:#767769; }
	#content.contact h1 { color:#767769; padding-bottom:10px; }
	#content.contact a { display:block; padding:0; color:#767769; }
	#content.contact a:hover { color:#fff; }

#content_copy { padding:40px 30px 0 70px; }
	
#subnav a { color:#f1b4a6; padding-right:10px; }
#subnav a:hover { color:#fff; }
#subnav a.c { color:#fff; }

#box1 { background:url(../images/box1.gif) no-repeat; margin:15px 0; padding:20px 20px 0 40px; width:309px; height:182px; color:#e46a4e }
#box2 { background:url(../images/box2.gif) no-repeat; margin:15px 0; padding:20px 20px 0 40px; width:309px; height:182px; color:#e46a4e }
#box3 { background:url(../images/box3.gif) no-repeat; margin:15px 0; padding:20px 20px 0 40px; width:309px; height:182px; color:#e46a4e }
#box4 { background:url(../images/box4.gif) no-repeat; margin:15px 0; padding:15px 160px 0 30px; width:190px; height:192px; color:#e46a4e }
#box4 ul { margin:0; padding:0; }
#box4 li { margin:0; padding:0 0 10px 0; line-height:normal; }

/*  TEXT   --------------------------------------------------- */

h1{	font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin:0; text-transform:uppercase; }
h2{	font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin:0; text-transform:uppercase; }
	h2 span{	font: normal 12px Arial, Helvetica, sans-serif; text-transform:none; }
h3{	font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin:0; }

/*  FOOTER   --------------------------------------------------- */
	#footer { clear:both; padding:10px 0 50px 0; margin:0; text-align:center; font-size:9px; color:#767769; }