/* COPYRIGHT 2009 BULLSEYE CREATIVE (www.bullseyecreative.net) */

@import url(reset.css);

html, body {
	height: auto;
}

body {
	margin-top: 20px;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
}

object { outline:none; }

img {
	border: 0;
}

a:link, a:visited, a:hover, a:active {
	color: #1ab7ea;
	text-decoration: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

h2 {
	font-size: 170%;
	text-transform: uppercase;
	color: #777;
}

h3 {
	font-size: 130%;
	text-transform:uppercase;
	color: #1ab7ea;
}

h4 {
	color: #c39;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
	text-transform: lowercase;
	padding-bottom: 20px;
}

h7 {
	margin-left: 40px;
}

/* Color Styles */

.magenta {
	color: #c39;
}

.blue {
	color: #1ab7ea;
}

.green {
	color: #7dc245;
}

/* FOOTER */

#footer {
	width: 800px;
	display: block;
	margin-top: 30px;
	margin-left: 200px;
	padding-bottom: 30px;
	float: left;
	text-align: center;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	color: #666;
}

#footer strong {
	font-weight: bold;
	font-size: 120%;
	color: #1ab7ea;
}

#footer a:link, #footer a:visited {
	color: #666;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #1ab7ea;
	text-decoration: none;
}
	
#footer li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#media_holder {
	outline: none;	
}

.artboxtext a:link, .artboxtext a:visited {
	color: #1ab7ea;
}

/* PAGE ELEMENTS */

#container {
	margin: 0 auto;
	width: 1000px;
	
}

#title {
	width: 160px;
	min-height: 80px;
	float: left;
	display: inline;
	text-align: right;
}



#topnav {
	width: 820px;
	min-height: 80px;
	display: block;
	float: right;
	padding-left: 20px;
}
	
#sidenav {
	margin-left: 40px;
	width: 120px;
	min-height: 500px;
	float: left;
	display: inline;
	padding-top: 36px;
	text-align: right;
}

.employees {
	width: 100px;
	float: right;
	line-height: 1.1em;
	overflow: hidden;
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
	padding-top: 2px;
	padding-bottom: 2px;
	/*margin-left: 60px;*/
	margin-bottom: 3px;
	font-size: 95%;
}

.employees:hover {
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
}

.employees .employee {
	color: #555;
}

.employees .employee em {
	color: #666;
}

.employees .employee em:hover {
	color: #000;
}

.employees .emptitle {
	color: #aaa;
	font-size: 70%;
}

.empactive {
	width: 100px;
	float: right;
	line-height: 1.0em;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
	/*margin-left: 60px;*/
	margin-bottom: 3px;
	font-size: 90%;
	border-top: 2px #1ab7ea solid;
	border-bottom: 2px #1ab7ea solid;
}

.empactive .employee {
	color: #333;
}

.empactive .emptitle {
	color: #999;
	font-size: 75%;
}

.empactive .newstitle em {
	font-style: normal;
}

.empactive .newstitle em:hover {
	color: #666;
}

.empactive .newstitle {
	color: #aaa;
	font-size: 75%;
	padding-top: 5px;
	padding-bottom: 3px;
}

.emptitle strong, .newstitle strong {
	font-weight: normal;
	color: #333;
}

.employee a:active, .employee a:link, .employee a:visited, .employee a:hover {
	color:#333;
}

.employee em{
	color: #1ab7ea;
	font-style: normal;
}

#mainarea {
	width: 820px;
	min-height: 500px;
	display: block;
	float: right;
	font-size: 90%;
	padding-left: 20px;
	padding-top: 6px;
}

#mainareaPrivacy{
	width: 820px;
	height: 505px;
	display: block;
	float: right;
	font-size: 90%;
	padding-left: 20px;
	padding-top: 6px;
	overflow-y:scroll;
	overflow-x:hidden;
	
}


#mainareaPrivacy ul{
   margin-left: 65px;
   text-indent: -20px;
   text-align:justify;
}

/*#mainareaPrivacy h4{
   margin-left: 30px;
   font-size: 11px;
   color: #666;
   font-weight: normal;
   text-decoration: none;
   text-transform: none;
   font-style: normal;
	line-height: 1em;
}*/

privacyIndent{
}

.homepage {
	width: 800px;
	height: 440px;
	margin-bottom: 30px;
}

.homepagetext {
	width: 500px;
	min-height: 60px;
	float: left;
	color: #333;
}

.homepagetext p {
	padding-bottom: 10px;
}

/*.homepagetext h4 {
	color: #1ab7ea;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	padding-bottom: 20px;
	line-height: 1em;
}*/

.bigbox {
	width: 800px;
	height: 450px;
	margin-bottom: 30px;
}

.bigboxtext {
	position: relative;
	width: 800px;
	min-height: 60px;
	color: #333;
}

.bigboxtext p {
	padding-bottom: 10px;
}

/*.bigboxtext h4 {
	color: #c39;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	padding-bottom: 20px;
	line-height: 1em;
}*/

