@charset "utf-8";
/* CSS Document */

.thrColElsHdr #container {width: 66em; background:  #D4D4D4; margin: 0 auto 0 auto;  border: 1px solid #000000; text-align: left; height: auto; border-bottom: 5px solid #000000; background-repeat:no-repeat} 
.thrColElsHdr #header {margin:0; padding: 0 10px 0 5px; height: 8em;	background-image: url(../Images/Backgrounds/PotomacWebBannerStrip.jpg);} 

.thrColElsHdr #header #loginTab{font-family:Arial, Helvetica, sans-serif; position:relative; left:86%;  margin:-100px 0 0 0; width:auto; height:19px; z-index:5; color:#FFFFFF; font-size:medium;}
.thrColElsHdr #header #loginTabWelcome{ font-family:Arial, Helvetica, sans-serif; position:absolute; left:66%; top: 0px; margin:20px 0 0 0;; width:auto; height:19px; z-index:5; color:yellow; font-size: medium; display:inline; }
.thrColElsHdr #header #loginTabWelcomeLine2{ font-family:Arial, Helvetica, sans-serif; position:absolute; left:66%; top: 0px; margin:38px 0 0 0;; width:auto; height:19px; z-index:5; color:yellow; font-size: x-small; display:inline; }
.thrColElsHdr #header #loginTab a:link {color:#fff; text-decoration:none;}
.thrColElsHdr #header #loginTab a:visited {color:#fff; text-decoration:none;}
.thrColElsHdr #header #loginTab a:hover {color: #fff; text-decoration:underline;}

.thrColElsHdr #header #loginTabWelcomeLine2 a:link {color:Yellow; text-decoration:none;}
.thrColElsHdr #header #loginTabWelcomeLine2 a:visited {color:Yellow; text-decoration:none;}
.thrColElsHdr #header #loginTabWelcomeLine2 a:hover {color: Yellow; text-decoration:underline;}



.thrColElsHdr #header #emailupdate{ position:absolute; left: 66%; top: 45px; z-index:1; width: 230px; margin:30px 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:small; display: inline-block; visibility: hidden; }

.thrColElsHdr #header #emailupdate form{width:auto;}

.thrColElsHdr #header #emailupdate div#signup{ float:right; position:relative; margin:-27px -6px 0 0; left:9px; padding:2px 0 0 0; border:1px white solid; width:74px; text-align:center; height:22px; }
.thrColElsHdr #header #emailupdate .emailbox{background-color: #FFFF99; font-size:95%; font-weight:bold; border:1px #fff solid; width: 13.5em; height: 22px; margin:-0;}
.thrColElsHdr #header #emailupdate .emailSubmitButton{ margin:0 0 0 -3px;  height: 19px;color: white; background-color:#666; border: 1px solid white; width:auto; text-align:center; padding-bottom:4px;}


.thrColElsHdr #header h1 {margin: 0; padding: 10px 0;}
.thrColElsHdr #header img {	margin: 0 0 0 5px; padding: 20px 0; height: 60%;}
	
.thrColElsHdr #header .BannerLogo {position:absolute; left:187px; top:8px;	width:189px; height:97px; z-index:1;}
.thrColElsHdr #sidebar1 {float: left; width: 13em; margin: 2px 0 0 0; padding: 15px 0 0 0; height: 99%; background-image: url(../Images/Backgrounds/GradientBackgroundJPG.jpg);background-repeat: repeat-x;}
.thrColElsHdr div#sidebar1 div#BGDiv {position:relative; display:block; padding: 0; margin: -10px 2px 0 3px; width:96%; height:630px; z-index:2;	border: #999999 2px solid; background-color:#000000}
.thrColElsHdr #sidebar1 #BGDiv ul{list-style:none; margin: 1px 0 0 0; padding: 4px 0 0 0;}

.thrColElsHdr #sidebar1 #BGDiv li{ margin: 1px 12px 1px 4px; padding: 4px 0 .8em 0.1em; border-bottom:1px solid white; font-family:Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFFFF;}
.thrColElsHdr #sidebar1 div#BGDiv li a{ display:block; color:#ffffff; text-decoration:none;}
.thrColElsHdr #sidebar1 div#BGDiv li#firstlink{ display:block; color:#ffffff; text-decoration:none;}
.thrColElsHdr #sidebar1 div#BGDiv li#firstlink a:hover{color: #990000; background-color: #ffffff; text-decoration:none; font-size:x-small; border: none; padding: 0 0 0 4px;  margin:0 0 0 0;}


.thrColElsHdr #sidebar1t div#BGDiv li a:link, div#BGDiv a:visited{color: #ffffff;	text-decoration: none;}
/*.thrColElsHdr #sidebar1 div#BGDiv a:visited{color: white;	text-decoration: none;}*/
.thrColElsHdr #sidebar1 div#BGDiv li a:hover{color: #990000; background-color: #ffffff; text-decoration:none; font-size:x-small; border: none; padding: 0 0 0 4px;  margin:0;}

.thrColElsHdr #sidebar1 #BlogDiv {position:relative; left:4px; top:5px;	width:90%; height:130px; z-index:1;	border: #999999 2px solid; background-image:url(../Images/Backgrounds/BlogBG.png)}
.thrColElsHdr #sidebar1 #BlogDiv h1{font-style:italic; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 110%; text-align:center; margin: 4px 0 0 0; padding:0;}
.thrColElsHdr #sidebar1 #BlogDiv h2{font-style:italic; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 70%; text-align:center; margin: 0; padding-bottom:2px;}
/*.thrColElsHdr #sidebar1 div#BlogDiv div#BlogText{ font-style: normal; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:white; font-size: 70%; text-align:left; margin: 0; padding: 0px; }*/
.thrColElsHdr #sidebar1 #BlogDiv #BlogText{height:75px; z-index:1; overflow:hidden;	}

.thrColElsHdr #sidebar1 form#suggestions {margin:0; padding:0;}
.thrColElsHdr #sidebar1 #SuggestionDiv {position:relative; left:3px; top:5px; width:180px; height:30px;	z-index:1; background-image:url(../Images/Backgrounds/SuggestionBG.png);background-repeat:no-repeat; margin: 10px 10px 0 5px;}
.thrColElsHdr #sidebar1 #SuggestionDiv h1 a:link{font-style:normal; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: x-small;text-align:center;	margin: 7px 0 7px 0;text-decoration:none;}
.thrColElsHdr #sidebar1 #SuggestionDiv h1 a:visited{font-style:normal; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: x-small;text-align:center;	margin: 7px 0 7px 0; text-decoration:none;}
.thrColElsHdr #sidebar1 #SuggestionDiv h1 a:hover{font-style:normal; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: x-small;text-align:center;	margin: 7px 0 7px 0; text-decoration:underline;}
.thrColElsHdr #sidebar1 #SuggestionDiv h1{font-style:normal; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: x-small;text-align:center;	margin: 7px 0 7px 0;}

.thrColElsHdr #sidebar1 #sidebar1ftr {position:relative; top: -12px; height:45px;}
.thrColElsHdr #sidebar1 #sidebar1ftr ul{list-style:none; margin: 24px 34px 4px 24px; padding: 4px 0 4px 0;border-bottom: 2px solid #990000; border-top:2px solid #990000;}
.thrColElsHdr #sidebar1 #sidebar1ftr li{padding: 0 0 0 0; font-family:Arial, Helvetica, sans-serif;	font-size: 90%;	color: #FFFFFF;	margin: 0 0 0 0; border:none; text-align:center;}
.thrColElsHdr #sidebar1 #LogoGreyscale {position:relative;	margin:-14px 0 -20px 4px;}
.thrColElsHdr #sidebar1 #LogoGreyscale img{filter:alpha(opacity=25); opacity: 0.25; -moz-opacity:0.25;}



