@charset "UTF-8";
/*   Steven M. Ross        America's Power Army: Core CSS        2 - 2009   */               

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout - Reset
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset { margin: 0; padding: 0;}  /* , table, th, td  */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Body - General	
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {background-color: #e0e9eb;color: #797c80;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin: 0px;padding:0px;}	
img { border:0;}
a { font-size: 12px; outline:none;}
a:link {color: #58919d; font-weight:bold;  text-decoration: none;}
a:active {color:#58919d; font-weight:bold; text-decoration: none;}
a:focus {outline:none;}
a:visited {color: #58919d; font-weight:bold;text-decoration: none;}
a:hover {color: #58919d; font-weight:bold; text-decoration: underline;}
p {color: #797c80; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-style:normal;}
strong {font-weight:bold;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout - Structure
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#wrapper {
	background:url(../imgs/bg.gif) repeat-y;
	margin:0 auto;
	padding:0 27px 0 27px;
	width:920px;
	position:relative;
}

div#primary {
	width:608px;
	margin-right:12px;
	float:left;
	display:inline;
}

div#secondary {
	width:300px;
	float:left;
	display:inline;
}

div#itemOverlay {
	background:#FFF;
	width:auto;
	height:auto;
	margin:20px;
	padding:20px;
	border:#333 1px solid;
	float:left;
	display:inline;
}

/************ Media Detail Overlay ************/
div#picOverlay {
	background:#FFF;
	width:488px;
	height:auto;
	border:#333 1px solid;
	float:left;
	display:block;
}

div#picOverlay #lgPhoto img {
	width:448px;
	/*height:336px;*/
	height:auto;
	margin:0;
	padding:20px;
	float:left;
	display:inline;
}

/*div#picOverlay #lgPhoto {
	width:448px;
	height:336px;
	margin:0;
	padding:20px;
	float:left;
	display:inline;
}
*/

div#photoTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#797c80;
	/*width:448px;*/
	margin-left:20px;
	float:left;
	display:inline;
}

div#btnSlide {
	width:448px;
	float:left;
	display:inline;
}

div#closeButtonPanel {
	/*width:448px;*/
	padding:20px 0 20px 20px;
	float:left;
	display:inline;
}

p#btnPicOverlayClose {
	margin:10px 0 0 0;
	height:auto;
	float:left;
	display:inline;
}

/************************/
div#topData {
	width:600px;
	height:20px;
	float:left;
	display:inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	America's Power Amry Logo, Search, Text Field, Search Results
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#apalogo {
	height: 90px;
	width:346px;
	background:url(/imgs/APA.jpg) no-repeat 0 0;
	overflow: hidden;
    float:left;
    display:inline;
}

div#apalogo:hover {cursor:url("custom.cur"), pointer}

div#globalSearch {
	margin-top:33px;
	float:right;
	display:inline;
}

div#globalSearchResults {
	margin-left:18px;
	margin-top:33px;
	float:left;
	display:inline;
}

.resultsHeader {
	width:580px;
	font-size:16px;
	word-spacing:-1px;
	line-height:22px;
	color:#797c80;
	margin-left:18px;
	margin-top:20px;
	float:left;
	display:inline;
}

.searchResults {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	line-height:18px;
	width:570px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	float:left;
	display:inline;
}

.searchResults img {
	margin-right:10px;
	float:left;
	display:inline;
}

div#srIcons {
	width:580px;
	float:left;
	display:inline;
}

div#srIcons img {
	margin-top:5px;
	margin-left:2px;
	float:left;
	display:inline;
}

/*********** Form Elements ******************/

.textfield {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
	width:230px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.textArea {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
	width:350px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.textAreaLWT {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:570px;
	line-height:18px;
	border:#cdcdcd solid 2px;
	padding: 5px 0 5px 5px;
}

.textAreaComments {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	width:455px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.textfieldCreateAcct {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
	width:213px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.textfieldProfile {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
	width:110px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.textfieldZip {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
	width:60px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.droplist {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#999;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}

.droplistTAStateSelect {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#58919d;
	border:#cdcdcd solid 1px;
	padding: 3px 0 3px 2px;
}

input#myProfileEdit_imgProfile {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 2px 6px;
	border: 1px solid #5db2b3;
	background:#f09741;
	text-decoration: none;
	text-transform:uppercase;
	background: #5db2b3 url(../imgs/btn_blue_bg.jpg) repeat-x 0 100%;
	display:inline;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input#myProfileEdit_imgProfile:hover {
	color: #FFF;
	background:#85d2d4;
	border: solid #5db2b3 1px;
} 
/***** not in use ********/
/*
.textAreaTerms {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#797c80;
	background:#FFF;
	width:455px;
	border:#cdcdcd solid 2px;
	padding: 3px 0 3px 2px;
}*/


/**************** terms of use acceptance ****************/

.termsOfUse {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #ccc; 
	padding:20px; 
	width:370px; 
	height:200px; 
	overflow-x:hidden; 
	overflow-y: auto;
}

.termsOfUse ul li {
	margin:10px;
}

.termsOfUse h2 {
	font-size:12px;
}

.termsOfUse a, .termsOfUse a:active, .termsOfUse a:visited, .termsOfUse a:hover {
	font-size:10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Sign In Navigation
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
 
.globalSignIn { float: right; width: 80px; height:34px; margin-top:29px; margin-right:10px; position:relative; z-index:9997;}

ul#signin { background: #FFF url(../imgs/signinBG.gif); float:left; list-style: none; width: 80px;  height:34px;}
ul#signin li { float: left; }
ul#signin a { color: #58919d; display: inline; font-size: 12px; line-height:34px; height: 34px; width: 80px; text-align: center; position: relative; text-transform:uppercase; margin-left:12px;}
ul#signin span { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

ul#signin li#signinBtn a { width: 80px; height:34px; padding-right:20px; outline:none;}
ul#signin li#signinBtn a:hover span { background-position: 0 0; outline:none;}

div#loginBox, #forgotPass {
	background: url(../imgs/loginBox.png) no-repeat 0 0;
	width:270px;
	height:248px;
	position: absolute;
	top: 34px;
	left:0;
	z-index:9998;
	display:none;  /* switch to none after testing */
	/*top: 63px;
	left:534px;*/
}

div#fp, div#thankyoumsg {
	display:none;
}

.myAP {
	margin:16px 0 0 16px;
	display:inline;
}

p.fieldLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#969595;
	margin:0 0 1px 16px;
}

.fieldLabelError {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:red;
	margin:0 0 1px 0;
}

p.fieldSignIn {
	margin:0 0 7px 14px;
}

div#fp {
	margin: 5px 0 0 16px;
	display:inline;

}
.forgotpass a:link,
.forgotpass a:visited,
.forgotpass a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#58919d;
	font-style:italic;
	font-weight:100;
	text-decoration:none;
	float:left;
	display:inline;
	margin-left:16px;
	height:20px;

}

.forgotpass a:hover {
	text-decoration:underline;
}

div#btnContainer {
width:260px;
	margin:12px 0 0 0;
	float:left;
	display:inline;
}

p#btnClose {
	margin:4px 0 0 10px;
	float:left;
	display:inline;
}

