/*-----------------------------------------------------------------------------------
// apn.css | © Zocoloco Studios 2005 | All Rights Reserved | http://www.zocoloco.com
//---------------------------------------------------------------------------------*/

/* APN COLORS:
Dark Blue: #002A46
Dark Green: #405C5C
Gray Green: #637C7B
Gold Green: #AEA86D
Light Green: #D0CA98
Blue Gray: #B4C0CE
Red: #EA0237
=====*/


/* HTML STYLES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
body {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #637C7B;
}

p {
	margin-bottom:8px;
	margin-top:8px;
	font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #637C7B;
}

a:link, a:visited {
	font-weight:bold;
	color: #002A46;
	text-decoration: none;
}

a:hover {
	font-weight:bold;
	color: #EA0237;
	text-decoration: none;
}

a:active, a:focus {
	font-weight:bold;
	color: #EA0237;
	text-decoration: none;
}


/* FORM STYLES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#apnForm fieldset {
	display: block;
}

#apnForm input {
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #637C7B;
	border: 1px solid #B4C0CE;
}

#apnForm input.clear {
	clear: both;
	float: none;
	position: relative;
}


#apnForm p.checkbox {
	clear: both;
	float: none;
	position: relative;
}

#apnForm p.checkbox input {
	left: 0px;
	position: absolute;
	top: 1px;
}
#apnForm p.checkbox label {
	display: block;
	margin-left: 25px;
	margin-top:5px;
	width: 225px;
	text-align:left;
	font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
}

#apnForm textarea {
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #637C7B;
	border: 1px solid #B4C0CE;
}

#apnForm input.submit {
	clear: both;
	top: 0;
	font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #637C7B;
	border: 1px solid #B4C0CE;
}

#apnForm label {
	clear: both;
	float: left;
	display: block;
	width: 7em;
	margin-top: -.5em;
	font-weight: normal;
	text-align:right;
}

#apnForm label.first {
	margin-top: 1em;
}

#apnForm select {
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #637C7B;
	border: 1px solid #B4C0CE;
}

#apnForm div label.input {
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
  color:#339900;
}

#apnForm div fieldset label.labelCheckbox {
  margin: 0px 0px 5px 0px;
  width: 170px;
}


#apnForm fieldset.radio {
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#apnForm fieldset.radio input {
	position: static;
	clear: both;
	float: left;
}

#apnForm fieldset.radio label {
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

#apnForm fieldset.radio legend {
	float: left;
	font-weight: bold;
}


/* LAYOUT DIVS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#base {
	position: absolute;
	margin-top: -245px;
	margin-left: -380px;
	top: 50%;
	left: 50%;
	width: 760px;
	height: 490px;
	border: 1px solid #CAD7D6;
	z-index:0;
}

#footer {
	position: absolute;
	margin-top: 250px;
	margin-left: -380px;
	top: 50%;
	left: 50%;
	width: 760px;
	height: 30px;
}

/* BASE: DIVS & CLASSES  ::::::::::::::::::::::  */
#logoHolder {
	position: absolute;
	top:10px;
	left:10px;
	width: 323px;
	height: 124px;
	background-image: url(../../images/logo.jpg); 
}

#bannerHolder {
	position: absolute;
	top:10px;
	left: 284px;
	width: 467px;
	height: 124px;
	background-image: url(../../images/banner.png); 
	z-index:1;
}

#bannerGreen {
	position: absolute;
	top: 15px;
	left: 74px;
	width: 270px;
	height: 95px;
}

#bannerBlue {
	position: absolute;
	top:15px;
	left: 365px;
	width: 85px;
	height: 95px;
}

/* BASE: PODCAST PLAYER  ::::::::::::::::::::::  */
#podcastPlayerHolder {
	position: absolute;
	top:144px;
	left: 10px;
	width: 187px;
	height: 298px;
	background-image: url(../../images/podPlayerFrame.jpg); 
}

#podcastPlayer {
	margin: 6px 0px 0px 3px;
}

/* BASE: NAVIGATION  :::::::::::::::::::::::::  */
#navBar {
	position: absolute;
	top:448px;
	left:10px;
	width: 740px;
	height: 28px;
	background-image: url(../../images/navBar.gif); 
}

.navItem {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 138px;
	height:15px;
	background-color: #B4C0CE;
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
}

.navItem a:link, .navItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.navItem a:hover {
	color: #EA0237;
	text-decoration: none;
}

.navItem a:active, .navItem a:focus {
	color: #EA0237;
}

.navItemActive {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 138px;
	height:15px;
	background-color: #B4C0CE;
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #EA0237;
	text-align:center;
}

.navItemActive a:link, .navItemActive a:visited {
	color: #EA0237;
	text-decoration: none;
}