.thrColElsHdr #sidebar2 {float: right; width: 14em; margin: auto 0 0 0;	padding: 15px 0; height:99%; background-image: url(../Images/Backgrounds/GradientBackgroundJPG.jpg);background-repeat: repeat-x;}
.thrColElsHdr #sidebar2 #sidebar2people{position:static; height: 150px;	margin: -12px 5px 0 4px; border: 1px solid white; background-color: #000000; padding: 0;}
.thrColElsHdr #sidebar2 #sidebar2people #peoplepic{position:relative; width:auto; margin: 5% auto;	height: auto;}
.thrColElsHdr #sidebar2 #sidebar2people p{position:relative; font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-style:italic; color:#FFF; text-align:center; margin: 0px;	padding:2px 0 0 0;}
.thrColElsHdr #sidebar2 #sidebar2peoplebg{position: relative; margin:auto; padding:0; width:100%; height:75%; top: 0; bottom: 85px;	background-image:url(../Images/Backgrounds/PeopleBG.png);
}
.thrColElsHdr #sidebar2 #sidebar2people img{display: block;	margin: 0 auto 0 auto; z-index:1;}
.thrColElsHdr #sidebar2 #rssnews{position:relative;	height: 460px; top: 0px; margin: 4px 3px 0 4px; width:214px; background-image:url(../Images/Backgrounds/RSSNewsBg.jpg);}
.thrColElsHdr #sidebar2 #rssnews p{font-family:Arial, Helvetica, sans-serif; font-size:72%; font-style:normal; font-weight:bold; color:#FFF;	text-align:left; margin: 0 0 -3px 0; padding:8px 0 0 8px; z-index: 3;}
.thrColElsHdr #sidebar2 #rsscontent{position:relative;	width:94%;	left:3%; height:85%; top: 3%; background-color:#fff; border:#990000 solid 1px; z-index:1;}
.thrColElsHdr #sidebar2 #rsscontent div#rsstext {width:90%; padding: 0 6px 2px 3px;} 
.thrColElsHdr #sidebar2 #rsscontent div#rsstext div#RSSHorLine { height: 1px; width:80%;  margin-left: auto; margin-right:auto; margin-top: 0; margin-bottom: 6px; border-bottom: 1px solid #990000; }

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {margin-left: 10px; margin-right: 10px;}

.thrColElsHdr #mainContent {position:relative; padding: 0 0 0 5px; background:#fff; margin-top: 36px; margin-bottom: 40px; left: 0; margin-left: auto; margin-right:auto; border: 1px solid #990000; width: 55%; z-index:4;} 
.thrColElsHdr #mainContent #redrect{position: relative;	margin: -10px 0 -15px 20%; width:66%; top: -8px;} 
.thrColElsHdr #mainContent h1{ margin:0 0 25px 0;font-family:Arial, Helvetica, sans-serif;font-style:italic;font-size:120%;text-align:center;font-weight:bold;color: #666666;letter-spacing:-.08em; padding: 15px 0 27px 0;} 
.thrColElsHdr #mainContent #coursetextspan{	position: absolute; margin: 0 -6px  0 -12px; top:75px; 	background-color:#D4D4D4; font-family:Arial, Helvetica, sans-serif;	font-style:italic; font-size:90%;text-align:center;	font-weight:bold; color: #990000;letter-spacing:-0.08em; height: 24px; width:103%; z-index: 5;} 

.thrColElsHdr #mainContent #coursetextspan h2{margin: 0px 0 0 0; padding:3px 0 0 0;	font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:95%;	text-align:center;font-weight:bold; color:#990000; letter-spacing:-0.08em;} 
.thrColElsHdr #mainContent #coursetable{position: absolute; font-family:Arial, Helvetica, sans-serif; top: 400px; margin: 0 auto 0 auto; width:100%; padding: 0 5px 20px 5px; } 
.thrColElsHdr #mainContent #coursestable th{margin: 0 0 -9px 0; color: #990000;	font-weight:bold; border-bottom: 1px;	text-align:left; font-size: small; padding: 1px 9px 0 0;} 
.thrColElsHdr #mainContent #coursestable tr td{	margin: 0; color: #333333; font-weight: bold; text-align:left; font-size: 0.8em; padding:0 8px 0 2em; line-height: 1.2em; vertical-align:top;letter-spacing:0em;} 

