/* CSS Document */
/* -------------------------------------- */
/* BASE STYLES */

/* establish the base body fonts, rollover colors, etc. This will be the standard for all text unless otherwise designated */
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #444;
}
a:link {
	color: #003d77;
	line-height: 20px;
	text-decoration: none;
}
a:visited {
	color: #003d77;
	line-height: 20px;
	text-decoration: none;	
}
a:hover, a:visited:hover {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}
a:active {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}

a img {border: none;}

/* headlines (h tags) */
h1 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 20px;
	color: #003d77;
	margin: 0px 0 2px 0; padding: 0;
}

h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #444;
	margin: 0px 0px 5px 0px; padding: 0;
}
h2.white {
	color: #FFFFFF;
}

h2.sCap {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #444;
	margin: -5px 0 5px 0; padding: 0;
}

h3 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #003d77;
	margin: 0; padding: 0;
}
h3.white {
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	margin: 0; padding: 0;
}

h6.wp-caption-dd { line-height: 1.1em; }
h6.wp-caption-dd a:link { font-size: 10px; color: #444; text-decoration: underline; }

/* other base items */

hr {
/* this is the main one */
	color: #FFFFFF;
	background-color: #FFFFFF;
 	height: 12px;
	border: none;
	border-top: 1px #CCCCCC solid;
}

hr.hrShort {
/* use this when space needs to be tightened */
	color: #FFFFFF;
	background-color: #FFFFFF;
 	height: 3px;
	border: none;
	border-top: 1px #CCCCCC solid;
}

p {
/* force the spacing between paragraphs to the bottom */
	margin: 0 0 10px 0;
}

blockquote {
	margin: 10px 20px;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
}
.alignleft {float: left; margin: 3px 10px 10px 0;}

/* base ul/li */
ul, ol {
   padding-left: 15px;
   margin: 5px 0 10px 10px;
   line-height: 1.5em;
}
ul li, ol li {
   line-height: 1.5em;
   padding: 0 2px;
   font-size: 15px;
}
ul li a:link {
	color: #003d77;
	line-height: 1.5em;
	text-decoration: none;
}
ul li a:visited {
	color: #555;
	line-height: 1.5em;
	text-decoration: underline;	
}
ul li a:hover, 
ul li a:visited:hover {
	color: #671319;
	line-height: 1.5em;
	text-decoration: underline;
}
ul li a:active {
	color: #671319;
	line-height: 1.5em;
	text-decoration: underline;
}

/* this is the HTML green text inside of the headers */
/* see also #header, #header2 */

#header h1 { margin-left: 10px; }

.greenHeaderText {
	color: #003d77;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	padding-top: 6px;
	margin-left: 10px;
}

.greenHeaderText a:link {
	color: #003d77;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	text-decoration: none;
}
.greenHeaderText a:visited {
	color: #003d77;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	text-decoration: none;	
}
.greenHeaderText a:hover, .greenHeaderText a:visited:hover {
	color: #671319;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	text-decoration: none;
}
.greenHeaderText a:active {
	color: #671319;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	text-decoration: none;
}

/* this is the HTML blue text inside of the headers on inside pages as needed */
.blueHeaderText {
	color: #003d77;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.3em;
	padding-top: 6px;
}

.blueHeaderText a:link {
	color: #003d77;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2em;
	text-decoration: none;
}
.blueHeaderText a:visited {
	color: #003d77;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2em;
	text-decoration: none;	
}
.blueHeaderText a:hover, .blueHeaderText a:visited:hover {
	color: #6e6e6e;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2em;
	text-decoration: none;
}
.blueHeaderText a:active {
	color: #003d77;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2em;
	text-decoration: none;
}

/* this is the HTML text inside of the right-column, blue-background heders */
/* see also #rightColHeaderCenter*/
.whiteHeaderText {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;	
}
.whiteHeaderText a:link {
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;
}
.whiteHeaderText a:visited {
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;	
}
.whiteHeaderText a:hover, .whiteHeaderText a:visited:hover {
	color: #cae1f1 !important;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;
}
.whiteHeaderText a:active {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;
}

/* */
select {
   background: #FFFFFF;
   color: #808285;
   border: 1px solid #cccccc;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 10px; 
   margin-left: 4px;
   /*width: 45%;
   min-width: 45%;*/
} 

input, textarea {
/* per design */
   background: #FFFFFF;
   color: #9a9a9c;
   border: 1px solid #ccc;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px; 
   margin-left: 0px;
   color: #555;
   padding: 2px 3px;
}

input.button {border: none !important; padding: 0 !important;}

textarea {
/* per design */
   width: 90%;
}

select {font-size: 12px;}


/* -------------------------------------- */
/* NAVIGATION */

.mainNavPipe {
/* set the color of the pipe in the nav and give it space - use with a <span> tag */
	margin: 0 2px;
	color: #d1e5f3;
}

/* sub navigation at top of all pages - this is the light blue zone below the navigation */
.subNav {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #003d77; 
}
.subNav a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #003d77; 
	text-decoration: none;
}
.subNav a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #003d77; 
	text-decoration: none;	
}
.subNav a:hover, 
.subNav a:visited:hover {
	font-family: Helvetica, Verdana,Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #671319; 
	text-decoration: none;
}
.subNav a:active {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #003d77; 
	text-decoration: none;
}

