@charset "utf-8";
/* CSS Document */

/************ global layout areas ***************/
body {background-image:url(/PharmWeb/img/sandy_tile.jpg); background-repeat:repeat;	margin-bottom:50px;}
/* design for 1024x758 */
#webpage {margin-left: 16px; width:950px; height: auto;	background-color: #A4C2DB; margin: 0 auto;} /* light blue */

/*************** header ***********************/
#header {height: 128px;	background-image: url(/PharmWeb/img/stripe_02.png);	background-repeat:repeat; border-bottom: 1px #CCC solid;}
#qlinks { width: 400px; height: 90px; float: right;  }

#header ul {float: right; margin-top:10px; margin-right: 20px;}
#header ul li {display: inline;	font-size: 100%;	margin-right:6px; padding:2px;}
#header li a { color:#FFF; text-decoration:none; }
#header li a:hover { color:#FFF; text-decoration:underline; }

#header h1 { letter-spacing: 2px; color: #FFF; padding-left: 20px;}

#header a  { color:#FFF; text-decoration:none; }
#header a:hover  { color:#FFF; text-decoration:none; }
#header h4 { letter-spacing: 4px; color: #FFF; padding-left: 20px; padding-top:20px;}
#header li a img { vertical-align:middle; }

#fb_btn a { background: url(/PharmWeb/img/facebook_s.png) 0 0 no-repeat; width:24px; height:24px; display:inline-block; background-position: 0px 0px; } 
#fb_btn a:hover {  background-position: 0px -34px; }
#fb_btn a:active { background-position: 0px -34px; }
#fl_btn a { background: url(/PharmWeb/img/flickr_s.png) 0 0 no-repeat; width:24px; height:24px;display:inline-block;  background-position: 0px 0px;} 
#fl_btn a:hover {  background-position: 0px -34px; }
#fl_btn a:active { background-position: 0px -34px; }
#bl_btn a { background: url(/PharmWeb/img/blogger_s.png) 0 0 no-repeat; width:24px; height:24px; display:inline-block;  background-position: 0px 0px;}
#bl_btn a:hover { background-position: 0px -34px; }
#bl_btn a:active { background-position: 0px -34px; }
#yt_btn a { background: url(/PharmWeb/img/youtube_s.png) 0 0 no-repeat; width:24px; height:24px; display:inline-block;  background-position: 0px 0px;} 
#yt_btn a:hover { background-position: 0px -34px; }
#yt_btn a:active {background-position: 0px -34px; }

#menuBar {width: 950px;	height: 30px; background-color: #263449; margin:0; padding:0; left:0; top:18px; position:relative;}

/*************** footer ***********************/
#footer { background-image:url(/PharmWeb/img/stripe_brown.png); background-repeat:repeat; height: 75px; padding-top:0px; border-bottom: 2px solid #CCC;	border-top: 2px solid #CCC;}
#footer p {	font-size:80%; color:#FFF; text-align:center; letter-spacing: 1px; padding:0; margin:0;}
#innerfooter { height: 40px; width: 100%; margin-top:20px;}

/*************** page content related ***********************/
#mainContent {margin-left: 134px;padding:10px;width: auto;height: 700px;background-color: #FFF;	border-left: 1px solid #CCC;	border-right: 1px solid #CCC;}
#mainSOPContent {margin-left: 134px;padding:20px;width: auto; height:auto; min-height: 700px; background-color: #FFF;border-left: 1px solid #CCC;border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}

#contentBlk {height: 700px;	background-color:#CCC;	border: 1px dotted green;}

/************ bread crumb nav *************/
.bcrumb { color: #555;background-color:#FFF; font-size: 75%; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 10px;}
.bcrumb li{ display: inline;}
.bcrumb li:after{ content: "> "; display: inline-block; padding: 0 4px 0 4px;}
.bcrumb li:last-child:after{content: "";}
.bcrumb a {color: #2c4460 !important;}

* html .bcrumb li
{
	background-image: url(/PharmWeb/img/gt.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 1.0em 0 1.0em;
	margin: 0 1em 0 -1.7em;
}
/*Win IE browsers - hide from Mac IE\*/
* html .bcrumb { height: 1%; }
* html.bcrumb li {display: block; float: left;}
/*End hide*/
/*Mac IE 5*/
* html .bcrumb li:first-child { background-image: none; }

#bNav {	margin-left: 134px;	background-color:#FFF; border-bottom: 1px inset color: #D5D5D5;	border-right: 1px solid #CCC;}

/********** print view link ***************/
#printLink {color: #333; font-size: 70%; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; margin-right: 10px; text-align:right;}
#printLink a {color: #666; text-decoration: none;}
#printLink a:hover {color: #000; text-decoration: underline;}