p#btnOverlayClose {
	margin:10px 0 0 10px;
	height:auto;
}


.close a:link,
.close a:visited,
.close a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#969595;
	font-weight:bold;
	text-decoration:underline;
}

.close a:hover {
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global Button
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
 /************ Orange btns *******************/
   
div#button {
	height:90px;
	line-height:90px;
	margin-left:10px;
	float:right;
	display:inline;
}

div#btnSearch {
	line-height:28px;
	margin-top:31px;
	margin-left:10px;
	float:left;
	display:inline;
}

div#btnTakeAction {
	line-height:28px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#btnMyTakeAction {
	line-height:28px;
	margin-top:5px;
	margin-left:0px;
	margin-right:10px;
	float:left;
	display:inline;
}

div#btnSignIn {
	line-height:28px;
	margin-left:16px;
	float:left;
	display:inline;
}


div#btnJoin {
	line-height:24px;
	margin-left:10px;
	float:left;
	display:inline;
}

div#btnAddFeed {
	line-height:24px;
	margin-left:10px;
	float:left;
	display:inline;
}

div#btnSubmit {
	line-height:28px;
	margin-left:0;
	float:left;
	display:inline;
}

div#btnSubmitComment {
	line-height:28px;
	margin-left:0;
	margin-top:10px;
	float:left;
	display:inline;
}


.gbtn a:link, 
.gbtn a:active,
.gbtn a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 12px;
	border: 1px solid #c56b1f;
	background:#f09741;
	text-decoration: none;
	outline:none;
	background: #f8bb6f url(../imgs/btn_bg.jpg) repeat-x 0 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
.gbtn a:hover {
	color: #FFF;
	background:#ffcb7c;
	border: solid #f09741 1px;
	outline:none;
}


/************ Blue btns *******************/

div#btnBlueJoin {
	margin-top:10px;
	line-height:28px;
	margin-left:0px;
	float:left;
	display:inline;
}

div#btnTakeActionJoin {
	margin-top:10px;
	line-height:28px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#btnAlreadyMember {
	line-height:28px;
	margin-left:20px;
	margin-top:3px;
	float:right;
	display:inline;
}

#btnMedia {
	line-height:28px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	display:inline;
}

#btnProfileUpload {
	line-height:28px;
	margin-left:10px;
	margin-right:0px;
	float:left;
	display:inline;
}

#btnBrowse {
	line-height:28px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	display:inline;
}


div#btnTASignPetition {
	line-height:28px;
	margin-left:20px;
	float:left;
	display:inline;
}


#btnSignPetition {
	line-height:28px;
	margin-top:5px;
	margin-left:0px;
	float:left;
	display:inline;
}

#btnSignPetitionSubmit {
	line-height:28px;
	margin-top:5px;
	margin-left:115px;
	float:left;
	display:inline;
}

div#btnCreateBlog {
	line-height:28px;
	margin-left:15px;
	float:left;
	display:inline;
}

div#btnSendReminderEmail {
	line-height:28px;
	margin-left:0px;
	margin-top:10px;
	float:left;
	display:inline;
}


.gbtnBlue a:link, 
.gbtnBlue a:active,
.gbtnBlue a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 12px;
	border: 1px solid #5db2b3;
	background:#f09741;
	text-decoration: none;
	outline:none;
	background: #5db2b3 url(../imgs/btn_blue_bg.jpg) repeat-x 0 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
.gbtnBlue a:hover {
	color: #FFF;
	background:#85d2d4;
	border: solid #5db2b3 1px;
	outline:none;
}

/**********  Numbers *******************/

div#btnNum {
	line-height:28px;
	margin-left:5px;
	float:left;
	display:inline;
}