.subNavArrow { float: left; padding-left: 20px; width: 18px; }
.subNavAd { float: left; font-weight: bold; padding-top: 5px; }
.subNavLogin { float: right; padding-right: 20px; font-weight: bold; padding-top: 8px;}

/* -------------------------------------- */
/* FOOTER */

.footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
}
.footer a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
	text-decoration: none;
}
.footer a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
	text-decoration: none;	
}
.footer a:hover, 
.footer a:visited:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #671319; 
	text-decoration: none;
}
.footer a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
	text-decoration: none;
}

/* footer copyright */

.copyright {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
}
.copyright a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
	text-decoration: none;
}
.copyright a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
	text-decoration: none;	
}
.copyright a:hover, 
.copyright a:visited:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #9a9a9c; 
	text-decoration: none;
}
.copyright a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999999; 
	text-decoration: none;
}


/* -------------------------------------- */
/* OTHER MISCELLANEOUS STYLES */

/* inside of a homeStory block, links that go to other stories are green */
.homeStory {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #003d77;
}
.homeStory a:link {
	color: #003d77;
	line-height: 20px;
	text-decoration: none;
}
.homeStory a:visited {
	color: #555;
	line-height: 20px;
	text-decoration: none;	
}
.homeStory a:hover,
.homeStory a:visited:hover {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}
.homeStory a:active {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}
p.homeStory {
/* force the spacing between paragraphs to the bottom */
	margin: 0px 0px 10px 0px;
}

.storyBox {
	/* each of the header graphics have a 2px shadow both sides
	put stories in this tag to compensate and line up the edges to the inside of those shadows */
	padding: 0 2px;
	background-color: #FFFFFF;
}