.column_left {
	float: left;
	width: 390px;
}

.column_right {
	float: right;
	width: 390px;
}

.vertbox {
	width: 360px;
	height: 500px;
	float: left;
	display: inline;
}

.vertboxtext {
	width: 440px;
	min-height: 500px;
	padding-left: 20px;
	display: block;
	float: right;
}

.privacyboxtext {
	width: 820px;
	min-height: 500px;
	padding-left: 20px;
	display: block;
	float: right;
}

/*.vertboxtext h4 {
	color: #c39;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}*/

.vertboxtext p {
	padding-bottom: 10px;
}

#top10 {
	width: 440px;
	margin-top: 20px;
	font-size: 9px;
}

#top10 p {
	margin-left: 16px;
	width: 202px;	
	float: left;
}

#top10 p.right {
	width: 200px;	
	float: left;
	margin: 0px 0px 0px 10px;
}

.magenta {
	color: #c39;	
	text-align: right;
}

.overviewimg {
	padding-bottom: 20px;
}

.artbox {
	width: 360px;
	height: 500px;
	float: left;
	display: inline;
}

.artboxtext {
	position: relative;
	width: auto;
	min-height: 500px;
	padding-left: 0;
	display: block;
	float: right;
}

/*.artboxtext h4 {
	color: #c39;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	text-transform: lowercase;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 0;
}

.artboxtext h5 {
	color: #333;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 10px;
}

.vertboxtext h5 {
	color: #333;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 10px;
}*/

h6 {
	color: #1ab7ea;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	text-transform: lowercase;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 0;
}

/*.artboxtext strong {
	color: #1ab7ea;
	font-weight: bold;
}*/

.artboxtext p {
	padding-bottom: 10px;
}

.artboxtext #pane {
	width: 820px;
	height: 440px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
	text-align: justify;
}

.leftbox {
	float: left;
	width: 370px;
	margin-right: 15px;
}

.rightbox {
	float: left;
	width: 370px;
	margin-left: 15px;
}

.leftboxContact {
	float: left;
	width: 200px;
	margin-right: 15px;
}

#mainarea ul li:before{
	content: "\00BB \0020";
	list-style: none;
	font-weight: bold;
	font-size: 130%;
	color: #1ab7ea;
}

.leftbox li, .rightbox li {
	padding-bottom: 4px;
}

.middleboxContact {
	float: left;
	width: 200px;
	margin: 0px 15px 0px 15px;
}


.rightboxContact {
	float: left;
	width: 200px;
	margin-left: 15px;
}

.news #pane {
	width: 300px;
	height: 80px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
}

.news {
	float: right;
	padding-right: 0;
}

.news a:link, .news a:visited {
	color:#333;
}

/*.news h4 {
	color: #7dc245;
	font-size: 200%;
	font-weight: bold;
	text-transform: lowercase;
	padding-bottom: 20px;
	line-height: 1em;
}	*/

.news div.date {
	float: left;
	width: 58px;
	line-height: 16px;
}

.news div.headline {
	float: left;
	width: 200px;
	line-height: 16px;
}

.news em {
	color: #7dc245;
	font-style: normal;
	font-weight: bold;
}

#pane {
	width: 440px;
	height: 300px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
}

div#animals {
	margin-top: 12px;	
}

#newspane {
	width: 440px;
	height: 405px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
}

/*#pane strong {
	color: #1ab7ea;
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 0;
}*/

.pdfdownload {
	width: 180px;
	min-height: 62px;
	padding-top: 20px;
	padding-left: 48px;
	margin-right: 10px;
	background: url("../_img/PDFicon.png") top left no-repeat;
	display: block;
	float: left;
}

/* Step Up To The Mic */

div#step_up_head {
	width: 800px;
	height: 283px;
	background: url(../_img/step_up_head.gif) no-repeat;
	border-bottom: 2px solid #eb008b;
}

div#step_up_form {
	padding: 40px 0 0 128px;
	width: 672px;
	height: 210px;
	background: #1ab7ea;
	border-bottom: 2px solid #eb008b;
	font-size: 12px;
	color: #ffffff;
	font-size: 10px;
}

div#step_up_img {
	float: left;
	margin-right: 26px;
	width: 142px;
	height: 132px;
	border: 2px solid #ffffff;
}

div#step_up_upload {
	margin-top:	8px;
	width: 160px;
}

div#step_up_select {
	margin-top: 132px;
	width: 128px;
}

div#step_up_text {
	padding: 44px 0 0 10px;
	float: left;
	width: 464px;
	height: 88px;
	border: 2px solid #ffffff;
}

textarea#step_up_message {
	width: 454px;
	height: 50px;
	overflow: hidden;
	border: none;
	background: none;
	text-align: center;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
}

input#remain {
	width: 60px;
	border: none;
	margin-right: 8px;
	text-align: right;
	background: none;
	color: #ffffff;
	font-size: 28px;
}

