/*

Site: NPTA - National Pharmacy Technician Association
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: http://www.pharmacytechnician.org/ 

*/

body {background-color:#eaeaea;}

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

p { margin-bottom: 8px; color: #696969;}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; color:#5f95c1; } 

h1 { font-size: 16px; font-weight: bold; color: #5f95c1; }
h2 { font-size: 14px; font-weight: bold; color: #5f95c1; }



a { color: #007bb6; }
a:hover { text-decoration: none; }


.white-stripe {width: 100%; background: #FFF; height: 35px;}
	.top-info {width: 1000px; margin: 0 auto; height: 19px; padding-top: 10px;}
	.address {float:left; width: 600px; height: 20px;}
	.login {float:right; height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; margin-right:100px; display:inline}
	.login a{ color:#333; text-decoration:none;}
	.login a:hover{color: #ef8e38;}
	
.top-blue {width: 100%; margin: 0 auto; height: 192px; background:url(/images/home/top-blue.jpg) top center repeat-x;}
#omgcenter{width: 1000px; margin:0 auto; height: 192px;}
	#logo-tag {margin: 0; width: 851px; float:left;  height: 107px; background:url(/images/home/header-top.jpg) top left no-repeat;}
		#logo {margin: 9px 0 25px 43px; width: 273px; float:left}
		.tag-txt {width: 391px; height:30px; margin: 70px 0 0 0; float:right; padding: 0;}
		.tag-txt h1 {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000}	
	
	#newsletter {margin: 0; width: 851px; height: 85px; float:left; background:url(/images/home/header-btm.jpg) top left no-repeat;}
		.nl-form {width: 525px; height:75px; float:left; background:url(/images/home/nl-bg.jpg) top left no-repeat;
		padding: 5px 0 0 65px;
		}
		input {font-size:11px;}

		.top-btns {width: 249px; height: 31px; float:left}
		.btn-left{ width:132px; height:31px; background:url(/images/home/btn-left.jpg) top left no-repeat; float:left}
		.btn-right { width:117px; height:31px; background:url(/images/home/btn-right.jpg) top left no-repeat; float:left}
		.btn-left a, .btn-right a {font-size: 11px; color: #000; font-weight:bold; text-decoration:none; line-height: 30px; display:block;}
		.btn-left a {padding-left:33px;}
		.btn-right a {padding-left: 23px;}
		.btn-left a:hover, .btn-right a:hover, .view-all-link a:hover, .os-join a:hover {color: #ef8e38}
		
		.refresh {width: 149px; height: 170px; float:right; margin:0; padding:0; background:url(/images/home/refresh-bg.jpg) top left no-repeat}
	
	
.gray-stripe {width: 100%; background:url(/images/home/gray-bg.jpg) top center repeat; }

	#main-content {width: 1000px; margin:0 auto;  background:url(/images/home/main-bg.jpg) top center repeat-y;}
	
	#main-content-template {width: 1000px; margin:0 auto; background:url(/images/home/main-bg-template.jpg) top center repeat-y;
	height: 578px; height: auto !important; min-height: 578px;}
	#template-wrap {margin:0 auto; width:1000px;}
	
	#main-content-template {width: 1000px; margin:0 auto; float:left; background:url(/images/home/main-bg.jpg) top center repeat-y;}
	
	/* the culprit!*/
	
	#main-bg {width: 994px; float:left; margin:0 0 0 3px; padding:0; display:inline;  background: url(/images/home/main-bg-fade.jpg) top center no-repeat #fff; }
	
	
	
	
	#main-bg-template {width: 994px; margin: 0 auto; background: url(/images/home/main-bg-fade.jpg) top center no-repeat #fff;
	height: 578px; height: auto !important; min-height: 578px; }
	
	.nav {width: 184px; min-height: 536px; border-top: solid 1px #E2E2E2; border-right: solid 1px #E2E2E2; border-bottom: solid 1px #E2E2E2; float:left; margin: 24px 0 0 3px; background:url(/images/home/nav-bg.jpg) top center repeat-y; display:inline}
		
		.mid-column { width: 485px; float:left; margin: 24px 22px 0 22px; display: inline}
		#story {width: 479px; height: 285px; background-color:#EF8D36; border: 1px solid #E2E2E2; margin: 0 auto;}
		#ce-banner {width: 304px; height:30px; background:url(/images/home/ce-programs.jpg) top left no-repeat; margin: 23px 0; color: #FFF; padding-left: 180px;}
		#ce-banner a {font-size: 12px; font-weight:bold; line-height: 30px; color:#FFF; text-decoration:none;}
		#ce-banner a:hover {color: #000;}
		.featured-course {width: 484px;}
		
		#more-ce-courses ul{ margin:0px; padding:0px;}
		#more-ce-courses li {padding-left: 16px; background:url(/images/home/orange-arrow.jpg) top left no-repeat; list-style:none;
		margin-bottom:5px;}
		#more-ce-courses li a {color: #000; text-decoration: underline;}
		#more-ce-courses li a:hover {color: #3f74a4;}
		.view-all-link a {padding-left:16px; color: #000; text-decoration:none; display:block; margin-top: 10px;}
		
		.right-column {width: 253px; float:left; margin: 24px 0 0 0 }
			.video {padding-top: 2px; }
			.interactive {width: 253px; background:url(/images/home/int-bg.jpg) top center repeat-x; margin-top:10px}
	
	
.btm-blue {width: 100%; height: 488px; clear:both; height: auto !important; min-height: 488px; background:url(/images/home/blue-footer.jpg) top center repeat-x #3F73A3;}

.btm-blue-template {width: 100%; height: 70px; clear: background:url(/images/home/blue-footer.jpg) top center repeat-x #3F73A3; float:left}

ul.social {padding:0px; margin:0px}
li.social-list {list-style:none; display:block; margin: 0px;}
li.social-list a {font-size:12px; color:#333; display:block; line-height: 28px; width: 200px; padding: 0 0 0 40px; margin: 7px 0 }
	li#fb {background: url(/images/home/fb.jpg) top left no-repeat;}
	li#li {background: url(/images/home/li.jpg) top left no-repeat;}
	li#tv {background: url(/images/home/tv.jpg) top left no-repeat;}
	li#photo {background: url(/images/home/photo.jpg) top left no-repeat;}
	li#rss {background: url(/images/home/rss.jpg) top left no-repeat;}
	li#connect {background: url(/images/home/connect.jpg) top left no-repeat;}
li.social-list a:hover {color: #ef8e38}
	

#blue-content {width: 994px; margin: 0 auto;}
	#blue-left {width: 210px; height: 406px; margin: 13px 0 0 0px; float:left;}
		.btm-boxes { width: 185px; height: 126px;}
		.btm-boxes p {font-size: 11px;}
		#becoming {background:url(/images/home/become-cpht2.jpg) top left no-repeat;}
			#becoming p {margin: 0 15px 0 92px; font-size:11px; line-height: 12px; padding-top: 50px}
			#becoming a, #advocacy a, #specialty a {font-size: 11px; color:#000;}
			#becoming a:hover, #advocacy a:hover, #specialty a:hover {color: #666;}
		#specialty {background:url(/images/home/spec-cert.jpg) top left no-repeat; margin-top:5px;}
			#specialty p {font-size: 11px; line-height:12px; color:#000; padding-top:55px; margin:0 12px}
		#advocacy {background:url(/images/home/advocacy.jpg) top left no-repeat;margin-top:5px;}
			#advocacy p {font-size: 11px; line-height:12px; color:#000; padding-top:52px; margin:0 12px}
			
		#blue-mid {width: 494px; float:left; margin: 13px 0 0 0; height:406px}
		td#current-news ul {margin:0; padding:0 0 15px 0;}
		#current-news li {padding-left: 12px; background:url(/images/home/orange-arrow2.jpg) top left no-repeat; list-style:none;
		margin-bottom:7px;}
		#current-news a {color:#467BA9; font-weight:bold; font-size:12px;}
		#current-news a:hover {color:#333;}
		#current-news a.morenewslink {color:E6802C;}
		#npta-events p{margin:0; padding:0; color:#3F3F3F}
		.events-blue {font-weight:bold; color: #396F9E;}
		.events-more {color:#3F3F3F; font-weight:bold;}
		#npta-events h2,#npta-events h2 a{color:#E6802C;font-size:14px;}
				
		#blue-right {width: 274px; float:right; margin: 13px 0 0 0; height:406px;}
		#shop-online {width: 263px; height: 107px; background:url(/images/home/shop.jpg) top left no-repeat;}
		#shop-form {padding-top: 30px; width: 256px;}
		#shop-form p {display:block; color:#333; font-size:12px; padding: 3px 17px}
		#green-mem {width: 263px; height:105px; background:url(/images/home/green-member.jpg) top left no-repeat;}
		
		.btm-btns {width: 249px; height: 31px; float:left; margin:69px 0 0 10px; display:inline}
		.btn-left2{ width:132px; height:31px; background:url(/images/home/btn-left2.jpg) top left no-repeat; float:left}
		.btn-right2 { width:117px; height:31px; background:url(/images/home/btn-right2.jpg) top left no-repeat; float:left}
		.btn-left2 a, .btn-right2 a {font-size: 11px; color: #000; font-weight:bold; text-decoration:none; line-height: 30px; display:block;}
		.btn-left2 a {padding-left:33px;}
		.btn-right2 a {padding-left: 23px;}
		.btn-left2 a:hover, .btn-right2 a:hover {color: #ef8e38}		
		
		#spons-box {width: 263px; background:url(/images/home/spons-bg.jpg) top center repeat-y;}
			#spons-title {width: 263px; height: 39px; background:url(/images/home/spons-title2.jpg) top center no-repeat; vertical-align:top;}
			#spons-content {width: 243px; padding: 0 10px; color:#3F3F3F; font-family:Arial, Helvetica, sans-serif; font-size:11px}
			#spons-content p {margin:0; padding:0; color:#3F3F3F; font-size:11px;}
			#spons-btm{width: 263px; height:11px; background:url(/images/home/spons-btm.jpg) top center no-repeat; vertical-align:top;}
			#blue-footer {width: 865px; margin:0 auto; background:url(/images/home/foot-2.jpg) top center no-repeat; clear:both; height:38px; padding-top: 9px; padding-left:135px;}
			#blue-footer-temp {width: 865px; margin:0 auto; background:url(/images/home/foot-3.jpg) top center no-repeat; clear:both; height:38px; padding-top: 9px; padding-left:135px;}
			#footer-social {width:500px; float:left;}
			#footer-links {width:347px; float:right; display:inline; margin-right:10px; color:#FFF; font-size:11px; text-align:right;
			padding-top: 12px;}
			#footer-links a {color:#FFF; text-decoration:none; font-size:11px;  line-height: 13px;}
			
/* = *********** Image and Text rotator on the Home Page */
	object {z-index:3;}
	#npta-slider-text {border: 0px solid black; width: 443px; height: 232px; margin: auto; padding-top:15px;}
	#npta-slider-image {width: 443px; height:5px; font-size: 2px; line-height:5px;}
	#npta-slider-text h2 { font-family: "Garamond", Georgia, "Times New Roman", Times, serif; color:#630606; font-size: 20px; margin:0px; padding:0px;}
	#npta-slider-text p {margin: 5px 0 0 0; padding:0px}
	.buttons {clear:both; padding: 5px 0 0 24px;}
	
	div.story-links { width: 443px; margin: 5px auto 0 auto; clear:both; color:#FFF}
	div.story-links a {color:#FFF; font-size:11px; font-weight:bold; text-decoration:none;}
	

ul#twitter_update_list {width: 243px; padding-left:10px;}
ul#twitter_update_list, #twitter_update_list li {list-style:none; margin:0px;}
#twitter_update_list li {padding:0}
ul#twitter_update_list {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #666;}
#twitter-link {font-size:11px;}


#bodycontent2 {width: 760px; float:left;  margin: 24px 0 0 22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444} 

/*************/

#bodycontent {width: 760px; float:left;  margin: 24px 0 0 22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444} 
#bodycontent p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444;}
#bodycontent a {color: #ee8e38; text-decoration: underline;}
#bodycontent a:hover {
	color: #5F95C1
}

/************* Super Pak Landing Page === tagged as "pak" ******/

.pak-left {width: 404px; float:left; margin:0}
	.pak-btns {width:404px; height: 35px; background:url(/images/super-pak/exam-buttons.jpg) top center no-repeat; 
	color:#FFF; text-decoration:none;}

	#pak-btn-left {display:block; width:139px; height: 34px; float:left; color: #FFF; 
	font-weight:bold; font-size:14px; line-height:34px; padding-left:42px;}
	#pak-btn-right {display:block; width:174px; height: 34px; float:left; color: #FFF; 
	font-weight:bold; font-size:14px; line-height:34px; padding-left:42px;}
	.pak-white {color:#FFF; text-decoration:none;}
	#pak-btn-right:hover, #pak-btn-left:hover, .btn-right3 a:hover {color:#EF8E38;}
	
	.green-cost {width: 404px; height:179px; clear:both; background:url(/images/super-pak/green-box2.jpg) top center no-repeat}
	.green-prices {width: 211px; height:16px; margin: 0 0 0 42px; padding-top:76px; float:left}
	.price-txt {font-size:14px; font-weight:bold; color:#333}
	.price-buy {width: 136px; height:30px; float:left; background:url(/images/super-pak/pak-buy2.jpg) top center no-repeat;
	margin-top: 78px;
	}
	.price-join {width: 136px; height:30px; float:left; background:url(/images/super-pak/cost-join.jpg) top center no-repeat;
	margin-top: 10px;
	}
	btn-right3 { width:100px; height:31px;}
	.btn-right3 a {font-size: 11px; color: #000; font-weight:bold; text-decoration:none; line-height: 30px; display:block;padding-left:36px}

.pak-right {width:341px; float:right; margin:0}
	.pak-box {width: 341px; background:url(/images/super-pak/pak-box-tile.jpg) top left repeat-y; float:right}
	.pak-top {width: 341px; height: 130px; background:url(/images/super-pak/pak-box-top.jpg) top left no-repeat; float:left}
	.pak-btm {width:341px; height:23px; background:url(/images/super-pak/pak-box-btm.jpg) top left no-repeat; float:left}
	.pak-txt {width: 300px; margin: 0 auto 0 auto; padding-top:60px;}
	.pak-bg {background:url(/images/super-pak/pak-box-tile.jpg) top left repeat-y; float:right; width:341px;}
	.pak-orange {color:#D07022; font-size:11px; font-weight:bold;}
	


/************* Online School - Landing Page === tagged as "OS" ******/
small { font-size: 9px; margin-bottom: 5px; } small a { font-size: 9px; }
#fine-print { margin: 20px 0 0 20px; width: 350px; }

div#os-tophalf {width: 761px; margin:0; padding:0;}

div#os-bubble {width: 332px; height: 180px; background:url(/images/onlineshcool/top-bublble2.jpg) top left no-repeat; float:right}
	div.bubble-txt {width:305px; float:right; padding-right: 10px; margin-top:86px; padding-left: 25px}
	div.bubble-txt p {font-size:13px; color:#FFF;}
	div.bubble-txt a {font-size:13px; color:#FFF; font-weight:bold; text-decoration:underline; }
	div.bubble-txt a:hover {color:#333;}
	
	div#os-video {width: 404px; text-align:center}
	
	div#os-greenbox {width: 404px; height: 270px; clear:both; background:url(/images/onlineshcool/green-box-2.jpg) top center no-repeat;}
	div#os-greentxt {width: 220px; height: 93px; float:left; display:inline; margin: 63px 0 0 0; padding: 0 0 0 28px;}
	div#os-greentxt p {color:#333; font-size:13px; font-weight:normal;}
	.os-join {width: 128px; height:30px; float:left; margin-top: 190px; }	
	.os-join a {font-size: 11px; color: #000; font-weight:bold; text-decoration:none; line-height: 30px; display:block;padding-left:33px}
	
	div#os-whattxt {width:345px; margin-left:12px;}
	div#os-whattxt p {color:#666; font-size:12px; line-height:18px;}
	div#os-orange {width: 332px; float: right; background-color:#EC7F26; margin-bottom:20px;}
	div#os-orange p {width: 300px; margin: 0 auto 0 auto; padding-top:3px; color:#FFF; font-weight:bold}
	div.orange-num {float:left; height:368px; width: 54px; background:url(/images/onlineshcool/orange-num2.jpg) top left no-repeat;}
	div.os-orangetxt {float: right; width: 248px; padding-right: 17px; color:#FFF; padding-top:0px;}
	div.os-orangetxt ul {margin:0px; padding: 12px 0 0 0; color:#FFF; list-style:none;}
	div.os-orangetxt ul li {padding:0; color:#FFF; list-style:none;  font-size:14px;
	display:block; height: 26px;  margin: 8px 0 15px 0}



/**** Tendenci***/
.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #5f95c1}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5f95c1}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #5f95c1;
}
.color2 {
	background-color: #999999;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #5f95c1
	}
	
p { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #5f95c1
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5f95c1
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #5f95c1;
	text-decoration: none
	}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #5f95c1; 
	text-decoration: none
	}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #5f95c1; 
	text-decoration: none
	}

td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

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

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

sup{font-size:9px;}

.clear { clear: both; }