.storyBox h1 a { color: #003d77; }
.storyBox h1 a:link { color: #003d77; }
.storyBox h1 a:hover { color: #671319; }
.storyBox h1 a:visited { color: #003d77; }
.storyBox ul, #storyBox ol {margin: 0 0 10px 5px;}

.article { margin-top: 10px; font-size: 15px;}
.article a:link {color: #0c72b6; text-decoration: underline;  font-size: 15px;}
.article a:visited {color: #555; text-decoration: underline;  font-size: 15px;}
.article a:hover {color: #671319; text-decoration: underline;  font-size: 15px;}

#authorpic {float:left; margin: 3px 12px 10px 0;}
.authorbio a:link {color: #003d77; !important; text-decoration: none; font-size: 12px;}
.authorbio a:visited {color: #555; text-decoration: underline; font-size: 12px;}
.authorbio a:hover {color: #671319; text-decoration: none; font-size: 12px;}

.dateline, 
.callout {
	color: #444;
}

.dateline a:link {
	color: #003d77;
}
.dateline a:visited {
	color: #003d77;
}
.dateline a:hover {
	color: #6e6e6e;
}


.dateline {font-size: 13px; }

/* columns on the home page have a different line height (leading)
   some of the information below may be redundant, but it makes it clear and avoids mistakes */
.homeColumn {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #6e6e6e;
}
.homeColumn a:link {
	color: #6e953b;
	line-height: 15px;
	text-decoration: none;
}
.homeColumn a:visited {
	color: #6e953b;
	line-height: 15px;
	text-decoration: none;	
}
.homeColumn a:hover, 
.homeColumn a:visited:hover {
	color: #6e6e6e;
	line-height: 15px;
	text-decoration: none;
}
.homeColumn a:active {
	color: #6e953b;
	line-height: 15px;
	text-decoration: none;
}
p.homeColumn {
/* force the spacing between paragraphs to the bottom */
	margin: 0;
}

/* INSIDE STORIES are the same as home stories, but we need to add space after a paragraph */
.insideStory {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color: #0003d77;
}
.insideStory a:link {
	color: #003d77;
	line-height: 1.5em;
	text-decoration: none;
}
.insideStory a:visited {
	color: #555;
	line-height: 1.5em;
	text-decoration: none;	
}
.insideStory a:hover,
.insideStory a:visited:hover {
	color: #671319;
	line-height: 1.5em;
	text-decoration: underline;
}
.insideStory a:active {
	color: #671319;
	line-height: 1.5em;
	text-decoration: none;
}
p.insideStory {
/* force the spacing between paragraphs to the TOP -- important for the ul tags */
	margin: 12px 0 5px 0;
}


/* INSIDE STORIES are the same as home stories, but we need to add space after a paragraph */
#authorBio p {
/* force the spacing between paragraphs to the TOP -- important for the ul tags */
	margin: 10px 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}

#authorBio a:link {
	color: #003d77;
	line-height: 1.5em;
	text-decoration: underline;
}

#authorArchives ul li a:link {
	color: #003d77;
	font-size: 15px;
	line-height: 1.5em;
	text-decoration: none;
}

#authorArchives ul {
	list-style-type: circle;
}

#authorBio a:active, #authorArchives ul li a:active {
	color: #6e953b;
	line-height: 1.5em;
	text-decoration: none;
}

#authorBio a:hover, #authorBio a:visited:hover, #authorArchives ul li a:hover, #authorArchives ul li a:visited:hover {
	color: #671319;
	line-height: 1.5em;
	text-decoration: underline;
}

#authorBio a:visited, #authorArchives ul li a:visited {
	color: #555;
	line-height: 1.5em;
	text-decoration: underline;	
}


/* INSIDE COMMENTS style is for the comment detail blocks, including columnist bio information */
.insideComments {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #6e6e6e;
}
.insideComments a:link {
	color: #003d77;
	line-height: 15px;
	text-decoration: underline;
}
.insideComments a:visited {
	color: #555;
	line-height: 15px;
	text-decoration: underline;	
}
.insideComments a:hover, 
.insideComments a:visited:hover {
	color: #671319;
	line-height: 15px;
	text-decoration: none;
}
.insideComments a:active {
	color: #671319;
	line-height: 15px;
	text-decoration: none;
}
p.insideComments {
/* force the spacing between paragraphs to the bottom */
	margin: 0 0 15px 0;
}

/* right column social network links block */
.social {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #6e6e6e;
}
.social a:link {
	color: #6e6e6e;
	line-height: 20px;
	text-decoration: none;
}
.social a:visited {
	color: #6e6e6e;
	line-height: 20px;
	text-decoration: none;	
}
.social a:hover, 
.social a:visited:hover {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}
.social a:active {
	color: #6e6e6e;
	line-height: 20px;
	text-decoration: none;
}
p.social {
/* force the spacing between paragraphs to the bottom */
	margin: 0 0 16px 0;
	text-align: center;
}
/* indent the link in a span tag */
.socialLinkIndent {
	padding-left:30px;
}

#socialBlockShare h1, #socialBlockFollow h1 {padding-bottom: 10px; }

#followOptions img { float: right; padding-bottom: 5px; margin-top: -3px; }


/* white text to go over blue backgrounds */
.whiteText {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: left;
}
.whiteText a:link {
	color: #cae1f1;
	line-height: 15px;
	text-decoration: none;
}
.whiteText a:visited {
	color: #cae1f1;
	line-height: 15px;
	text-decoration: none;	
}
.whiteText a:hover, 
.whiteText a:visited:hover {
	color: #FFFFFF;
	line-height: 15px;
	text-decoration: none;
}
.whiteText a:active {
	color: #cae1f1;
	line-height: 15px;
	text-decoration: none;
}
p.whiteText {
/* force the spacing between paragraphs to the bottom */
	margin: 0 0 0 0;
	text-align: left;
}

/* white text to go over blue backgrounds */
.whiteTextSC {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: left;
}
.whiteTextSC a:link {
	color: #cae1f1;
	line-height: 15px;
	text-decoration: none;
}
.whiteTextSC a:visited {
	color: #cae1f1;
	line-height: 15px;
	text-decoration: none;	
}
.whiteTextSC a:hover, 
.whiteTextSC a:visited:hover {
	color: #FFFFFF;
	line-height: 15px;
	text-decoration: none;
}
.whiteTextSC a:active {
	color: #cae1f1;
	line-height: 15px;
	text-decoration: none;
}
p.whiteTextSC {
/* SearchCap Box */
	margin: 0 4px 12px 4px;
	text-align: left;
}

/* orange link in a base text block - use with span */
.orangeLink {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #6e6e6e;
}
.orangeLink a:link {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}
.orangeLink a:visited {
	color: #671319;
	line-height: 20px;
	text-decoration: none;	
}
.orangeLink a:hover, .orangeLink a:visited:hover {
	color: #6e6e6e;
	line-height: 20px;
	text-decoration: none;
}
.orangeLink a:active {
	color: #671319;
	line-height: 20px;
	text-decoration: none;
}

/* AdSense */
.adSense {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
}
.adSense a:link {
	color: #000000;
	line-height: 16px;
	text-decoration: none;
}
.adSense a:visited {
	color: #000000;
	line-height: 16px;
	text-decoration: none;	
}
.adSense a:hover, .adSense a:visited:hover {
	color: #6e6e6e;
	line-height: 16px;
	text-decoration: none;
}
.adSense a:active {
	color: #000000;
	line-height: 16px;
	text-decoration: none;
}
/* "ADS BY GOOGLE" header */
.adSenseHeader {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #a5a5a5;
	padding-top: 6px;
}

.colTextAdHome { float: right; width: 540px; margin-top: -10px; }
.sideBarCubeAd { width: 300px; height: 250px; }

/* MISC */
//.topStory img { max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }

.topStory p, .topStory img { margin-top: 10px; }

.homeColTitle a { color: #003d77; font-weight: bold; font-size: 14px; line-height: 13px; }

.upper {text-transform: uppercase;}
.alignleft {float: left;}
.alignright {float: right;}

.spaceRight { margin: 0px 0px 12px 12px;}
.spaceLeft { margin: 0px 12px 12px 0px;}

#leftCol table {margin-bottom: 15px !important;}
#leftCol td, #leftCol th {text-align: left; padding-right: 20px; padding-bottom: 7px;}
div.page h2 {margin-bottom: 15px;}

#leftCol td.line {vertical-align: top !important; padding-top: 10px !important;}
#leftCol td.line img {margin: 5px 7px 0 0 !important;}
#leftCol td.mid {text-align: center !important;}
#leftCol td.mid img {margin: 5px 0 0 0 !important;}

#membber_wide {width: 487px; margin: 0 auto;}
#membber_wide #rightColSCBoxCenter {background-image: none;}

.question {margin: 15px 5px 5px 5px; font-weight: bold;}
.answer {margin: 5px 15px; background-color: #eee; padding: 5px; 5px;}
p.memberreg {margin: 10px 10px; padding: 10px; width: 90%;}

img.vidsnap {float: left; margin: 5px 5px; border: 1px solid black;}
p.videodesc { float: right; margin-left: 5px; width: 185px; }


#featuresRight {font-family: Helvetica, Arial, sans-serif; font-size: 15px; width: 305px; border-left: 1px solid #cccccc; margin-top: 0px;}
 
#briefsLeft {font-family: Helvetica, Arial, sans-serif; font-size: 15px; width: 305px; }
#briefsLeft ul {list-style-type: none; float: left; width: 300px; margin-top: 5px; margin-left: -17px;}
#featuresRight ul {list-style-type: none; float: left; width: 300px; margin-top: 5px; margin-left: -5px;}
#briefsLeft ul li, #featuresRight ul li {
   list-style-image: none;
   line-height: 15px;
   padding: 5px 0px;
}

#briefsLeft ul li a, #featuresRight ul li a { color: #003d77; font-family: Helvetica, Arial, sans-serif; font-size: 15px;}
#briefsLeft ul li a:hover, #featuresRight ul li a:hover { color: #000; }
#briefsLeft ul li a:visited:hover, #featuresRight ul li a:visited:hover { color: #555; text-decoration: underline; }
#briefsLeft ul li a:visited, #featuresRight ul li a:visited { color: #555; text-decoration: none; }

#briefsLeft h3 a, #featuresRight h3 a {color: #003d77; font-family:  Tahoma, Arial, sans-serif; font-size: 15px; margin-bottom: 7px;}


.columnsHeader {color: #003d77; font-family:  Tahoma, Arial, sans-serif; font-size: 15px; margin-bottom: 10px;}

.columnsHeader a {color: #003d77; font-family:  Tahoma, Arial, sans-serif; font-size: 15px;}

.center {text-align: center;}


#socialBoxOuter { width: 338px;
padding: 1px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
background-color: #a1b2c3;
margin-bottom: 10px;
}

#socialBoxInner { width: 328px;
margin: 2px 2px;
padding: 3px;
box-shadow:2px 2px 2px #333333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
background-color: #FFFFFF;
color: #444444; }

#socialBoxContent { width: 95%; margin-left: 10px; margin-top: 5px; margin-bottom: -15px; }

.socButtonsSide { padding-bottom: 5px; margin-top: -3px; }

#sidebarTextAds ul {list-style-type: none; margin-top: 5px; margin-left: -15px;}
#sidebarTextAds ul li {
   list-style-image: none;
   line-height: 15px;
   padding: 0 0px 4px 0px;
}
#sidebarTextAds a { color: #003d77; font-family: Helvetica, Arial, sans-serif; font-size: 13px; }
#sidebarTextAds a:hover { color: #000; }

.textBgAlt { background-color: #efefef; }

.contentAd { margin-top: 40px; margin-right: 5px; }
.tabHide { position: absolute; top: -9999px; left: -9999px; }

#contentTab { margin-top: 15px; width: 460px; margin-left: auto; margin-right: auto;}
#contentTab .list-wrap { background: #d2e3b1; padding: 10px 15px; margin: -10px 0 15px 0; height: 100% !important; }

#contentTab ul { list-style: none; background: #fff; padding-top: 3px; margin: 10px 0px;}
#contentTab ul li { margin-left: -10px; margin-bottom: 5px; font-size: 15px;}
#contentTab ul li a { display: block; padding: 0px 0px 3px 3px; color: #333; }
#contentTab ul li a:hover { background: #eee; color: #333; }
#contentTab ul li:last-child a { border: none; }

#contentTab .nav { overflow: hidden; }
#contentTab .nav li { width: 107px; float: left; margin: 0px; }
#contentTab .nav li.last { margin-right: 0; }
#contentTab .nav li a { display: block; padding: 2px; background: #003d77; color: white; font-size: 13px; text-align: center; font-weight: bold;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}

#contentTab li a.current,#contentTab li a.current:hover { background-color: #d2e3b1 !important; color: #444; }
#contentTab .nav li a:hover, #contentTab .nav li a:focus { background: #003d77; color: #fff;}

#sidebarTab { margin-top: 20px; }
#sidebarTab .list-wrap { background: #d2e3b1; padding: 10px; margin: -10px 0 15px 0; height: 100% !important; }

#sidebarTab ul { list-style: none; background: #fff; padding-top: 3px; margin: 5px 0px 10px -5px; }
#sidebarTab ul li { margin-left: -10px;}
#sidebarTab ul li a { display: block; padding: 0px 3px 7px 3px; color: #333; }
#sidebarTab ul li a:hover { background: #eee; color: #333; }
#sidebarTab ul li:last-child a { border: none; }

#sidebarTab .nav { overflow: hidden; }
#sidebarTab .nav li { width: 107px; float: left; margin: 0px; }
#sidebarTab .nav li.last { margin-right: 0; }
#sidebarTab .nav li a { display: block; padding: 3px; background: #003d77; color: white; font-size: 12px; text-align: center; font-weight: bold;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}

#sidebarTab li a.current,#sidebarTab li a.current:hover { background-color: #d2e3b1 !important; color: #444; }
#sidebarTab .nav li a:hover, #sidebarTab .nav li a:focus { background: #003d77; color: #fff;}


#sidebarTabNews { margin-top: 10px; margin-bottom: 15px;}
#sidebarTabNews .list-wrap { background: #d1e5f3; padding: 10px; margin: -10px 0 0 0; height: 100% !important;}

#sidebarTabNews ul { list-style: none; background: #fff; padding-top: 3px; margin: 10px 0; }
#sidebarTabNews ul li { margin-left: -15px; }
#sidebarTabNews ul li a { display: block; padding: 0px 0px 3px 3px; color: #333; }
#sidebarTabNews ul li a:hover { background: #eee; color: #333; }
#sidebarTabNews ul li:last-child a { border: none; }

#sidebarTabNews .nav { overflow: hidden; }
#sidebarTabNews .nav li { width: 75px; float: left; margin: 0px; }
#sidebarTabNews .nav li.last { margin-right: 0; }
#sidebarTabNews .nav li a { display: block; padding: 1px; background: #003d77; color: white; font-size: 13px; text-align: center; font-weight: bold;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}

#sidebarTabNews li a.current, #sidebarTabNews li a.current:hover { background-color: #d1e5f3 !important; color: #444; }
#sidebarTabNews .nav li a:hover, #sidebarTabNews .nav li a:focus { background: #003d77; color: #fff;}


#sidebarTabSpon { margin-top: 20px; }
#sidebarTabSpon .list-wrap { background: #ff0000; padding: 10px; margin: -10px 0 15px 0; height: 100% !important; }

#sidebarTabSpon ul { list-style: none; background: #fff; padding-top: 3px; margin: 5px 0px 10px -5px; }
#sidebarTabSpon ul li { margin-left: -10px;}
#sidebarTabSpon ul li a { display: block; padding: 0px 3px 7px 3px; color: #333; }
#sidebarTabSpon ul li a:hover { background: #eee; color: #333; }
#sidebarTabSpon ul li:last-child a { border: none; }

#sidebarTabSpon .nav { overflow: hidden; }
#sidebarTabSpon .nav li { width: 107px; float: left; margin: 0px; }
#sidebarTabSpon .nav li.last { margin-right: 0; }
#sidebarTabSpon .nav li a { display: block; padding: 3px; background: #fadada; color: #333; font-size: 12px; text-align: center; font-weight: bold;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}

#sidebarTabSpon li a.current,#sidebarTabSpon li a.current:hover { background-color: #ff0000 !important; color: #fff; }
#sidebarTabSpon .nav li a:hover, #sidebarTabSpon .nav li a:focus { background: #fadada; color: #504848;}



#briefs, #features, #top, #howto {font-family: Helvetica, Arial, sans-serif; font-size: 15px; margin-bottom: 10px;}
#briefs li, #top li, #howto li, #features li, #recentComments li, #twitter li { margin: -5px 0px 0px 0px; }
#briefs li, #top li a:visited, #howto li a:visited, #features li a:visited, #recentComments li a:visited, #twitter li a:visited { text-decoration: none; }
#briefs ul, #top ul, #howto ul, #features ul, #recentComments ul, #twitter ul {list-style-type: none; float: left; width: 308px; margin-top: 2px; margin-left: 0px;}
#briefs ul li, #top ul li, #howto ul li, #features ul li, #recentComments ul li, #twitter ul li {
   list-style-image: none;
   line-height: 15px;
   padding: 5px 0px;
   margin-bottom: 10px;
}

ul#twitter, ul#featured, ul#recentComments {margin-left: 2px;}

#featured li h3, #twitter li h3, #recentComments li h3 {color: #555; padding: 5px 0px;}

ul#featured li, ul#twitter li, ul#recentComments li { margin: 0px 0px -3px -14px;}
#twitter li a, #recentComments li a { text-decoration: none; font-size: 12px; line-height: 13px; color: #095e95 !important; }
#twitter li a:hover, #recentComments li a:hover { text-decoration: underline; background: #fff !important; }
#twitter li p, #recentComments li p { margin: -10px 5px 7px 5px; font-size: 10px; color: #808080; }


#briefs ul li a, #top ul li a, #howto ul li a, #features ul li a { color: #003d77; font-family: Helvetica, Arial, sans-serif; font-size: 15px;}
#briefs ul li a:hover, #top ul li a:hover, #howto ul li a:hover, #features ul li a:hover { color: #000; }
#briefs ul li a:visited, #top ul li a:visited, #howto ul li a:visited, #features ul li a:visited { color: #555; text-decoration: none; }

#briefs h3 a {color: #003d77; font-family:  Tahoma, Arial, sans-serif; font-size: 15px; margin-bottom: 7px;}

#newsbriefsLeft, #topnewsLeft, #featuresLeft, #columnsLeft, #howtoLeft {font-family: Helvetica, Arial, sans-serif; font-size: 15px; }
#newsbriefsLeft li, #topnewsLeft li, #howtoLeft li, #featuresLeft li, #columnsLeft li { margin: -5px 0px 0px -5px; }
#newsbriefsLeft ul, #topnewsLeft ul, #howtoLeft ul, #featuresLeft ul, #columnsLeft ul {list-style-type: disc; float: left; width: 500px; margin-top: 20px; margin-left: 15px;}
#newsbriefsLeft ul li, #topnewsLeft ul li, #howtoLeft ul li, #featuresLeft ul li, #columnsLeft ul li {
   list-style-image: none;
   line-height: 15px;
   padding: 5px 5px 5px -5px;
}

#newsbriefsLeft ul li a, #topnewsLeft ul li a, #howtoLeft ul li a, #featuresLeft ul li a, #columnsLeft ul li a  { color: #003d77; font-family: Helvetica, Arial, sans-serif; font-size: 15px;}
#newsbriefsLeft ul li a:hover, #topnewsLeft ul li a:hover, #howtoLeft ul li a:hover, #featuresLeft ul li a:hover, #columnsLeft ul li a:hover { color: #000; background-color: #fff;}
#newsbriefsLeft ul li a:visited, #topnewsLeft ul li a:visited, #howtoLeft ul li a:visited, #featuresLeft ul li a:visited, #columnsLeft ul li a:visited { color: #555; text-decoration: none; }


.lgTabMore { text-align: center; padding-bottom: 10px;}

#socialSide1 img { margin-right: 5px; }

#scapBoxOuter { width: 328px;
padding: 5px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
border-radius:7px;
background-color: #a1b2c3;
}

#scapBoxInner { width: 300px;
margin: 5px 5px;
padding: 10px;
box-shadow:2px 2px 2px #333333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
background-color: #FFFFFF;
color: #444444; }

#scapSignup { width: 300px;
margin-top: 20px;
height: 36px;
padding: 2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:7px;
background-color: #d1e5f3;
}

p.scapBoxSignup { margin-top: 6px; }

.scapClip { float: right; margin-left: -10px; margin-top: -5px; }


#flipBoxOuter { width: 530px;
height: 200px !important;
padding: 1px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
background-color: #AFAFAF;
}