.gbtnNum a:link, 
.gbtnNum a:active,
.gbtnNum a:focus,
.gbtnNum a:visited {
	font-size:12px;
	font-weight: bold;
	color: #58919c;
	padding: 3px 6px;
	border: 1px solid #c7c7c7;
	background:#f09741;
	text-decoration: none;
	outline:none;
	background: #ebebeb url(../imgs/btnNum_bg.jpg) repeat-x 0 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}
.gbtnNum a:hover {
	font-size:12px;
	font-weight: bold;
	color: #5d5d5d;
	background:#ebebeb;
	border: solid #c7c7c7 1px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global Navigation
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
 
.globalnav { clear: both; float: left; width: 100%; }

ul#nav { /*background: #58919d;*/ float:left; list-style: none; width: 920px; }
ul#nav li { float: left; }
ul#nav a { color: #FFF; display: block; font-size: 11px; line-height:32px; height: 32px; text-align: center; position: relative; }
ul#nav span { background:url(../imgs/globalNav.gif) no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

ul#nav li#home a { width: 83px; }
ul#nav li#home a:hover span { background-position: 0 -34px; }

ul#nav li#about a { width: 247px; }
ul#nav li#about span { background-position: -83px 0; }
ul#nav li#about a:hover span { background-position: -83px -34px; }

ul#nav li#myap a { width: 181px; }
ul#nav li#myap span { background-position: -330px 0; }
ul#nav li#myap a:hover span { background-position: -330px -34px; }

ul#nav li#issues a { width: 91px; }
ul#nav li#issues span { background-position: -511px 0; }
ul#nav li#issues a:hover span { background-position: -511px -34px; }

ul#nav li#media a { width: 79px; }
ul#nav li#media span { background-position: -602px 0; }
ul#nav li#media a:hover span { background-position: -602px -34px; }

ul#nav li#facts a { width: 112px; }
ul#nav li#facts span { background-position: -681px 0; }
ul#nav li#facts a:hover span { background-position: -681px -34px; }

ul#nav li#takeaction a { width: 126px; }
ul#nav li#takeaction span { background-position: -793px 0; }
ul#nav li#takeaction a:hover span { background-position: -793px -34px; }

/* hold nav */

body.hldhome ul#nav li#home a { width: 83px; }
body.hldhome ul#nav li#home span { background-position: 0 -34px; }

body.hldabout ul#nav li#about a { width: 247px; }
body.hldabout ul#nav li#about span { background-position: -83px -34px; }

body.hldmyap ul#nav li#myap a { width: 181px; }
body.hldmyap ul#nav li#myap span { background-position: -330px -34px; }

body.hldissues ul#nav li#issues a { width: 91px; }
body.hldissues ul#nav li#issues span { background-position: -511px -34px; }

body.hldmedia ul#nav li#media a { width: 79px; }
body.hldmedia ul#nav li#media span { background-position: -602px -34px; }

body.hldfacts ul#nav li#facts a { width: 112px; }
body.hldfacts ul#nav li#facts span { background-position: -681px -34px; }

body.hldtakeaction ul#nav li#takeaction a { width: 126px; }
body.hldtakeaction ul#nav li#takeaction span { background-position: -793px -34px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global Sub Navigation
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
   
#subNav {
	width:919px;
	margin:0;
	background:#79c4c6;
	border:#ededed solid 1px;
	float:left;
	display:inline;
	
	-moz-border-radius-bottomleft:  5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; 
}

#subNav p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:5px 0 7px 20px;
	margin:0 0 0 70px;
	float:left;
	display:inline;
}

#subNav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	padding:0 10px 0 10px;
	text-transform:capitalize;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Banner Img
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*div#bannerImg {
	background:#e7e7e7;
	height:230px;
	width:608px;
	margin:20px 0 20px 0;
	float:left;
	display:inline;
}*/

div#bannerImg {
	background: url(/imgs/bannerFrame.jpg) no-repeat 0 0;
	width:608px;
	height:237px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
}

div#bannerImg img {
	padding-left:10px;
	padding-top:10px;
	float:left;
	display:inline;
}

/**** rotate banner img *****/
.imgBannerRotate {  
    /*height:  588px;  
    width:   208px;  
    padding: 0;  
    margin:  0; */
	width:608px;
	height:237px;
	margin:20px 0 0 0;
	float:left;
	display:inline; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Prumary Content
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#primaryContent {
	background:#FFF;
	width:600px;
	/*margin:0 0 20px 0;*/
	float:left;
	display:inline;
}

div#contentArea {
	/*background:red;*/
	width:580px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #797c80;
	line-height:18px; 
	font-style:normal;
	margin:20px 0 0 20px;
	text-align:left;
	float:left;
	display:inline;
}

div#primaryContent p {
	margin:20px 0 0 20px;
	text-align:left;
}

div#primaryContent h2 {
	font-size:16px;
	word-spacing:-1px;
	color:#797c80;
	margin:20px 0 0 0;
	text-align:left;
}

div#contentArea ul  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	line-height:18px;
	margin:20px 20px 20px 20px;
	text-align:left;
}

div#contentArea li  {
	margin:20px 20px 20px 20px;
	text-align:left;
}

/*div#primaryContent p, div#primaryContent ul, div#primaryContent li {
	margin:20px 0 0 20px;
	text-align:left;
}*/

/*
div#primaryContent ul  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	line-height:18px;
	margin:20px 20px 20px 20px;
	text-align:left;
}

div#primaryContent li  {
	margin:20px 20px 20px 20px;
	text-align:left;
}*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Join Box
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
div#joinBox {
	background: #d2eaea url(/imgs/joinBox.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	/*height:125px;*/
	/*height:110px;*/
	height:175px;
	width:598px;
	margin-top:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
	display:inline;
}

div#joinBox img {
	margin:20px 0 10px 20px;
}

p.intro { 
	color:#888; 
	font-size:16px; 
	line-height:1.4; 
	font-weight:normal;
	margin:0 20px 20px 22px;
}

div#joinBoxThankYou {
	background: #d2eaea url(/imgs/joinBox.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	width:598px;
	margin-top:5px;
	padding:15px 0;
	float:left;
	display:inline;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#joinlabels {
	float:left;
	display:inline;
}

div#emailText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	margin:6px 10px 0 22px;
	float:left;
	display:inline;
}

div#textBoxEmail {
	float:left;
	display:inline;
}


/***** specific to Thank you Join Box Alert *****/
div#enterEmailTxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	margin:6px 10px 0 0;
	width:230px;
	text-align:right;
	float:left;
	display:inline;
}

div#divider { width:10px; height:40px;}

div#btnPlacement { margin:20px 0 0 230px; float:left; display:inline; }

