/* LAST UPDATED 04.02.09 */


/*
	Original css by SF Creative Group, sfcreativegroup.com
*/


/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body { height: 100%; }

body {
	background: #c0c0c0 url('../images/bgshadow.gif') center top repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	color: #000;
}

p, ul, ol { padding: 0 0 14px 0; }

a {
	color: #0000FF;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #00FF00; }

a img { border: 0; }

.small { font-size: 10px; }

ul, ol { margin-left: 20px; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav ul {
	padding: 32px 0 0 55px;
	margin: 0;
	list-style: none;
	line-height: 33px;
}

	#nav li {
		float: left;
		width: 111px;
	}

	#nav li:hover { background-position: bottom; }
	

	#nav li a {
		display: block;
		width: 108px;
		font-size: 16px;
		font-weight: normal;
		color: #0178b0;
		text-decoration: none;
		text-align: center;
		background: url('../images/navOff.gif') top no-repeat;
	}

	#nav li a:hover { color: #000; }
	
	#home li#nav-home a, 
	#about li#nav-about a, 
	#contact li#nav-contact a, 
	#faq li#nav-faq a, 
	#teens li#nav-teens a 	{ 
	background: url('../images/navOn.gif') top no-repeat;
	}

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	width: 936px;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	background: white;
}
	#header {
		width: 100%;
		height: 65px;
		background: #0178b0;
	}

	#subHeader {
		width: 100%;
		height: 197px;
	}
	
	#content {
	padding: 10px 45px 0 65px;
	}
	
		#mainContent {
			float: left;
			width: 450px;
		}
		
		#hometop {
			color: #000000;
			font-weight: normal;
			font-size: 16px;
		}
		
				#hometop p {
					border-bottom: solid 1px #b0d5e6;
					padding-top: 7px;
				}
				
				#hometop b {
					color: #0078ae;
				}
			
			#homebot {
				padding-bottom: 30px;
				font-family: "Times New Roman";
				font-weight: normal;
				font-size: 18px;
				color: #0078ae;
			}

				#homebot p {
					padding-top: 12px;
				}
				
				#homebot h2 {
					font-family: "Times New Roman";
					color: #0078ae;
					font-weight: normal;
					font-size: 22px;
					text-align: left;
					padding-bottom: 20px;
				}	
				
	#logotag {
		height: 145px;
		width: 250;
		background: url('../images/ocpsSmall.gif') top no-repeat;
		padding: 65px 0 0 0;
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
		#logotag b {
			color: #0078ae;
		}
				
		#sideBar {
			float: right;
			width: 318px;
		}
			#sideBar p {
			text-align: center;
			font-size: 14px;
			font-weight: normal;
			color: #0178b0;
			}
			
			#sideBlueCurve {
				width: 318px;
			}
				#sideBlueCurveTop {
					height: 21px;
					background: url('../images/sideBlueCurve-top.gif') top no-repeat;
				}
				#sideBlueCurveMid {
					background: url('../images/sideBlueCurve-mid.gif') top repeat-y;
					padding: 0 0 0 15px;
					color: #fde284;
					font-weight: bold;
					font-size: 19px;
					text-align: left;
				}	
					#sideBlueCurveMid ul {
						padding-top: 11px;
					}
				
					#sideBlueCurveMid li {
						font-size: 12px;
						font-weight: normal;
						color: #ffffff;
						padding-top: 15px;
					}
					
					#sideBlueCurveBot {
						height: 34px;
						background: url('../images/sideBlueCurve-bot.gif') top no-repeat;
						padding-bottom: 15px;
				}			

#footer, #push { height: 0px; } /* push and footer need to be the same height - specify height on footer if padding is added */
/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 9px;
	font-size: 17px;
}

td.faqblack {
color: #000000;
}

table#contact  td {
     padding: 5px;
     font-size: 17px;
}

td.submit {
	padding: 5px;
	font-size: 17px;
	text-align: center;
}
/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}	

#homebot #forminput {
	padding: 2px 2px 2px 2px;
	width: 446px;
}

#homebot #street {
	padding: 2px 2px 2px 2px;
	width: 320px;
}
#homebot #zip {
	padding: 2px 2px 2px 2px;
	width: 55px;
}
#homebot #state {
	padding: 2px 2px 2px 2px;
	width: 35px;
}
#homebot #textarea {
	padding: 2px 2px 2px 2px;
	width: 446px;
	height: 80px;
}
/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 25px; }

 #subHeader h1 {
 	text-indent: -4440px;
 }
 #subHeader h1 a{
	display: block;
	width: 936px;
	height: 197px;
	background: url('../images/OnCallPharmacySolutions.jpg') top no-repeat;	
 }
h2 { 
font-size: 20px; 
color: #0078ae;
text-align: center;
}

h3 { font-size: 19px; }

h4 { font-size: 16px; }

/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */