body {background-color: #000066; color: #000000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
a {color: #3D62AE;}
img {border: 0px none;}

h1 {background: #FFCC00; padding: 3px; color: #ffffff; font: bold 18px arial;}
h2 {font: bold 15px arial; margin-top: 25px;}
h2 a {color: #000000;}

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.p5 {padding: 5px;}

.orange {background: #FFCC00;}
.blue {background: #6699FF;}
.clr_green { color: #009F24; }
.clr_red { color: #FF0000; }

.center { text-align: center; }
.center input, .center p, .center div { margin-left: auto; margin-right: auto; }

.articleBody {padding: 10px;}
.articleBody ul {list-style: none;}
.articleBody li {margin: 5px 0px 5px 0px;}

.articleImage {float:left; margin: 10px;}

#articleIndex {height: 180px;}
#articleIndex .a {float:left; margin: 10px 10px 10px 20px;}
#articleIndex .b {float:left; margin: 60px 0px 0px 0px;}
#articleIndex .c {float:left; margin: 44px 0px 0px 0px;}
#articleIndex ul {float:left; list-style: none; padding: 0px; margin: 30px 0px 0px 0px; width: 280px;}
#articleIndex ol {float:left; padding-left: 33px; margin: 30px 0px 0px 0px; width: 252px;}
#articleIndex ul li {padding: 2px 0px; }
#articleIndex ol li { font-weight: bold; }
#articleIndex a {font-weight: bold; color: #000000; text-decoration: none;}
#articleIndex li.active {padding: 2px 0px; background: #cccccc;}

#mainContainer {background: #6699FF;}
#mainContainer #right {float: right; width: 150px; padding: 4px;}
#mainContainer #left {background: #FFFFFF; width: 580px;}

#lesson_container ul li { list-style: disc; }

#relatedArticles {padding: 0px 5px; margin: 0px 0px 20px 0px; }
#relatedArticles a {display: block; color: #000000; font: 11px arial;}

#mainwrap	{ width: 885px; clear: both; margin: 0px auto;}

#searchbox { float: right; height: 35px; width: 393px; text-align: right; padding: 10px 25px 0px 0px; }
#googlerightsidebar {background: #6699FF; float: right; width: 150px; margin-top: 5px; padding-bottom: 10px;}

#header		{width: 755px;}
#header img {float: left; margin-top: 5px;}
#header a.menu	{float: left; margin-top: 7px; width: 80px; height: 36px; background: url('http://cdn-www.soyouwanna.com/images/nbtno.gif'); text-align: center; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; font-family: Trebuchet MS; line-height: 15px; padding-top: 4px; }
#header a.menu1	{float: left; margin-top: 7px; width: 80px; height: 36px; background: url('http://cdn-www.soyouwanna.com/images/nbtno.gif'); text-align: center; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; font-family: Trebuchet MS; line-height: 30px; padding-top: 4px; }
#header a:hover { text-decoration: underline; }
#headerEnd	{margin-top: 5px;}

#content	{clear: left; width: 742px; background: #ffffff; border: solid 4px #000000;}
#footer		{width: 755px; color: #ffffff; text-align: center; font-size: 10px; }
#footer	a	{color: #ffffff; font-weight: bold; text-decoration: none;}

#skyscraper {width: 120px; float: right; margin: 80px 0px 0px 0px;}

#homePageGooseWord {float: right; width: 276px;}
#homePageLifeExplained {float: left; width: 165px; padding-bottom: 20px; }
#homePageLatestSYWS {float: left; width: 293px; border-left: solid 4px #cccccc; border-right: solid 4px #cccccc; padding-bottom: 20px; }

#homePageArticles { padding-top: 30px; clear: left; background: #f1f1f1; float: left;  width: 462px; border-top: solid 4px #cccccc; border-right: solid 4px #cccccc;}
#homePageArticles div {background: #f1f1f1; float: left; width: 142px; height: 80px; margin: 0px; padding:6px;}
#homePageArticles i {font-size: 10px; display: block;}
#homePageArticles a.link {font-size: 10px; color: #000000; display: block;}

#home_footer_spacer { height: 50px; clear: both; width: 100%; display: block;}

#homePageSide i {font-size: 10px; display: block;}
#homePageSide a.link {font-size: 10px; color: #000000; display: block;}

.clear {clear: both;}

#azmenu {background: #000000; color: #ffffff; text-align: center; padding: 5px 0px 5px 0px; }
#azmenu	a	{color: #ffffff; font-weight: bold; text-decoration: none;}

#keepreading {background: #FFCC00 url('http://cdn-www.soyouwanna.com/images/art_keep.gif') no-repeat bottom left; height: 20px; padding: 0px 0px 0px 115px; font-size: 10px; line-height: 20px;}
#keepreading a {padding: 2px 4px; margin: 0px 1px; border: solid 1px #cea500; background: #ffefc6; text-decoration: none; color: #000000;}
#keepreading a.selected {padding: 2px 4px; margin: 0px 1px; border: solid 1px #cea500; background: #ffffff; text-decoration: none; color: #000000;}

.azlist {float: left; width: 366px; margin: 5px 2px;}
.azlist .head, .azlist .temp_head {background: #FFCC00;}
.azlist .item {display: block; margin-left: 3px;}

.azlist .temp_head { line-height: 25px; padding-left: 3px; }
.azlist .temp_head a { font-weight: bold; color: #ffffff; font-size: 16px; }

.categorylist {float: left; width: 366px; height: 160px; margin: 5px 2px;}
.categorylist .head {background: #FFCC00; height: 24px;}
.categorylist .body div {float: left; text-align: center; width: 140px;}
.categorylist .body img {margin: 5px 0px 5px 0px;}
.categorylist h1 {text-decoration: none;}

#viewcategory .head {background: #FFCC00; height: 24px; padding: 3px;}
#viewcategory .image {float: left; text-align: center; width: 120px; margin: 0px;}
#viewcategory a {font-size: 12px; font-weight: bold; display: block;}

/* start Vibrant Media IntelliTXT Tooltip style sheet */
.iTt{
	FONT-FAMILY:       Verdana, Arial, Helvetica;
	FONT-SIZE:         11px;
	FONT-STYLE:        normal;
	FONT-WEIGHT:       normal;
	COLOR:             black;
	BACKGROUND-COLOR:  lightyellow;
	BORDER:            black 1px solid;
	PADDING:           2px;
}

dl.featured_articles { margin-left: 0px; padding-left: 0px; }
dl.featured_articles dt { font-weight: bold; }
dl.featured_articles dd { margin-left: 0px; padding-left: 0px; margin-bottom: 7px; font-size: 10px; }

dl.featured_articles_small { margin-left: 0px; padding-left: 0px; }
dl.featured_articles_small dt { font-weight: bold; color: #FFCC00; padding-bottom: 5px; }
dl.featured_articles_small dd { margin-left: 0px; padding-left: 0px; margin-bottom: 10px; }
dl.featured_articles_small dd a { color: #000000; font-size: 10px; }

ol.quizQuestions li { list-style: none; }
ol.quizQuestions li input { margin-left: -20px; }

h2.preReq { margin-top:-10px; clear: left; }
.clr_left { clear: left; }

.whitelink {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #FFFFFF; text-decoration: none; line-height: normal}
.blacklink {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; font-style: normal; color: #000000; text-decoration: underline}
.darkbluelink { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10pt; font-weight: normal; color: #0000CC; text-decoration: underline }
.bulletwhite {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; size: 1; list-style-position: outside; list-style-image: none; list-style-type: disc; font-size: 8pt}
.whiteunderline {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; size: 1; text-decoration: underline; font-size: 8pt; color: #FFFFFF}
.smbluelink {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; size: 1; text-decoration: underline; color: #0000CC; font-size: 8pt}
.lgwhitelink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; color: #FFFFFF}
li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal}
.minitext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; color: #000000}
.test { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #0033CC; text-decoration: none; line-height: normal }
.infobar { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #FFFFFF; text-decoration: none; line-height: normal }
.bottomsteps { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; font-style: normal; color: #000000; text-decoration: underline }

#whoops { width: 720px; margin: 0px auto; height: 400px; }
#whoops .message { padding-top: 100px; text-align: center; font-size: 16px; }
#whoops .link { padding-top: 20px; }

#att_section p { margin: 10px 0 10px 0; }
#att_section ol, #att_section ul { clear: left; }
#att_section ul li { list-style: disc; }

/**************** Powered CSS **********************/

#lesson_container p.note {  margin: 25px;  padding: 10px;  background-color: #FFFFCC;  border: #ECEC00 solid 1px; }

#lesson_container p.warning {  margin: 25px;  padding: 10px;  background-color: #FFCCCC;  border: #CC0000 solid 1px;}

#lesson_container p.tip {  margin: 25px;  padding: 10px;  background-color: #E7E7E7;  border: #CCCCCC solid 1px; }

#lesson_container p.quote {  margin: 25px;}

#lesson_container span.warning {  color: #CC0000; }

#lesson_container div.page {	clear: both; }

#lesson_container div#primary {  width: 75%;  float: left;  margin-right: 15px; }

#lesson_container div#seconday {  width: 25%; }

#lesson_container div.primary {  width: 75%;  float: left;  margin-right: 15px; }

#lesson_container div.seconday {  width: 25%; }


/*
 * Generic look and feel for all ads
 ******************************************************/
.ad_block { text-align: left; }
.ad_block a { text-decoration: underline; color: #0000FF; }
.ad_block a:hover { color: #3976c1; text-decoration: underline; }
.ad_block .url a { color: #666666; text-decoration: underline; }
.ad_block .url a:hover { color: #3976c1; }
.ad_block .line1 { font-weight: bold; margin: 10px 0px 0px 0px; }
.ad_block .ads_by { color: #666666; text-decoration: underline; }

.afs_search_results { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #DDDDDD; }
.afs_search_results .line2 { margin: 3px 0px 2px 0px; display: block; }
.afs_search_results a { color: #3D62AE; }


.article_ads { margin: 10px 0px 0px 0px; border: 1px solid #0066CC; padding: 10px; position: relative;  }
.article_ads .ad { margin: 0px 0px 12px 0px; }
.article_ads .line1 { margin: 0px 0px 3px 0px; }
.article_ads .url { margin: 3px 0px 0px 0px; }
.article_ads .url a:hover  { text-decoration: underline; }
.article_ads .ads_by { position: absolute; bottom: 5px; right: 5px;  }

.article_top_ad { overflow: hidden; height: 80px; }
.article_top_ad .ad { width: 260px; margin: 0px 10px 0px 0px; float: left; }

.right_skyscraper { background: #FFFFFF; width: 110px; margin: 0px auto; padding: 5px; }
#right .right_skyscraper { width: 130px; overflow: hidden; }
#homePageGooseWord .right_skyscraper { width: 240px; }
.right_skyscraper .ad { margin: 0px 0px 15px 0px; overflow: hidden; }
.right_skyscraper .line1 { padding: 10px 0px 5px 0px; }
.right_skyscraper .url { padding: 5px 0px 0px 0px; }
.right_skyscraper .url a { font-size: 10px; }
.ad_block div.line1 { cursor: pointer; } 
.ad_block div.line2 { cursor: pointer; } 
.ad_block div.url { cursor: pointer; } 
.ad_block .line2 a{ text-decoration: none; }

.right_radlinks { margin: 5px 0px 15px 0px; }
.right_radlinks .ads_by { display: block; color: #FFFFFF; text-decoration: none; font-weight: bold;  margin: 0px 0px 5px 0px; }
.right_radlinks span { display: block; margin: 0px 0px 5px 0px; }
.right_radlinks span a { color: #FFFFFF; }
.right_radlinks span a:hover { color: #FFFFFF; }

.about_related_ads { margin: 10px; }
.about_related_ads h2 { margin: 0px 0px 0px 0px; }
.about_related_ads p { margin: 0px 0px 0px 0px; }

.radlink_page { margin: 10px; }
.radlink_page .ad { margin: 0px 0px 20px 0px; }
.radlink_page .url a { color: #008000; }

.pluck_related_articles { padding: 0px 10px; }
.pluck_related_articles .header { }
.pluck_related_articles .article { }
.pluck_related_articles .article .title { margin: 0px 0px 5px 0px; }
.pluck_related_articles .article .title a { color: #3D62AE; font-weight: normal;}
.pluck_related_articles .article p { margin: 0px 0px 15px 0px; }

.pluck_related_articles .article { }
.pluck_related_articles .article { }
.pluck_related_articles .article { }
.pluck_related_articles .article { }
.pluck_related_articles .article { }

#search_page { padding: 10px 10px 10px 10px; }
#search_page .title_1 { font-size: 140%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #DDDDDD; }
#search_page .search_result_list { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #DDDDDD; }
#search_page .search_result { margin: 0px 0px 20px 0px; }
#search_page .search_result h2 { font-size: 110%;  padding: 0px; margin: 0px 0px 5px 0px; }
#search_page .search_result h2 a { color: #3D62AE; }
#search_page .search_result p { padding: 0px; margin: 0px 0px 3px 0px; }
#search_page .search_result a.link { color: #666666; }

.pagination { font-family: Arial; margin: 0px 0px 20px 0px; height: 23px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #DDDDDD;  }
.pagination ul { margin: 0px 0px 0px 10px; padding: 0px; }
.pagination li { float: left; margin: 0px 2px 0px 0px; list-style-type: none; }
.pagination li a { display: block; padding: 3px 2px 3px 2px; color: #000000; border: 1px solid #CCCCCC; width: 15px; text-align: center; text-decoration: none; }
.pagination li a:hover, .pagination li.current a { text-decoration: none; color: #FFFFFF; background: #0050A0; border: 1px solid #0050A0; }