div#enterPassTxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	margin:6px 10px 0 0;
	width:230px;
	text-align:right;
	float:left;
	display:inline;
}

div#joinfields1 {
	float:left;
	display:inline;
}


.myAPpageTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:560px;
	height:50px;
	margin:20px 0 0 18px;
	float:left;
	display:inline
}
.myAPpageTitle img {
	float:left;
	display:inline
}

div#myAPPanel {
	width:580px;
	margin:30px 0 0 18px;
	float:left;
	display:inline;
}

div#myAPPanel #iconImg {
	width:75px;
	float:left;
	display:inline;
}

div#myAPPanel #iconImgText {
	width:480px;
	height:auto;
	float:left;
	display:inline;
}

.ftrTitle {
	font-size:15px;
	background:#fbfbfb;
	width:495px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	color:#2daba8;
	padding:5px 0 5px 10px;
	margin-bottom:10px;
}

.ftrText {
	font-size:12px;
	padding-left:10px;
}


div#memberSignInPanel {
	width:270px;
	padding-bottom:20px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:15px;
	background:#fbfbfb;
	border:#ccc solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
	display:inline;
}

div#myAPInfo {
	width:570px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#myAPInfo p {
	margin-top:20px;
	line-height:18px;
	float:left;
	display:inline;
}

div#myAPInfo .title {
	width:290px;
	float:left;
	display:inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Action Box 1
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#actionBox1 {
	background: #e9f2e1 url(/imgs/greenBG.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	height:230px;
	width:298px;
	margin:20px 0 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
	display:inline;
	overflow:hidden;  /* may need to remove if client requests */
}

div#actionBox1 p { margin:0 20px 10px 20px; }

div#actionBox1 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	padding-left:20px;
	margin-top:5px;
	line-height:30px;
}

div#actionBox1 #boxHeading {
	background:url(../imgs/greenHeading.jpg) repeat-x 0 0;
	height:27px;
	width:298px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

div#actionBox1 #boxHeading h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-left:20px;
	line-height:27px;
}

div#slider {
	width:267px;
	border-top: 1px #a6ce51 solid;
	margin:10px 0 0 15px;
	padding-top:7px;
	float:left; 
	display:inline;
}

.centered  {
    margin: 10px auto;
    text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Action Box 2 / 3
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
div#actionBox2, div#actionBox3 {
	background: #d2eaea url(/imgs/blueBG.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	/*height:500px;*/
	width:298px;
	margin:20px 0 0 0;
	padding:0 0 40px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:right;
	display:inline;
}

div#actionBox2 #boxHeading {
	background: url(../imgs/rssIcon.gif) no-repeat 5px 16px;
	height:35px;
	width:267px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:10px;
}

div#actionBox2 #boxHeading h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	padding-left:30px;
	line-height:48px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Action Box 3 / 2
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
.rsMyAPLogo {
	margin:21px 0 18px 30px;
}

div#actionBox3 #item, div#actionBox2 #item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	margin-top:15px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:15px;
	line-height:18px;
	float:left;
	display:inline;
}

/******************** icon img with text ********************/

div#actionBox3 #item #iconImg, div#actionBox2 #item #iconImg {
	width:65px;
	height:50px;
	float:left;
	display:inline;
}
div#actionBox3 #item #iconText, div#actionBox2 #item #iconText {
	width:190px;
	float:right;
	display:inline;
}

/******************** text only ********************/

div#actionBox3 #item .textOnly, div#actionBox2 #item .textOnly {
	padding:0 10px 0 10px;
	float:left;
	display:inline;
}

/******************** ftr img with text ********************/

div#actionBox3 #ftrHeading h2, div#actionBox2 #ftrHeading h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	width:267px;
	padding:30px 0 0 20px;
	display:inline;
	float:left;
}

div#actionBox3 #ftrSubHeading, div#actionBox2 #ftrSubHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58919d;
	margin:10px 20px 5px 20px;
	float:left;
	display:inline;
}

div#actionBox3 #item #ftrGroupImg {
	width:267px;
	float:left;
	display:inline;
}

div#actionBox3 #item #ftrText, div#actionBox2 #item #ftrText {
	padding:10px 10px 0 10px;
	float:left;
	display:inline;
}

div#actionBox3 #boxHeading {
	background: url(../imgs/rssIcon.gif) no-repeat 5px 16px;
	height:35px;
	width:267px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:10px;
}

div#actionBox3 #boxHeading h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	padding-left:30px;
	line-height:48px;
	display:inline;
	float:left;
}

/******************** bg video img ********************/

div#actionBox3 #item #ftrImg, div#actionBox2 #item #ftrImg {
	background: #FFF url(../imgs/glbVideoImgBG.jpg) no-repeat 10px 10px;
	width:267px;
	height:222px;
	float:left;
	display:inline;
}

/********************  video frame img ********************/

div#actionBox3 #item #ftrImg img, div#actionBox2 #item #ftrImg img {
	width:267px;
	height:222px;
	float:left;
	display:inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Action Box 4
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#actionBox4 {
	background: #e9f2e1 url(/imgs/greenBG.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	width:298px;
	margin:20px 0 0 0;
	padding:0 0 40px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:right;
	display:inline;
}

div#actionBox4 #item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	/*height:500px;
	overflow:auto;*/
	margin-top:15px;
	margin-left:15px;
	line-height:18px;
	float:left;
	display:inline;
}

div#actionBox4 #item .textOnly {
	padding:0 10px 0 10px;
	float:left;
	display:inline;
}

div#actionBox4 #boxHeading {
	background: url(../imgs/myap/note_edit.png) no-repeat 2px 13px;
	height:35px;
	width:267px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:10px;
}

div#actionBox4 #boxHeading h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	padding-left:30px;
	line-height:48px;
	display:inline;
	float:left;
}