.navItemActive a:hover {
	color: #EA0237;
	text-decoration: none;
}

/* CONTENT DIVS & CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#contentFrame { 
	position: absolute;
	top: 144px;
	left: 207px;
	width: 542px;
	height: 298px;
	border: 1px solid #CAD7D6;
}

.contentItem { 
	position: absolute;
	top: 10px;
	left: 10px;
	width: 522px;
	height: 278px;
}

.contentImage {
	position: absolute;
	top:-10px;
	left:-10px;
	width:264px;
	height:298px;
	z-index:0; 
}

.contentCopy {
	position:absolute;
	left:265px;
	top:40px;
	width:257px;
	height:182px;
	z-index:1
}

/* CONTENT: NAVIGATION :::::::::::::::::::::::  */
#next {
	position: absolute;
	top: 420px;
	left: 730px;
	width:15px;
	height:18px;
}

#prev {
	position: absolute;
	top: 420px;
	left:476px;
	width:15px;
	height:18px;
}

#nextText {
	position: absolute;
	top: 268px;
	left: 410px;
	width:100px;
	height:15px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

#prevText {
	position: absolute;
	top: 268px;
	left:276px;
	width:100px;
	height:15px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#buttonOtherRight {
	position: absolute;
	left:512px;
	width:15px;
	height:18px;
	z-index:10;
}

.contentButtonRight {
	position:absolute;
	left:510px;
	top:275px;
	width:15px;
	height:18px;
}

.contentButtonLeft {
	position:absolute;
	left:100px;
	top:275px;
	width:15px;
	height:18px;
}


/* CONTENT: MENUS ::::::::::::::::::::::::::::  */
.contentMenuItem {
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #AEA86D;
	text-align:left;
}

.contentMenuBullet {
	color: #EA0237;
}

.contentMenuItem a:link, .contentMenuItem a:visited {
	color: #AEA86D;
	text-decoration: none;
}

.contentMenuItem a:hover {
	color: #637C7B;
	text-decoration: none;
}

.contentMenuItem a:active, .contentMenuItem a:focus {
	color: #637C7B;
}


.contentMenuItemActive {
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #637C7B;
	text-align:left;
}

.contentMenuItemActive a:link, .contentMenuItemActive a:visited {
	color: #637C7B;
	text-decoration: none;
}

.contentMenuItemActive a:hover {
	color: #637C7B;
	text-decoration: none;
}



/* TEXT STYLES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.headerLeft {
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:auto;
	font: bold 30px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-align: right;
	z-index:1
}

.headerRight {
	position:absolute;
	top:0px;
	left:260px;
	width:265px;
	height:auto;
	font: bold 30px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #AEA86D;
	letter-spacing: -1px;
	text-align: left;
	z-index:1
}

.headerRightIt {
	position:absolute;
	top:0px;
	left:260px;
	width:265px;
	height:auto;
	font: bold italic 30px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #AEA86D;
	letter-spacing: -1px;
	text-align: left;
	z-index:1
}

.headerRightItMedIt {
	position:absolute;
	top:20px;
	left:260px;
	width:265px;
	height:auto;
	font: bold italic 22px/24px Arial, Helvetica, sans-serif;
	color: #AEA86D;
	text-align: left;
	z-index:1
}

.headerRightItSmIt {
	position:absolute;
	top:20px;
	left:260px;
	width:265px;
	height:auto;
	font: bold italic 18px/20px Arial, Helvetica, sans-serif;
	color: #AEA86D;
	text-align: left;
	z-index:1
}

.darkGreenSmall {
	position:absolute;
	left:265px;
	width:265px;
	height:auto;
	font: bold italic 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #405C5C;
	text-align:left;
}

.darkGreenSmallText {
	font: 9px/12px Arial, Helvetica, sans-serif;
	color: #405C5C;
	letter-spacing: .2px;
}

.darkGreenSmallTextIt {
	font: italic 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #405C5C;
	text-align: left;
}

.goldSmall {
	font: bold italic 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #AEA86D;
	text-align: left;
}



/* PODCASTS  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#programOdd {
	position:relative;
	top:0px;
	left:5px;
	width:485px;
	height:100px;
	background-color:#D0CA98;
	font: bold italic 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-bottom:4px;
}

#programEven {
	position:relative;
	top:0px;
	left:5px;
	width:485px;
	height:100px;
	background-color:#AEA86D;
	font: bold italic 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-bottom:4px;
}

.podcastContent { 
	position: absolute;
	top: 10px;
	left: 10px;
	width: 522px;
	height: 278px;
	overflow:auto;
}

#programTitleOdd {
	position:absolute;
	top:5px;
	left:10px;
	width:260px;
	height:auto;
	font: bold italic 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #AEA86D;
	text-align:left;
}

#programTitleEven {
	position:absolute;
	top:5px;
	left:10px;
	width:260px;
	height:auto;
	font: bold italic 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #D0CA98;
	text-align:left;
}

#programImage {
	position:absolute;
	top:24px;
	left:10px;
}

#programDescription {
	position:absolute;
	left:190px;
	top:24px;
	width:250px;
	height:auto;
	font: bold 10px/13.5px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:left;
}

#rssButton {
	position:absolute;
	top:10px;
	right:10px;
}

#iTunesButton {
	position:absolute;
	top:10px;
	right:35px;
}

#playButton {
	position:absolute;
	top:30px;
	right:10px;
}

#notesButton {
	position:absolute;
	top:80px;
	right:10px;
}

.rssText {
	position:absolute;
	height:auto;
	width:485px;
	top:130px;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color:#637C7B;
	text-align:center;
}

.rssLink {
	position:absolute;
	height:auto;
	width:485px;
	top:200px;
	font: bold 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#EA0237;
	text-align:center;
}



/* SOLUTIONS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#solutionsNav {
	position: absolute;
	top:390px;
	left:480px;
	width: 230px;
}

/* AD FACTS :::::::::::::::::::::::::::::  */
.adFactCopy {
	position:absolute;
	left:27px;
	top:54px;
	width:185px;
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.adFactCopy a:link, .adFactCopy a:visited {
	color: #EA0237;
	text-decoration: none;
}

.adFactCopy a:hover {
	color: #D0CA98;
	text-decoration: none;
}

.adFactCopy a:active, .adFactCopy a:focus {
	color: #D0CA98;
}


/* NEWSROOM  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#newsroomNav {
	position: absolute;
	top:190px;
	left:480px;
	width: 230px;
	z-index:10;
}

#mediaButton {
	position:absolute;
	right:10px;
}


/* COMPANY  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#companyNav {
	position: absolute;
	top:371px;
	left:216px;
	font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	z-index:3;
}

.companyMenuItem {
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:left;
}

.contentMenuBullet {
	color: #EA0237;
}

.companyMenuItem a:link, .companyMenuItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.companyMenuItem a:hover {
	color: #002A46;
	text-decoration: none;
}

.companyMenuItem a:active, .companyMenuItem a:focus {
	color: #002A46;
}


.companyMenuItemActive {
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #002A46;
	text-align:left;
}

.companyMenuItemActive a:link, .companyMenuItemActive a:visited {
	color: #002A46;
	text-decoration: none;
}

.companyMenuItemActive a:hover {
	color: #002A46;
	text-decoration: none;
}

.FAQcopy {
	position:absolute;
	left:6px;
	top:17px;
	width:235px;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


/* SCROLL :::::::::::::::::::::::::::::  */
.scrollContainer {
	position: absolute;
	width: 225px;
	height: 185px;
	top: 20px;
	left: 0px;
	clip: rect(0px, 225px, 185px, 0px);
	overflow: hidden;
	visibility: hidden;
}

#scrollContent {
	position: absolute;
	left: 0px;
	top: 0px;
}

.scrollContainer2 {
	position: absolute;
	width: 225px;
	height: 185px;
	top: 20px;
	left: 0px;
	clip: rect(0px, 225px, 185px, 0px);
	overflow: hidden;
	visibility: hidden;
}

#scrollContent2 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#upArrow {
	position: absolute;
	top: 210px;
	left: 720px;
	height: 12px;
	width: 16px;
	z-index: 10;
}

#gapBreak {
	position: absolute;
	top: 200px;
	left: 334px;
	height: 2px;
	width: 16px;
	z-index: 20;
}

#downArrow {
	position: absolute;
	top: 384px;
	left: 720px;
	height: 28px;
	width: 16px;
	z-index: 10;
}

/* FOOTER DIVS & CLASSES:  CREDITS :::::::::::::::::::::::::::::::::::::::::::::::  */
#zocoloco {
 	font: bold 9px Arial, Helvetica, sans-serif;
	color: #CAD7D6;
	text-align:center;
	position: relative;
	top: 1px;
	left: 180px;
	height: 14px;
	width: 400px;
}

a.zocolocoLink, a.zocolocoLink:visited {
	color: #CAD7D6;
	text-decoration: none;
	filter:alpha(opacity=60);					/* IE opacity -> percentage */
	-moz-opacity:0.6;							/* gecko browsers opacity -> decimal */
	opacity: 0.6;								/* CSS 3 */
}

a.zocolocoLink:hover {
	color:#CAD7D6;
	text-decoration: none;
	filter:alpha(opacity=90);					/* IE opacity -> percentage */
	-moz-opacity:0.9;							/* gecko browsers opacity -> decimal */
	opacity: 0.9;								/* CSS 3 */
}