/* 
CSS Styles for screen media
Author:	BethesdaDesignWeb.com
Date: September 2007
Copyright:	2007 Philip Dine, http://www.philipdine.com
*/

/* General  */

* { margin: 0; padding: 0; }
body {
margin: 0 auto;padding: 0;font: 78% Arial, Helvetica, Sans-Serif;line-height: 1.5em;background: #fff url(images/bgblue2.jpg) repeat-x;color: #555;}
#wrap {width: 860px;margin: 0 auto;padding: 0;background: #fff;color: #555;}
#topbar {width: 760px;height: 200px;margin: 0 auto;padding: 0;overflow: hidden;
background: #fff url(images/headerblue2.jpg);color: #333;}
#topbar h1 {margin-top: 40px;padding: 20px 20px 0 20px;letter-spacing: 2px;font-size: 200%;	color: #fff;background: transparent;font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;	font-weight: 300;}	
#topbar h2 {margin: 0 5px 25px 5px;padding: 5px;font-size: 150%;letter-spacing: 2px;color: #333333;background: transparent;font-family: "Lucida Sans", Arial, sans-serif;font-weight: lighter;}
#topbar img a {margin: 0;border: none;}
#topbarleft {float: left;width: 200px;height: 200px;margin: 0;padding: 0;background: #fff url(images/topbackblue2.jpg);color: #000;}
#topbarright {float: right;width: 560px;text-align:right;margin: 0;padding: 10px 0 0px 0;}
#topbarright li {display: inline;list-style-type: none;margin: 0;padding: 0;}
#topbarright ul {margin: 0;padding: 0;}
#topbarright a, #topbarright a:visited {color: #333;font-size: 120%;font-weight: bold;margin: 0;padding: 6px 10px 6px 10px;text-decoration: none;}
#topbarright a:hover {color: #666;font-weight: bold;text-decoration: underline;}
/*content*/
#content {width: 790px;margin: 0 auto;padding: 0;}
#content p {padding: 0 0 3px 0;margin: 0;line-height: 2em;font-size: 1em;}
#content h1 {margin: 0;padding: 0 0 10px 0;border-bottom: 1px solid #ccc;font: normal 200% "Century Gothic", Verdana, Arial, Sans-Serif;color: #5588cc;background: inherit;}
#content h2 {padding: 20px 0 10px 0;margin: 0;border-bottom: 1px solid #ccc;font: normal 200% "Century Gothic", Verdana, Arial, Sans-Serif;color: #5588cc;background: inherit;}
#content h3 {padding: 20px 0 10px 0;margin: 0;border-bottom: 1px solid #ccc;font: bold 130% "Century Gothic", Verdana, Arial, Sans-Serif;color: #acbb78;background: inherit;}
#content h6 {padding: 3px 3px 10px 3px;margin: 0;font: bold 85% "Century Gothic", Verdana, Arial, Sans-Serif;color: #c68d52;background: inherit;line-height: 1.3;letter-spacing: 1px;}
#contentleft{float: left;width: 450px;margin: 0;padding: 10px 0 20px 0;line-height: 2;}
#contentleft h2 {padding: 20px 0 10px 0;margin: 0;border-bottom: 1px solid #ccc;font: normal 200% "Century Gothic", Verdana, Arial, Sans-Serif;color: #333;background: inherit;}
#contentleft ul {margin-top: 0;}
#contentleft ul li {list-style-type: none;margin: 0;font-size: 1em;color: #595959;letter-spacing: .1px;}
#contentleft p img {padding: 10px 10px 10px 0;}
#contentleft dl dt {margin: 3px 0 0 0;}
/*rt sidebar*/
#right_sidebar {float: right;width: 275px;margin: 38px 0 0 5px;padding: 0 0 20px 0;border-bottom: 0px solid #ccc;}
#content #right_sidebar img {margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;}
#right_sidebar ul {list-style: none;margin: 0;padding: 0;}
#right_sidebar ul li {display: inline;padding: 0;margin: 0;}
#right_sidebar ul li a {display: block;color: #000;text-decoration: none;margin: 0;
padding: 5px 0 5px 0;border-bottom: 1px solid #C0C0C0;}
#right_sidebar ul li a:hover {background: #eee;color: #81a0de;}
#right_sidebar p {padding: 3px 0 0 0;margin: 0;line-height: 2em;}
li a.bright {color: #CC0000;}
/*footer bkgd*/
#footerbg {background: #aaa;border-top: 5px solid #4477cc;}
/*footer*/
#footer {width: 760px;height: 150px;margin: 0 auto;text-align: left;position: relative;line-height: 1.5em;background: #aaa;
color: #fff;}
#footer p {padding: 0;list-style-type: none;margin: 0;color: #fff;}
#footer h2 {padding: 0 0 20px 0;margin: 15px 0 0 0;text-transform: uppercase;letter-spacing: 3px;font: bold 120% Arial, Helvetica, Sans-Serif;border-bottom: 2px solid #666;color: #4477cc;background: inherit;}
#footer a {color: #aaa;text-decoration: none;}
#footer a:hover {color: #fff;text-decoration: none;}
#footer ul {list-style: none;margin: 0;padding: 0;}
#footer ul li {display: inline;padding: 0;margin: 0;}
#footer ul li a {display: block;color: #4477cc;text-decoration: none;margin: 0;padding: 5px 0 5px 0;border-bottom: 1px solid #666;}
#footer ul li a:hover {background: #444;color: #fff;}
#footerleft {float: left;width: 225px;margin: 0 20px 0 0;padding: 0;background: #aaa;}
#footermiddle {float: left;width: 225px;margin: 0 20px 0 20px;padding: 0;background: #aaa;}
#footerright {float: right;width: 225px;margin: 0;padding: 0;background: #aaa;}
#credits {padding: 15px 5px 5px 100px;height:35px;margin: 0;background: #aaa;color: #fff;}
#credits1 {clear: both; height:35px; padding: 10px 5px 5px 100px;margin: 0;background: #aaa;color: #fff;}
/*Links*/
a, a:visited {color: #4477cc;background: inherit;text-decoration: none;}
a:hover {color: #81a0de;background: inherit;text-decoration: underline;}
a img {border: none;}
#sitemap {width: 675px;margin: 0 auto;padding: 0;background-image: url(images/cloudysky.gif);background-position: center;
background-repeat: no-repeat;background-attachment: fixed;height: 600px;}
#sitemap p, #sitemap ul {margin: 20px 10px 20px 10px;font-size: 100%;line-height: 2;}
#sitemap ul li {list-style-type: none;}
#sitemap ul li a:link, #sitemap ul li a:visited {color: #333; font-weight: 400;}
#sitemap ul li a:hover {color: #5588cc;text-decoration: underline;font-weight: 400;}
#sitemaplt {float: left;width: 275px;margin: 0 10px 0 0;padding: 0 0 0 10px;}
#sitemapmd {float: left;width: 175px;margin: 0 20px 0 0;padding: 0;}
#sitemaprt {float: right;width: 310px;margin: 0 20px 0 0;padding: 0 10px 0 0;}
#sitemaprt ul li {text-align: left;}
 /*styles for directory*/
#directory {font-size: 0.9em;padding:3px;margin: 0 0 50px 200px;}
#directory ul {list-style-type: none;}
#directory li {float: left;display: inline;margin: 0 5px 0 0px;display: block;}
#directory li a {color: #666;padding: 4px;border: 1px solid #5588cc;text-decoration: none;float: left;}
#directory li a:hover {color: #666;background: #d7dfbe;border: 1px solid #acbb7a;}
#directory li.nolink {color: #CCC;border: 1px solid #F3F3F3;padding: 4px;}
#directory li.current {color: #666;border: 1px solid #5588cc;padding: 4px;background: #b9ceea;}
			/*Classes for read more and month*/
.small {font-size: 110%;font-weight: 600;background: inherit;color: #acbb7a;margin-top: 15px;}
.smallnotop {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;font-weight: 500;background: inherit;color: #333;
line-height: normal;}
a.linksmall {font-size: 110%;font-weight: 400;background: inherit;color: #acbb7a;line-height: normal;}
			/*Variations of formating*/
.orange {color: #FF9933;}		
blockquote {font-weight : 700;font-style:normal;color:#333;font-size: 108%;}
#contentleft img {padding: 20px 0 0px 0;}
.maroonlg {font-size: large;
	color: #7B0215;}
.prom {font-family: "Lucida Sans", Arial, sans-serif;font-size: 110%;color: #000066;font-weight: bold;letter-spacing: normal;
font-variant:small-caps;} 
.promblack {font-family:"Trebuchet MS", Arial, sans-serif;font-size: 120%;color: #333;font-weight: bold;letter-spacing: .1em;	font-variant:small-caps;} 
.ltpad {padding: 0 0 5px 10px;}
div.float {float: left;padding: 0 2px 0 0;margin: -3px 3px 0 0;width: 200px;border: 1px #5588cc dotted;}
strong {color: #333;font-size: 110%;letter-spacing: .001em;font-family:Arial, sans-serif;}
em {color: #222;font-size: 100%;font-family: Arial, Helvetica, sans-serif;}
#righttext {letter-spacing: .04em;font-family: "lucida sans", Arial, Helvetica, Sans-Serif;line-height: 1.9em;border: 1px solid #666;padding: 10px;margin: 15px 0 15px 0;}
#righttext img {padding: 5px 12px 3px 0;}
/*styles for speaking page*/
.langbox {border: 1px solid #666;padding: 5px 15px 15px 15px;margin-bottom: 15px;}
/*indent styles*/
p.caption {text-indent: 0}
p {margin-bottom:0;}
p + p {text-indent: 1.5em;margin-top: 0 }
   /*dex styles*/
.tinylink {font-size: 78%;}
.bluehome {border: thick solid #E0E0E0;padding: 10px 10px 15px 15px !important;font-size: 14px !important;color:#3366bb;font-weight:800;text-transform:uppercase;}
.bluehome a{text-decoration:none;}
.bluehome a:hover {text-decoration:underline;}
.pullout {margin: 10px;	padding-right: 10px;border-right: thick solid #3366bb;font: 400 175% Verdana, Arial, Sans-Serif;
	color: #3366bb; float:right;width: 165px;line-height: 140%;text-align: right;}
.pullout1 {margin: 10px 10px 0 0;padding-left: 10px;border-left: thick solid #3366bb;font: 400 175% Verdana, Arial, Sans-Serif;
	color: #3366bb;float: left;width: 165px;line-height: 140%;text-align: left;}
.navy {color: #000066;}
#right_sidebar ul li h2.redfont {color: #7B0215;}
#contentleft h1.redtext {color: #7B0215;}
#right_sidebar h1.redtext {color: #7b0215;}
#latestnews {padding: 8px 3px 2px 5px; height: 100%; border: none;}
#contentleft ul li span.redtext {color: #7b0215;}
.goldhead {color: #775332;font-variant: small-caps; font-weight: 600;}
.right {float: right;}
.background {background-color: #f6f6f6; padding: 15px;}
.tiny {font-size: 60%; color: #5588cc; font-variant: small-caps; font-weight: 600;}
.tiny1 {font-size: 75%; color: #5588cc; font-variant: small-caps; font-weight: 600;}
.rtalign {text-align:right;padding-right: 10px;}
.underline a {text-decoration:underline;}
.underline a:hover {text-decoration:none;}