#flipBoxInner { width: 520px;
height: 190px !important;
margin: 5px;
box-shadow:2px 2px 2px #333333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
//background-color: #FFFFFF;
//color: #444444; 
background-color: #003d77;
color: #fff; 
}

.flipText { font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px !important;
	font-weight: bold;
	color: #444;
	margin: 5px 0px;
}

.flipText a:link { color: #2C2D2F; }
.flipText a:hover { color: #671319; }
.flipText a:visited { color: #2C2D2F; }


a.homeHeader { color: #671319;}
	
a.colHomeHeader { font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 5px 0px;
	color: #003d77;
}

#newsSlide ul { width: 510px; margin: 0px; height: 190px !important;}
#newsSlide ul li { width: 155px; margin: 5px 8px 5px 0px; height: 175px !important; border: 1px solid #ccc; background-color: #fff; padding: 2px;}

#smxTextAd { background-color: #efefef; padding: 4px; margin-bottom: 10px; }

#smxTextAd img { margin-top: -8px; margin-left: 7px; padding: 3px; }

#commentPost img, #currentComments img { margin-top: -10px; margin-right: 10px; }


.buttonz {
	padding: 5px 10px;
	display: inline;
	background: #777 url(http://searchengineland.com/images/30/button.png) repeat-x bottom;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666;
	}
.buttonz:hover {
	background-position: 0 center;
	}
.buttonz:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
	}
.buttonz.orange { background-color: #50667b; }
.buttonz.small { font-size: 75%; padding: 3px 7px; }
.buttonz.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.buttonz.large { font-size: 125%; padding: 7px 12px; }
.buttonz.large:active { padding: 8px 12px 6px; background-position: 0 top; }

a.commentsDrop { color: blue; text-decoration: underline; }

div.article h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #444;
	margin: 0; padding: 0;
}

#tdmSideSMN { margin-top: 0px; }

.tdmSide { width: 300px; margin: auto auto; }

p.tdmSideInfo { margin-top: 10px; }

.smxLogo { margin-top: -9px; }

.searchInfo { width:250px; margin: 2px 3px 0px 0px; }

a.linkit { text-decoration: underline; }

.cubeAd { width: 50%; height: 250px !important; margin-right: 10px; }

.cubeAdRight { margin-top: 10px; width: 300px; height: 250px; }

.homeAd { width: 300px; height: 260px !important; margin-left: 155px; margin-top: 5px;}

.fbRecsHeadline { margin-left: 10px; }

.fbRecs { background-color: white; margin-top: 0px; }

.fbRecsSide { background-color: white; margin-top: 5px; }

a.dkGreyLink { color: #444; }

.memberPic { margin-right: 5px; }

.twitLogin { float: left; width: 170px; margin-right: 5px; }

div.article h6 { line-height: 1.1em; font-size: 10px;}
div.article h6 a:link { font-size: 10px; color: #444; text-decoration: underline; }

#leftCol ul li a {text-decoration: underline !important;}

/* get to know block */
#gtk {
	background-color: #d2e3b1;
	padding: 0;
	margin: 0 0 10px 0;
}
#gtkimage {
	float: left;
	width: 200px;
}
#gtkcontent {
	float: left;
	width: 377px;
	margin: 0 20px;
	padding: 10px 0 0 0;	
}
#gtkheader {
	border-bottom: 1px solid #fff;
}
#gtkheading {
	float: left;
	width: 282px;	
}
#gtkheading h1, #gtkheading h2 {
	margin: 0;
	padding: 0;
}
#gtkheading h2 {
	font-size: 14px;
}
#gtksocial {
	float: right;
	width: 95px;
	text-align: right;
}
#gtklists {
	margin: 10px 0 0 0;
}
.gtklist {
	float: left;
	width: 50%;
}
.gtklist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gtklist ul li {
	margin: 0;
	padding: 0;
}