div#actionBox4 #boxHeading2 {
	background: url(../imgs/icons/talkingpoints.png) no-repeat 2px 13px;
	height:35px;
	width:267px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:10px;
}

div#actionBox4 #boxHeading2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	padding-left:30px;
	line-height:48px;
	display:inline;
	float:left;
}


/******************Letter Writting Tips *****************/
/* appears to not be in use*/
ul#writtingTips {
	width:240px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	float:left;
	display:inline;
}
#writtingTips li {
	width:230px;
	margin-left:10px;
	margin-top:15px;
	padding-left: 15px;
	background-image: url(/imgs/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	float:left;
	display:inline;
}
div#actionBox4 #item em {
	margin-top:0px;
	font-style:italic;
	width:260px;
	float:left;
	display:block;
}
/* appears to not be in use*/

/******************SMR EDIT  Letter Writting Tips *****************/

div#actionBox4 #item ul {
	/*width:240px;*/
}
div#actionBox4 #item ul li {
	margin-left:20px;
	margin-top:0px;
	padding-left:1px;
}
div#actionBox4 #item ol li {
	margin-left:20px;
	margin-top:0px;
	padding-left:1px;
}

div#actionBox4 #item ul ul {
	padding:0 0 0 25px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Primary Text Style
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
p.quote {
	font-size:17px;
	line-height:20px;
	color:#58919d
}

p.quote span {
	font-size:13px;
	line-height:22px;
	color:#58919d;
}

p.title {
	font-size:16px;
	word-spacing:-1px;
	line-height:22px;
	color:#797c80;
}

.bluetext {
	color:#59919e;
}

table.tbl {
	float:left;
	display:inline;
}

span.fieldNames {
	color:#b6b6b6;
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	margin-left:20px;
}


.fieldValues {
	color:#797c80;
	font-size:12px;
	padding-right:42px;
}

span.fieldTitles {
	color:#59919e;
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	margin-left:20px;
}

span.fieldInstructions {
	color:#797c80;
	font-size:11px;
	text-transform:capitalize;
	margin-left:20px;
}

div#linebrk {
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	width:600px;
}

div#linebrkShare {
	padding-top:40px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	width:600px;
	float:left;
	display:inline;
}

.required {
	font-size:17px;
	font-weight:bold;
	color:#a6ce51;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	myAmerica'sPower
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
div#userPic {
	margin:30px 16px 20px 10px;
	float:left;
	display:inline;
} 

.userName {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	/*width:500px;*/
	height:50px;
	line-height:50px;
	margin:30px 10px 30px 0;
	color:#333;
	float:left;
	display:inline;
	}
	
div#editProfile {
	height:50px;
	margin:30px 10px 30px 0;
	line-height:52px;
	float:left;
	display:inline;
}

.pipe {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#58919d;
}

.share a:link,
.share a:active,
.share a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	text-decoration:none;
}

.share a:hover {
	text-decoration:underline;
}

div#myAPLogo {
	height: 20px;
	width:238px;
	padding-top:31px;
	background: url(/imgs/myAP.png) no-repeat 10px 20px;
	overflow: hidden;
	float:none;
    display:block;
}

div#sharePrimary {
	width:300px;
	margin-top:20px;
	padding-right:20px;
	border-right:1px solid #ccc;
	float:left;
	display:inline;
}

div#shareSecondary {
	width:570px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	display:inline;
}

#sharePanel {
	margin:0 0 20px 20px;
	float:left;
	display:inline;
}

#webmailPanel, #webmailPanel2  {
	width:260px;
	/*margin-top:10px;*/
	padding:10px 20px 10px 20px;
	border-top:1px solid #ccc;
	float:left;
	display:inline;
}

#webmailPanel3  {
	width:260px;
	height:68px;
	padding:10px 20px 10px 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
	display:inline;
}

#webmailPanel img, #webmailPanel2 img, #webmailPanel3 img   {
	float:left;
	display:inline;
}

#webmailPanel p, #webmailPanel2 p, #webmailPanel3 p {
	font-weight:bold;
	height:64px;
	line-height:64px;
	margin-left:10px;
	float:left;
	display:inline;
}

#shareSelectPanel, #sharethankYouPanel {
	float:left;
	display:inline;
}

div#addressResults {
	width:560px;
	height:190px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:auto;
	float:left;
	display:inline;
}


div#requestSentMsg {
	background:#d1ecb7;
	width:588px;
	margin-top:30px;
	padding:5px;
	border:1px solid #89c94f;
	float:left;
	display:inline;
}

div#requestSentMsg p {
	margin-left:10px;
	line-height:24px;
	float:left;
	display:inline;
}

div#requestSentMsg img {
	margin-left:8px;
	float:left;
	display:inline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	myAmerica'sPower - My Nav
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#myNav {
	/*background:#009999;*/
	background:url(/imgs/myAP/myAP-NavBG.jpg) repeat-x 0 0;
	list-style:none;
	
	min-width:400px;
	
	/*_width:598px;*/
	width:598px;
	
	height:37px;
	/*margin-bottom:20px;*/
	margin-right:5px;
	border-top:#dcdcdc solid 1px;
	border-bottom:#b4b4b4 solid 1px;
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;
	float:left;
	display:inline;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ul#myNav li {
  	/*width:99px; *//* evenly distribute width to all buttons -- substract 1 for the border */
	float:left;
	display:inline;
}

ul#myNav li#profile {width:90px; float:left; display:inline;}
ul#myNav li#groups {width:96px; float:left; display:inline;}
ul#myNav li#subscriptions {width:132px; float:left; display:inline;}
ul#myNav li#blog {width:80px; float:left; display:inline;}
ul#myNav li#media {width:87px; float:left; display:inline;}
ul#myNav li#takeaction {width:108px; float:left; display:inline;}


