/* --------------- DEFAULTS ------------ */
body { margin-bottom: 10px; margin-top: 4px; background-color: #455D7D; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; text-align: center; }
table { border: 0; margin-left: auto; margin-right: auto; border-collapse: collapse; }
td { vertical-align:	top; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; vertical-align: top; }
ul { margin: 6px; padding: 2px 0px 2px 10px;}
li { margin:4px 0px 4px 6px; }
img { border: 0px; vertical-align: middle; margin:0px 1px 0px 1px; }
p { background: transparent; font-style: normal; font-weight: lighter; font-family:  Verdana, "Times New Roman",  Times,sans-serif; font-size: 12px; line-height: 16px; color : #222222; text-align: left; }
/* #868F98 */


/* --------------- TABLE ------------ */
table.alignLeft { float: left; margin:2px 4px 2px 0px; }
table.alignRight { float: right; margin:2px 0px 2px 4px; }
table.basic {width:760px; vertical-align:top; border-collapse: collapse; border-color : #333333; margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-top: 0px; border-left-width : 1px; border-left-style : solid; border-right-width : 1px; border-right-style : solid; border-top-width : 0px; border-bottom-width : 1px; border-bottom-style : solid; }
table.issueNumberTable { width:760px; background-color : #ffffff; color: #333333; border-top-color : #505460; border-bottom-color : #505460; border-left-color : #333333; border-right-color : #333333; margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-top: 0px; border-left-width : 1px; border-left-style : solid; border-right-width : 1px; border-right-style : solid; border-top-width : 0px; border-top-style : solid; border-bottom-width : 1px; border-bottom-style : solid; }
table.navigationTopMenu { width:760px; color : #333333; background-color : #ffffff; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; border-color : #333333; border-left-width : 1px; border-left-style : solid; border-right-width : 1px; border-right-style : solid; border-top-width : 1px; border-top-style : solid; border-bottom-width : 1px; border-bottom-style : solid; }
table.storyMainTable { width:760px;vertical-align:top; border-collapse: collapse; border-color : #333333; margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-top: 0px; border-left-width : 1px; border-left-style : solid; border-right-width : 1px; border-right-style : solid; border-top-width : 0px; border-bottom-width : 1px; border-bottom-style : solid; }
table.standardPicAndText{  border-collapse: collapse; border-width: 0; margin-left: auto; margin-right: auto; }
table.emailStoryTable{ width: 95%; background-color: #ffffff; vertical-align:top; border-collapse: collapse; border-color : #333333; margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-top: 0px; border-left-width : 1px; border-left-style : solid; border-right-width : 1px; border-right-style : solid; border-top-width : 0px; border-bottom-width : 1px; border-bottom-style : solid; }


/* --------------- TD  ------------ */
td.bannerTd { background-color: #333333; text-align: center; color: #ffffff; vertical-align: middle; }
td.basic { width: 760px; vertical-align:top; border-collapse: collapse; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; background-color: #ffffff; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; font-style: normal; text-align: left; }
td.basictwo { width: 380px; vertical-align:top;border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; background-color: #ffffff; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; font-style: normal; text-align: left; }
td.commentForm { vertical-align: top; text-align: left; border-color : #ffffff; border-style : solid; border-width : 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #ffffff; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; }
td.issueNumberTd { color: #333333; background-color : #ffffff; padding:6px 6px 6px 6px; margin:0px 2px 0px 2px; font-style: normal; font-weight: normal; font-family:  Verdana, Helvetica, sans-serif, "Times New Roman", Times ; font-size: 11px; }
td.issueNumberTdQuote { color: #505460; background-color : #ffffff; padding:6px 6px 6px 6px; margin:0px 2px 0px 2px; text-align: left; font-style: normal; font-weight: normal; font-family:  Verdana, Helvetica, sans-serif, "Times New Roman", Times ; font-size: 10px; }
td.login{ background-image: url(/images/standard/backgrounds/bold_gradient_tiled.jpg); padding:2px 10px 0px 10px; margin-left: auto; margin-right: auto; border-color : #666666; border-style : solid; border-width : 1px; }  
td.navigationBar{ width: 760px;color: #ffffff; background-image: url(/images/standard/backgrounds/black_bevel_menu.gif); padding: 5px 6px 5px 6px; font-style: normal; font-weight: normal; font-family:  Verdana, Helvetica, sans-serif, "Times New Roman", Times ; font-size: 11px; margin-top: 2px; margin-bottom: 0px; border-color : #333333; border-left-width : 1px; border-left-style : solid; border-right-width : 1px; border-right-style : solid; border-top-width : 1px; border-top-style : solid; border-bottom-width : 0px; }
td.sideLeftIndexTd { width: 150px; color: #333333; background-color: #eeeeee; border-color : #333333; border-style : solid; padding:5px 2px 5px 2px; margin:2px 2px 2px 2px; border-width: 0px; text-align: left; vertical-align: top; }
td.sideRightIndexTd { width: 150px; color: #333333; background-color: #555555; border-color : #999999; border-style : solid; padding:5px 5px 5px 5px; margin:2px 2px 2px 2px; border-width: 0px; text-align: left; vertical-align: top; }
td.spacedHeadlines{ width: 460px; color: #333333; background-color : #ffffff; padding:0px 0px 30px 0px; margin: 0px 2px 0px 2px; text-align: left; vertical-align:top; }
td.storyMainTd { vertical-align:top; width: 460px; color: #333333; background-color : #ffffff; border-color : #333333; border-style : solid; padding:0px 10px 5px 10px; margin:2px 2px 2px 2px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; text-align: left; vertical-align: top; }
td.mainSideStuffPhoto { width: 50px; text-align: left; color: #333333; vertical-align: middle; background-color: transparent; border-width: 0px; border-bottom-width: 1px;padding: 4px 0px 4px 0px; }
td.mainSideStuffText { width: 100px; text-align: left; color: #333333; vertical-align: middle; background-color: transparent; border-width: 0px; border-bottom-width: 1px;padding: 4px 0px 4px 0px; }
td.indexQuote { vertical-align: middle; background-color: #555555; color: #ffffff; font-size: 11px;}

/* --------------- IMAGES  ------------ */
img.logo { margin:2px 1px 2px 1px; }
img.sideHeaders { margin:0px 0px 0px 0px; }
img.quotePhoto { border: 1px black solid; margin:0px 4px 0px 0px; }
img.mainPhotoAlignLeft { border:1px black solid; float: left; margin:2px 4px 2px 0px; }
img.mainPhotoAlignRight { border:1px black solid; float: right; margin:2px 0px 2px 4px; }
img.mycon{ float: right; border-style: solid; border-color: #000000; border-width: 1px; vertical-align: middle; margin:6px 2px 6px 2px; }
img.cartoonLinkGraphic{ border-style: solid; border-color: #000000; border-width: 1px; vertical-align: middle; margin:6px 2px 6px 2px; }

img.sidePhotos { border: 1px black solid; margin:0px 4px 0px 2px; }


/* --------------- LINK STYLES  ------------ */
a:link {color: #333333; text-decoration: none; background: transparent;}
a:visited {color:  #333333; text-decoration: none; background: transparent;}
a:active {color: #000000; text-decoration: none; background: transparent;}
a:hover { color: #000000; text-decoration: none; background: transparent;}

a.text:link {color: #333333; text-decoration: none; background: transparent; border-bottom: 1px red dotted;}
a.text:visited {color:  #333333; text-decoration: none; background: transparent; border-bottom: 1px red dotted;}
a.text:active {color: #000000; text-decoration: none; background: transparent; border-bottom: 1px red dotted;}
a.text:hover { color: #000000; text-decoration: none; background-color: #eeeeee;border-bottom: 0px;}


a.red:link {color: #eeeeee; text-decoration: none;background-color: transparent;}
a.red:visited {color:  #eeeeee; text-decoration: none;background-color: transparent;}
a.red:active {color: #eeeeee; text-decoration: underline;background-color:  transparent;}
a.red:hover { color: #ffffff; text-decoration: none; background: transparent; }

a.navigation:link {font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none;background-color: transparent;}
a.navigation:visited {color:  #cccccc;font-weight: bold; text-decoration: none;background-color: transparent;}
a.navigation:active {color: #999999;font-weight: bold; text-decoration: underline;background-color:  transparent;}
a.navigation:hover { color: #ffffff; font-weight: bold; text-decoration: none; background-image: url(/images/standard/backgrounds/black_bevel_menu_reverse_go.gif); }

a.headline { color: #000000; font-size: 26px; line-height: 28px; font-family:  "Times New Roman", Times, Helvetica, sans-serif; font-weight: bold; font-style: italic;  text-decoration: none;}
a.headline:visited { color: #000000; font-size: 26px; line-height: 28px; font-family:  "Times New Roman", Times, Helvetica, sans-serif; font-weight: bold; font-style: italic;  text-decoration: none;}
a.headline:active { color: #000000; font-size: 26px; line-height: 28px; font-family:  "Times New Roman", Times, Helvetica, sans-serif; font-weight: bold; font-style: italic; text-decoration: none; }
a.headline:hover { color: #000000; font-size: 26px; line-height: 28px; font-family:  "Times New Roman", Times, Helvetica, sans-serif; font-weight: bold; font-style: italic;  text-decoration: none;}


a.sideLeftHref:link {color: #333333; text-decoration: none; background: transparent;}
a.sideLeftHref:visited {color: #333333; text-decoration: none; background: transparent;}
a.sideLeftHref:active {color: #000000; text-decoration: none; background: transparent;}
a.sideLeftHref:hover {display: block; color: #000000; text-decoration: none; background: #ffffff;}


/* ---------------  HEADLINE ------------ */
h1 { font-style: italic; font-weight: lighter; font-family: "Times New Roman", Times, Helvetica, sans-serif; font-size: 42px; line-height: 46px; color : #455D7D; background: transparent; }
h2 { font-size: 170%; color: #455D7D;}
h3 { font-size: 150%; }
h4 { font-size: 130%; }
h5 { font-size: 110%; }
h6 { font-style: italic; font-weight: lighter; font-family:  "Times New Roman", Times, Helvetica, sans-serif; font-size: 150%; background: transparent; }
hr { height: 1px; color: #333333; background-color: transparent; }


/* --------------- FORM INPUT STYLES  ------------ */
input.text{ font-family : verdana, arial, Helvetica, Sans-Serif; font-size : 9pt; font-weight : lighter; background-color : #eeeeee; border-color : #999999; border-style : solid; border-width : 1px; color : #333333; }
input.image { border-style : none; border-width: 0;  }
input.longbutton{ padding: 1px 20px 1px 20px; }
input.checkbox { background-color : #ffffff; color : #333333; border-color : #cccccc; border-width : 2px; }
input.largerName{ font-weight: normal; font-family:  Verdana, Times, Helvetica, sans-serif; font-size: 17px; }
input.login{ width: 40px; 	}
.aroundinputbutton { border: 1px #333333 solid; background-color: #868F98; padding: 2px 15px 2px 15px; width: 1%;}
.aroundinputbuttonsmall { border: 1px #333333 solid; background-color: #868F98; padding: 2px 8px 2px 8px;width: 100%;}

.hnn_grey_item { border-top: 1px #999999 solid; border-bottom: 1px #999999 solid; background-color: #eeeeee; width:1%; padding: 5px; }

/* --------------- MISC Elements  ------------ */
legend { font-size: 140%; font-weight: bold;}
fieldset { border: 1px black solid; margin: 10px 10px 10px 10px; }

#signupindex {color: #ffffff;}
	#signupindex p { color: #ffffff;}
	#signupindex fieldset { margin: 0px; border: 1px solid #999999; padding: 4px; background-color: #999999;}
	#signupindex legend {  font-size: 100%; font-weight: bold; color: #ffffff;}
	#signupindex input.textbox { border: 1px black solid;}



/* ---------------TEXT VERSIONS  ------------ */
.loginbox { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-small; background-color : #eeeeee; color : #333333; }
.warning  { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-small; color : #ff0000; background-color: #ffffff; }
.smaller { font-size: 80%;}
.dashedBorder { border-width: 1px; border-color: #cccccc; border-style: dashed; padding: 4px; margin: 4px; }
.blackBorder { background-color: #ffffff; border-width: 1px; border-color: #000000; border-style: solid; padding: 4px; margin: 4px; }
div.justWhite { background-color: #ffffff; }
ul.black { list-style-image: url(/images/standard/bullets/bullet_black.gif); }


td.brief { background-color: #f9f9f9; margin: 2px 0px 5px; 0px; padding: 0px 6px 8px 6px; border-bottom: 1px #868F98 solid;border-right: 1px #868F98 solid; border-left: 1px #868F98 solid;}
.briefTitle { width: 100%; background-color: #868F98; color: #ffffff; font-size: 120%; font-weight: bold; padding: 5px;  margin: 0px; border: 0px;}