div#step_up_subtext {
	margin-top: 46px;
	text-align: right;
	width: 464px;
	font-size: 14px;
}

div#step_up_details {
	position: relative;
	padding: 10px 20px 30px 272px;
	background-color: #ebebeb;
	text-align: right;
	line-height: 10px;
}

input.step_crop_back {
	position: absolute;
	top: 10px;
	left: 10px;
}

p.re_upload {
	position: absolute;
	top: 42px;
	left: 20px;
	font-size: 10px;
	text-align: left;
}

div#submission_terms {
	margin: 8px 0 12px 0;
	font-size: 12px;	
}

div#step_up_details p {
	clear: both;
	width: 508px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	float: right;
}

div.step_up_label input {
	border: 1px solid #c1c1c1;
	background-color: #ffffff;
	color: #333333;
}

div#step_up_details a {
	color: #eb008b;
	text-decoration: none;
}

div#step_up_details a:hover {
	color: #333333;	
}

#step_up_message {
	background: none;
	border: none;
	width: 328px;
	color: #ffffff;
	font-family: Arial, Verdana;
	font-size: 18px;	
	text-align: center;
}

h2.step_headline {
	position: absolute;
	top: 16px;
	right: 20px;
	color: #ffffff;
}

input#step_up_submit {
	margin-left: 10px; 
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #eb008b;
	font-weight: bold;
	cursor: pointer;
	color: #eb008b;
}

input#step_up_submit:hover {
	color: #ffffff;
	background-color: #eb008b;
}

div#step_up_foot {
	padding: 12px 0 0 10px;
	width: 790px;
	height: 46px;
	background-color: #c1c1c1;
}

div#step_up_foot img {
	margin-right: 12px;	
}

#termspdf{
	width: 820px;
	float:right;
}

div#error {
	background:#1ab7ea;
	margin:0;
	padding:10px 0 0 0;
}
	div#error_message {
		width:300px;
		border:2px solid #111;
		font-size:14px;
		color:#111;
		font-weight:bold;
		text-align:center;
		margin:0 auto 0 auto;
	}

div#step_up_flash_head {
	position: relative;
	margin-top: 28px;
	width: 800px;
	height: 49px;
	background-color: #c1c1c1;
	border-bottom: 1px solid #ffffff;
}

div#step_up_flash {
	width: 800px;
	height: 528px;
}

img#step_up_logo {
	position: absolute;
	top: -66px;
	left: 8px;
}

div#preview_email {
	padding-left: 20px;
	background-color: #ebebeb;	
}

div#preview_email p {
	font-size: 10px;	
}

div#dotted_line {
	margin-bottom: 20px;
	width: 760px;
	height: 1px;
	border-bottom: 1px dashed #333333;
}

div#step_up_friend {
	margin-bottom: 10px;
	color: #eb008b;
	font-size: 22px;
	letter-spacing: 1px;
}

div#step_up_thanks {
	padding: 368px 0 0 136px;
	width: 664px;
	height: 108px;
	background: url(../_img/step_up_thanks.gif) no-repeat;
	font-size: 18px;
}
div#step_up_thanks a {
	color: #ffffff;	
}
div#step_up_thanks a:hover {
	color: #eb008b;
}
div#step_up_eblast_head {
	margin-top: 40px;
	width: 800px;
	height: 54px;
	background-color: #c1c1c1;
	border-bottom: 1px solid #ffffff;
}
div#step_up_eblast_callout {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #ffffff;
	font-size: 14px;
}
div#step_up_eblast_callout img {
	float: right;
	margin-left: 20px;
}
div#step_up_eblast_link {
	padding: 8px 0 10px 0;
	width: 800px;
	text-align: center;
	font-size: 18px;
	background-color: #ebebeb;
	border-top: 1px solid #ffffff;
	border-bottom: 4px solid #c1c1c1;
}
div#step_up_eblast_link a {
	color: #eb008b;	
}

.nav3_scroll {
	width: 120px;
	height: 500px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
	text-align: right;
}

.threecolumn_left {
	float: left;
	width: 240px;
	margin-right: 15px;
}

.threecolumn_middle {
	float: left;
	width: 240px;
	margin-right: 15px;
}

.threecolumn_right {
	float: left;
	width: 240px;
}

table#ask_titan {
	margin-top: 20px;	
}

table#ask_titan td {
	width: 200px;
	height: 24px;	
	font-size: 11px;	
}

table#ask_titan #send_btn {
	float: right;
	padding: 2px 6px;
	margin: 20px 20px 0 0;
	font-weight: bold;
	color: #fff;
	background: #c39;
	border: 2px solid #fff;
	cursor: pointer;
}

table#ask_titan #send_btn:hover {
	padding: 2px 6px;
	margin: 20px 20px 0 0;
	font-weight: bold;
	color: #c39;
	background: #fff;
	border: 2px solid #c39;
	cursor: pointer;
}

#second_headline {
	position: absolute;
	top: 0px;
	left: 414px;
}