ul#myNav li#profile, ul#myNav li#groups, ul#myNav li#subscriptions, ul#myNav li#blog, ul#myNav li#media, ul#myNav li#takeaction {
	/*background:#66CCFF;*/
	border-right:#A7BCC1 solid 1px;
	margin-top:4px;
	margin-bottom:3px;  /* USE THE MARGINS TO VERTICALLY CENTER THE LI BLOCK WITHIN THE UL HEIGHT */
}

ul#myNav li#takeaction {
	border:none;  /* HACK TO REMOVE LAST BORDER */
}

ul#myNav li#profile a, ul#myNav li#groups a, ul#myNav li#subscriptions a, ul#myNav li#blog a, ul#myNav li#media a, ul#myNav li#takeaction a {
	text-align:center;
	padding:7px 12px;       /* USE THE PADDING TO ADD HEIGHT TO THE HOVER BOX BACKGROUND COLOR */
	margin-left:4px;
	margin-right:4px;       /* USE THE MARGINS TO ADD THE EXTRA SPACE BEFORE THE PIPE BREAK */
	display:block;
	text-decoration:none;
	text-transform:capitalize;
}

/*ul#myNav li#takeaction a {  /* HACK FOR LAST ITEM 
	text-align:center;			
	padding:7px 13px;        USE THE PADDING TO ADD HEIGHT TO THE HOVER BOX BACKGROUND COLOR 
	margin-left:5px;
	margin-right:5px;        USE THE MARGINS TO ADD THE EXTRA SPACE BEFORE THE PIPE BREAK 
	display:block;
	text-decoration:none;
	text-transform:capitalize;
}*/

ul#myNav li#profile span a:hover, ul#myNav li#groups span a:hover, ul#myNav li#subscriptions span a:hover, ul#myNav li#blog span a:hover, ul#myNav li#media span a:hover, ul#myNav li#takeaction span a:hover {
	background:#91c026;
	color:#FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/* hold nav */
body.hldmyprofile #myNav li#profile a, body.hldmygroups #myNav li#groups a, body.hldmysubscriptions #myNav li#subscriptions a, body.hldmyblog #myNav li#blog a, body.hldmymedia #myNav li#media a, body.hldmytakeaction #myNav li#takeaction a {
	background:#91c026;
	color:#FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Action History Box
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#actionBoxHistory {
	background: #e9f2e1 url(/imgs/greenBG.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	width:235px;
	height:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom:20px;
	float:right;
	display:inline;
}

div#actionBoxHistory p { margin:0 20px 20px 20px;}

div#actionBoxHistory h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	padding-left:20px;
	margin-top:5px;
	line-height:35px;
}


.accordTitle {
	border-top:1px solid #CCC;
	margin:0 10px 0 10px;
	padding:5px 0 5px 10px;
}

.accordContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 10px 0 10px;
}


/*div#actionBoxHistory #slider {
	width:200px;
	border-top: 1px #a6ce51 solid;
	margin:20px 0 0 15px;
	padding-top:10px;
	padding-bottom: 9px;
	float:left; 
	display:inline;
}

div#actionBoxHistory #slider .centered  {
    margin: 10px auto;
    text-align: center;
}
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	My Groups
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#groupInfoPanel {
	margin-top:20px;
	margin-bottom:10px;
	margin-left:16px;
	width:580px;
	float:left;
	display:inline;
}

div#groupInfo {
	margin-top:20px;
	width:600px;
	float:left;
	display:inline;
}

div#groupLineBrk {
	padding-top:10px;
	margin-bottom:0px;
	border-bottom:1px solid #ccc;
	width:600px;
	float:left;
	display:inline;
}

div#groupInfo #groupImg {
	margin-left:10px;
	float:left;
	display:inline;
}

div#groupInfo #groupText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:430px;
	/*margin-left:20px;*/
	float:left;
	display:inline;
}

div#groupText {
	width:430px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#eventsPanel, #joinGroupPanel, #blogTitlePanel, #mediaTitlePanel {
	width:600px;
	float:left;
	display:inline;
}

div#blogListPanel {
	width:600px;
	padding-bottom:20px;
	float:left;
	display:inline;
}

div#eventDesc {
	width:270px;
	margin-left:18px;
	margin-top:15px;
	float:left;
	display:inline;
}

div#eventDetails {
	margin-left:40px;
	margin-top:15px;
	float:left;
	display:inline;
}

div#eventDetails .eventFieldNames {
	color:#b6b6b6;
	font-size:12px;
	font-weight:bold;
	padding-right:20px;
	text-transform:capitalize;
}

div#eventDetails .eventFieldValues {
	color:#797c80;
	font-size:12px;
}

div#mediaPanel {
	width:290px;
	float:left;
	display:inline;
} 

div#mediaVideo {
	height:222px;
	margin:15px 0 0 15px;
	float:left;
	display:inline;
}

div#mediaImgContainer {
	height:240px;
	margin-left:45px;
	float:left;
	display:inline;
}

div#blogPanel, #fedIssuesPanel {
	width:290px;
	margin-left:20px;
	float:left;
	display:inline;
} 

div#noEntry {
	width:580px;
	margin-top:20px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#noEntry p {
	width:490px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#noEntry img {
	float:left;
	display:inline;
}

div#taEntry {
	width:580px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	display:inline;
}

div#taEntry p {
	width:490px;
	margin-left:10px;
	float:left;
	display:inline;
}

div#taEntry img {
	float:left;
	display:inline;
}

#item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	margin-top:15px;
	margin-left:15px;
	/*border-bottom: 1px #d5d5d5 solid;*/
	/*padding-bottom:15px;*/
	line-height:18px;
	float:left;
	display:inline;
}

#item #iconImg {
	width:65px;
	height:50px;
	float:left;
	display:inline;
}
#item #iconText {
	width:190px;
	float:right;
	display:inline;
}


div#itemLong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:600px;
	margin-top:15px;
	margin-left:15px;
	/*border-bottom: 1px #d5d5d5 solid;*/
	/*padding-bottom:15px;*/
	line-height:18px;
	float:left;
	display:inline;
}