/*hovering properties for coursetable*/
.thrColElsHdr #mainContent #coursestable tr td a:link{text-decoration:none; color:#333;}
.thrColElsHdr #mainContent #coursestable tr td a:visited{text-decoration:none; color: #333;}
.thrColElsHdr #mainContent #coursestable tr td a:hover{text-decoration:underline;}

.thrColElsHdr #mainContent .tabletextsmall {font-size: x-small}
.thrColElsHdr div#mainContent #coursestable .tableindent {padding-left: 40px;}

.thrColElsHdr #mainContent #linkinglearning{margin:32px 0 -34px 30%; background:#fff; color:#990000; width: 40%; height:20px; position: relative; border-bottom: 4px solid;border-bottom-color: #999; bottom: 17px;} 
.thrColElsHdr #mainContent #linkinglearning p{font-family:Arial, Helvetica, sans-serif; font-size:small; font-style:italic; color:#990000; text-align:center; margin:0; font-weight:bold;} 


/* footer information */
.thrColElsHdr #mainContentFtr {position:relative; width:100%; padding: 0 0 15px 0; top:0; margin:0; } 
.thrColElsHdr #mainContentFtr p{font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:68%;	text-align:center; text-shadow:#CCCCCC;	font-weight:bold; color:#333;letter-spacing:-0.03em;	padding: 0; margin:0; text-decoration:none;} 
.thrColElsHdr #mainContentFtr p a:link {color:#333; text-decoration:none;}
.thrColElsHdr #mainContentFtr p a:visited {color:#666; text-decoration:none;}
.thrColElsHdr #mainContentFtr p a:hover {color: #990000; text-decoration:underline;}

/*********************************************************************************************
Follow on pages
**********************************************************************************************/

body.oneColElsCtrHdr {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColElsCtrHdr #container {
	width: 46em;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
}
.oneColElsCtrHdr #header {margin:0; padding: 0 10px 0 5px; height: 8em;	background-image: url(../Images/Backgrounds/PotomacWebBannerStrip.jpg);} 
.oneColElsCtrHdr #header h1 {margin: 0; 	padding: 10px 0; }

.oneColElsCtrHdr #header div#HdrText { position:absolute; margin: 0; width: 350px; height:40px; left: 48%; top: 20px; }
.oneColElsCtrHdr #header img {margin: 0 0 0 5px; padding: 20px 0; height: 60%; border: none; outline:none;}
.oneColElsCtrHdr #header div.BannerLogo {position:absolute; left:0; top:10%; width:289px; height:80%; z-index:1;}
.oneColElsCtrHdr #header div#HdrText img{width: 100%; height:100%;filter:alpha(opacity=45); opacity: 0.45; -moz-opacity:0.45;}


.oneColElsCtrHdr #mainContent {	padding: 0 20px; background: #FFFFFF;}
.oneColElsCtrHdr #mainContent img { border:1px black solid; float: right; margin-left:3px;}
.oneColElsCtrHdr #mainContent h2 {margin-left: 5px; 	padding: 10px 0; }
#mainContent tr {text-align:left; clear:both;}
#mainContent tr td {text-align:left; height:auto;}
.oneColElsCtrHdr #container #Ftr {position:relative; width:100%; padding: 5px 0 5px 0; top:0; margin:0; border-top:1px solid black; background-color: #D8D7E3; } 


/*.oneColElsCtrHdr #footer { padding: 0 10px; background:#DDDDDD;} 
.oneColElsCtrHdr #footer p {margin: 0; 	padding: 10px 0; }*/

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




/* Miscellaneous classes for reuse */
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */