/* SITE-WIDE IMPORTS
---------------------------------------------------*/

@import "reset.css";

@font-face {
	font-family: 'PetitaMedium';
	src: url('PetitaMedium.eot');
	src: local('PetitaMedium Regular'), local('PetitaMedium'), url('PetitaMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'PetitaBold';
	src: url('PetitaBold.eot');
	src: local('PetitaBold Regular'), local('PetitaBold'), url('PetitaBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Myriad';
	src: url('MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'), url('MyriadPro-Regular.ttf') format('truetype');
}


/* SITE CSS
---------------------------------------------------*/

body { 
	background: #8cd0e0 url('../resource-library/enewsletter/vol1-issue1/img/bg.png') repeat-x; 
	font-family: Verdana, sans-serif; 
	color: #003768; 
	line-height: 1.5; }
	
	#title-bar { position: absolute; top: 0; left: 0; background: url('../resource-library/enewsletter/vol1-issue1/img/header-bg.png') repeat-y; width: 100%; }
		#title-bar p { font-family: 'Myriad', 'Helvetica Neue', Arial, sans-serif; color: #fff; font-size: 13px; margin: 0 0 0 670px; padding: 10px 0 4px 0; }
		
	#logo { position: absolute; top: 18px; left: 18px; }
	
	#volume { position: absolute; top: 36px; left: 670px; color: #ec7e06; font-family: 'Myriad', 'Helvetica Neue', Arial, sans-serif; font-size: 13px; }
	
	#container { height: 600px; width: 961px; position: absolute; top: 102px; }
	
		#leftside { width: 651px; position: absolute; top: 0; left: 0; }
		
			.content-block { margin: 0 0 10px 0; padding: 10px; font-size: 11px; background: #f2fafc; }
				.divider { margin-bottom: 1px; }
				.divider2 { margin-bottom: 1px; padding-top: 20px; }
				.divider3 { margin-bottom: 10px; padding-top: 20px; }
			
				.floatbox { float: right; text-align: right; margin: 0 0 10px 50px; }
					.floatbox p { margin-bottom: 0; }
			
				.content-block h2 { color: #f7931d; font-family: 'PetitaMedium', sans-serif; font-size: 29px; margin: 0 0 8px 0; padding: 0; line-height: 1; font-weight: normal; }
				.content-block h3  { color: #003768; font-size: 13px; font-weight: bold; line-height: 1.3 }
				
			#footer { font-size: 10px; overflow: hidden; padding: 10px; }
				#footer p { float: left; }
				#footer ul { float: right; margin: 0; padding: 0; }
					#footer ul li { display: inline; margin: 0; padding: 0 12px; border-right: 1px solid #003768; }
						#footer ul li.first { padding-left: 0; }
						#footer ul li.last { padding-right: 0; border: 0; }
						#footer ul li a { text-decoration: none; }
						#footer ul li a:hover { text-decoration: underline; color: #003768; }
		
		
		#rightside { width: 300px; position: absolute; top: 0; right: 0; }
		
			#contents { width: 300px; height: 205px; background: url('../resource-library/enewsletter/vol1-issue1/img/contents-bg.png') no-repeat; margin-bottom: 10px; }
			
				#contents-title { color: #fff; font-family: 'PetitaMedium', sans-serif; font-size: 29px; line-height: 1; margin: 0; padding: 10px 0 10px 10px; }
				#contents ul { margin: 0 0 0 10px; padding: 0; }
					#contents ul li { list-style: none; font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: url('../resource-library/enewsletter/vol1-issue1/img/arrows.png') no-repeat 0 7px; padding-left: 12px; }
						#contents ul li a { color: #fff; text-decoration: none; }
							#contents ul li a:hover { text-decoration: underline; }
							
			#news { background: #e6f5f8; margin-bottom: 10px; }
			
				#news-title { color: #f7931d; font-family: 'PetitaMedium', sans-serif; font-size: 29px; line-height: 1; margin: 0; padding: 10px 0 0 10px; }
			
				#news ul { margin: 10px; padding: 0; }
					#news ul li { list-style: none; margin: 0; padding: 0; }
						#news ul li a { font-weight: bold; text-decoration: none; }
						#news ul li img { padding: 8px 0; }
						
			#events { background: #e6f5f8; }
			
				#events-title { color: #f7931d; font-family: 'PetitaMedium', sans-serif; font-size: 29px; line-height: 1; margin: 0; padding: 10px 0 0 10px;  }
				
				#events ul { margin: 10px; padding: 0; }
					#events ul li { list-style: none; margin: 0; padding: 0; }
						#events ul li a { font-weight: bold; text-decoration: none; }
						#events ul li img { padding: 3px 0 10px 0; }			
			
			#careers { background: #e6f5f8; }
			
				#careers-title { color: #f7931d; font-family: 'PetitaMedium', sans-serif; font-size: 29px; line-height: 1; margin: 0; padding: 10px 0 8px 10px;  }
				
				.careers-text { margin: 0 10px 0 10px;}
				
				#careers ul { margin: 10px 10px 10px 30px;; padding: 0; }
					#careers ul li { margin: 0; padding: 0; }
						#careers ul li a { font-weight: bold; text-decoration: none; }
						#careers ul li img { padding: 3px 0 10px 0; }
						
		span.mark { font-size: 60%; line-height: 1.3; vertical-align: text-top; margin: 0; padding: 0; }