div#itemLong #iconImg {
	width:65px;
	height:50px;
	float:left;
	display:inline;
}

div#itemLong #iconTextLong {
	width:510px;
	margin-right:10px;
	float:right;
	display:inline;
}


div#requestGroup {
	width:600px;
	margin-top:20px;
	/*padding-top:20px;*/
	/*border-top:1px solid #d5d5d5;*/
	float:left;
	display:inline;
}

div#requestGroup p {
	margin-left:20px;
	float:left;
	display:inline;
}

div#numbersPanel, #numbersPanelWide {
	margin-top:15px;
	margin-left:15px;
	float:left;
	display:inline;
}

div#numbersPanelWide {
	width:590px;
	float:left;
	display:inline;
}

div#numbersPanel p {
	height:30px;
	line-height:30px;
	float:left;
	display:inline;
}


div#subscriptionsPanel, #stateIssuesPanel {
	width:290px;
	float:left;
	display:inline;
} 

div#subscriptionsPanel #item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	margin-top:15px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:15px;
	line-height:18px;
	float:left;
	display:inline;
}

div#subscriptionsInterestPanel {
	width:600px;
	float:left;
	display:inline;
}

div#subscriptionsInterestPanel #item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	margin-top:15px;
	margin-left:15px;
	border-bottom: 1px #58919d solid;
	padding-bottom:15px;
	line-height:18px;
	float:left;
	display:inline;
}


div#viewAllBlogs {
	height:60px;
	margin-left:20px; 
	line-height:60px;
	float:left;
	display:inline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	My - Take Action
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
div#stateIssuesPanel #item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	margin-top:15px;
	margin-left:15px;
	border-bottom: 1px #d5d5d5 solid;
	padding-bottom:15px;
	line-height:18px;
	float:left;
	display:inline;
}

div#fedIssuesPanel #item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	width:267px;
	margin-top:15px;
	margin-left:15px;
	border-bottom: 1px #d5d5d5 solid;
	padding-bottom:15px;
	line-height:18px;
	float:left;
	display:inline;
}

div#takeActionPanel {
	width:580px;
	margin-top:20px;
	margin-left:18px;
	float:left;
	display:inline;
}

div#textAreaPanel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:580px;
	margin-top:20px;
	float:left;
	display:inline;
}

div#btnSubmitLetterPanel {
	width:590px;
	margin-top:20px;
	float:left;
	display:inline;
}

ul#letterDownload {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797c80;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	float:left;
	display:inline;
}
ul#letterDownload li {
	width:530px;
	margin-left:10px;
	margin-top:15px;
	padding-left: 15px;
	background-image: url(/imgs/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	float:left;
	display:inline;
}	

div#takeActionJoinPanel {
	width:600px;
	float:left;
	display:inline;
}

div#takeActionJoinPanel p {
	width:580px;
	margin-left:20px;
	float:left;
	display:inline;
}

div#lte_newsSelectPanel1 {
	width:280px;
	margin:0 20px 0 0;
	float:left;
	display:inline;
}

div#lte_newsSelectPanel2 {
	width:280px;
	margin:0 0 0 0;
	float:left;
	display:inline;
}

div#lte_newsSelectPanel1 p, div#lte_newsSelectPanel2 p {
	margin:10px 0 0 0;
}


/************* call your leg panel ***************/

h1.number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bold;
	color:#797c80;
}

div#takeActionPanel p img#emailReminder {
	vertical-align:middle;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	My - Title Bars
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#titleBar {
	background:#fbfbfb;
	width:600px;
	height:32px;
	margin-top:20px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	float:left;
	display:inline;
}

div#titleBarLG {
	background:#fbfbfb;
	width:920px;
	height:32px;
	margin-top:20px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	float:left;
	display:inline;
}

div#titleBarSm {
	background:#fbfbfb;
	width:290px;
	height:32px;
	margin-top:30px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

div#titleBar img, div#titleBarSm img, #titleBarLG img {
	margin:4px 0  0 15px;
	float:left;
	display:inline;
}


div#titleBar p, div#titleBarSm p, #titleBarLG p {
	font-weight:bold;
	color:#59919e;
	margin-left:10px;
	line-height:32px;
	float:left;
	display:inline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	My Blog , My Media  |   Display
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#blogInfo, #mediaInfo {
	margin-top:20px;
	width:600px;
	float:left;
	display:inline;
}

div#blogInfo img, #mediaInfo img {
	margin-left:10px;
	float:left;
	display:inline;
}

div#blogName, #mediaName {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin-left:20px;
	color:#59919e;
	float:left;
	display:inline;
}

div#blogArticlePanel {
	width:580px;
	margin:20px 0 10px 20px;
	overflow:hidden;
	float:left;
	display:inline;
}

/******************* BLOG: bullets / numbers ********************/

div#blogArticlePanel ul {
	margin:18px;
	padding-left:15px;
	text-align:left;
}

div#blogArticlePanel ol {
	margin:18px;
	padding-left:20px;
	text-align:left;
}

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

div#comments {
	background:#ededed;
	margin-top:20px;
	padding:0 24px 25px 24px;
	border:1px solid #dcdddd;
	width:550px;
	float:left;
	display:inline;
}

div#commentsTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#797c80;
	width:548px;
	margin-top:25px;
	float:left;
	display:inline;
}

div#commentRow {
	width:550px;
	margin-top:20px;
	float:left;
	display:inline;
}

div#commentsUserImg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	width:67px;
	overflow:hidden;
	float:left;
	display:inline;
}


div#commentsUserImg img {
	border:1px solid #fff;
	float:left;
	display:inline;
}

div#commentsDisplay {
	background:#FFF;
	border:1px solid #dcdddd;
	margin-left:20px;
	padding:20px;
	width:420px;
	float:left;
	display:inline;
}

div#commentsTextArea {
	margin-left:20px;
	width:420px;
	float:left;
	display:inline;
}

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

div#blogHistoryPanel {
	width:600px;
	float:left;
	display:inline;
}

div#createBlogPanel {
	width:600px;
	margin-top:20px;
	float:left;
	display:inline;
}

/************* media main ***************/

div#mediaBtnsPanel {
	background:#f9f9fb;
	width:600px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	display:inline;
	}

div#photoAlbum {
	background: url(/imgs/albumBG.jpg) no-repeat 0 0;
	width:180px;
	height:180px;
	margin:20px 10px 40px 10px;
	float:left;
	display:inline;
}

div#photoAlbum img {
	padding-left:21px;
	padding-top:28px;
	float:left;
	display:inline;
}

div#albumTitle {
	width:180px;
	text-align:center;
	margin-top:36px;
	float:left;
	display:inline;
}

.albumDateCount {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


div#videoEmbed {
	width:590px;
	overflow:hidden;
	margin:20px 20px 20px 10px;
	float:left;
	display:inline;
}

div#videoEmbed p {
	margin:10px 0 0 10px;
}

/**************media display ***********/

div#mediaGridSm {
	width:600px;
	float:left;
	display:inline;
}

div#mediaGridSm img {
	padding:8px;
	/*margin:20px 0 0 16px;*/
	border: 2px solid #ccc;
	float:left;
	display:inline;
}

/************ Remove Links *****************/

div#picContainer {
	width:176px;
	height:auto;
	margin:20px 10px 0 10px;
	float:left;
	display:inline;
}

.remove a:link, 
.remove a:active,
.remove a:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color: #bfbfbf; 
	margin-left:10px;
	margin-top:8px;
	margin-bottom:5px;
	text-decoration: none;
	float:left;
	display:inline;
}

.remove a:hover  {
	color: #58919d; 
	text-decoration: underline;
	float:left;
	display:inline;
}

div#deleteAlbum {
	height:32px;
	margin-right:20px; 
	line-height:32px;
	float:right;
	display:inline;
}

/************ Report Abuse Links *****************/

a.reportAbuse:link, 
a.reportAbuse:active,
a.reportAbuse:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color: #bfbfbf; 
	text-decoration: none;
}

a.reportAbuse:hover  {
	color: #58919d; 
	text-decoration: underline;
}


/**************media upload  ***********/

div#uploadMedia {
	width:590px;
	margin:20px 0 0 15px;
	float:left;
	display:inline;
}

div#photoBrowse {
	width:300px;
	padding:0 0 8px 0;
	float:left;
	display:inline;
}

div#photoBrowse p {
	padding:0 0 8px 0;
	float:left;
	display:inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Petition Panel / History Box
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
 div#petitionPanel {
 	width:320px;
	height:auto;
	margin-right:20px;
	float:left;
	display:inline;
 }

div#petitionBoxHistory {
	background: #e9f2e1 url(/imgs/greenBG.jpg) no-repeat 0 0;
	border: 1px solid #ededed;
	width:235px;
	height:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom:20px;
	float:right;
	display:inline;
}

div#petitionBoxHistory p { margin:10px 10px;}

div#petitionBoxHistory h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	margin-top:5px;
	line-height:35px;
}

div#petitionBoxHistory h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bold;
	color:#797c80;
	margin-top:5px;
}

div#petitionComment p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#b6b6b6;
	width:105px;
	margin-right:10px;
	float:left;
	display:inline;
}

div#textAreaPetitionPanel {
	width:auto;
	float:left;
	display:inline;
}

div#petitionResultsPanel {
	background:#fbfbfb;
	border:1px solid #d5d5d5;
	width:235px;
	height:330px;
	/*overflow:auto;*/
	overflow-x:hidden;
	overflow-y: auto;
	margin-top:20px;
	float:right;
	display:inline;
}

div#petitionResultsPanel h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#58919d;
	margin-top:5px;
	line-height:35px;
} 

div#petitionResultsPanel p {
	font-size:10px;
	width:190px;
	padding:10px 0 10px 10px;
	margin:0 0px 0 10px;
	border-top:1px solid #d5d6d6;
	float:left;
	display:inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BreadCrumbs
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
div#breadCrumbs, #commentPost {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#797c80;
	margin-top:15px;
	margin-right:20px;
	float:right;
	display:inline;
}

#breadCrumbs a:link,  #commentPost a:link,
#breadCrumbs a:active, #commentPost a:active
#breadCrumbs a:visited, #commentPost a:visited {
	font-size: 12px;
	font-weight:100;
	color: #59919e;
	text-decoration: none;
}
#breadCrumbs a:hover, #commentPost a:hover {
	color: #59919e;
	text-decoration:underline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
div#footer {
	background:#58919d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#FFF;
	height:40px;
	width:920px;
	margin-top:60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
}

div#footerLinks {
	height:40px;
	line-height:40px;
	margin-left:20px;
	display:inline;
	float:left;
}

div#footerLinks a:link,
div#footerLinks a:active,
div#footerLinks a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#FFF;
	margin:0 2px 0 2px;
	text-decoration:none;
	text-transform:capitalize;
}

div#footerLinks a:hover  {
	text-decoration:underline;
}

div#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	line-height:40px;
	margin-right:24px;
	float:right;
	display:inline;
}

div#copyright a:link, 
div#copyright a:active,
div#copyright a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#FFF;
	margin:0 2px 0 2px;
	text-decoration:none;
	text-transform:capitalize;
}

div#copyright a:hover {
	text-decoration:underline;
}

div#space {
	height:12px;
	width:920px;
	display:inline;
	float:left;
}

div#footerCap {
	background:url(../imgs/bg-footer.gif) no-repeat;
	height:50px;
	width:974px;
	margin:0 auto;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Clearing
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearing { clear: both; }