/* Begin Landing Page Styles */
#lp-list {
	
}

.lp-list-item {
	clear: both;
}

.lp-list-item-description {
	margin-left: 319px;
}

.lp-list-item p,ul,li, p.lp-description {
	font-size: 12px;
	color: #515151;
}

.lp-list-item ul {
	margin-left: 20px;
	line-height: 1em !important;
}

.lp-list-item h2, h2.lp-headline {
	color: #1f74ac !important;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1em !important;
	margin-bottom: 15px;
}

.lp-list-item h2 a, h2.lp-headline a {
	color: #1f74ac !important;
	line-height: 1.1em;
}

.lp-photo {
	float: left;
	margin-bottom: 13px;
}

.big-orange-bullet {
	width: 54px;
	height: 54px;
	float: left;
	margin-left: 13px;
	margin-right: 20px;
	margin-bottom: 113px;
}

.lp-list-item-hr {
	float: right;
	width: 680px;
	height: 1px;
	font-size: 1px;
	border-bottom: 1px dotted gray;
	margin-bottom: 10px;	
}
/* End Landing Page Styles */

/* Sales Form */

div.sales-form {
	width: 600px;
	background-color: #d1e5f3;
	border: 2px solid #72ABD0;
	padding-top: 15px;
	padding-left: 10px;
}

div.sales-form table {
	font-size: 0.8em !important;
	width: 580px;
}

div.sales-form label {
	font-weight: bold;
	font-size: 0.8em !important;
}

div.sales-form input.textfield,
div.sales-form select.textfield,
div.sales-form textarea.textfield {
	width: 160px;
	background-color: white;
	margin-bottom: 5px;
}

div.sales-form textarea.textfield {
/*	width: 285px;*/
	width: 350px;
	height: 36px;
}

div.sales-form input.sales-submit {
	float: right;
/*	margin-right: 50px;*/
	margin-top: 3px;
	background-color: inherit !important;
	border: 0 !important;
}

/* WP Image Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

p.dsq-widget-meta { margin-top: 5px !important; }

/* CIU Ad Units */
#ciu-ads { width: 615px; background-color: #f3f3f3; margin-bottom: 10px; }
#ciu-ads p {text-align: right; font-weight: bold; padding: 5px 5px 0px 0px; margin-bottom: 0px;}

