/* Styles for The Professor Web site */


BODY {margin: 0 0 0 0; font-family: Verdana;}


/* Div IDs for layout */

#clearAll {clear:both}

#pageWrapper { /*position:relative; float:left;*/ background:url(../images/galileoPageBgndNEW.gif) no-repeat;	background-color: transparent; width:773px;	height:150px; z-index: 1; clear:both;}

#mainHeader {background-color: transparent;	position:relative; float:left; /*	left:0px;	top:0px;*/ height: 90px;	width: 773px;	z-index:2;}

#headbgnd2 {position:relative; float:left; /*left:0px;top:80px;*/ height: 40px;width: 160px;}

#headNavBar {position:relative; float:left; /*left:160px;top:80px;*/	height: 40px;width: 613px;}

#leftBarHead {position:relative; float:left; /*left:0px;top:100px;*/	height: 20px;width: 155px;}

#centerBarHead {position:relative; float:left; /*left:160px;top:115px;*/  height: 20px; width: 600	px; background-color: transparent;}

#rightBarHead {position:relative; float:left; /*left:613px;top:100px;*/ height: 20px;width: 0px;}

/* Div IDs for content areas left bar, center, right bar */
/*ADD a Div to hold the three main page divs...will need for left colored bar*/
#mainContentHolder {position:relative; float:left; background:url(../images/contentBgndArt.gif) repeat-y; width:773px; padding-bottom:10px; top: 0px;}

#leftBar {position:relative; float:left; /*background-color: #DECCAF;*/ /*left:0px;top:130px;*/ /*height: 1500px;*/ width: 160px;}

#center {position:relative; float:left; /*background: url(../images/spacer.gif) no-repeat;*/ /*left:160px;top:145px;*/ /*height:1500%;*/ width: 453px; padding-left: 0px; padding-right: 0px; top: 0px;}

#rightBar {position:relative; float:left; /*left:613px;top:130px;*/ /*height: 1500px;*/ width: 160px;/*border-left:1px solid #DECCAF;*/}

/* notice styles */
#noticeBox {background-color: #CCCCCC; margin: 5px;}
#noticeHeadBox {background-color: #003399; margin: 5px;}
.notice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; padding-top:10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.noticeHead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; font-weight:bold; text-align:center; padding-top: 2px; padding-bottom: 2px;}
.noticeText {padding-left: 4px; padding-right: 4px; padding-bottom: 2px;}
.noticeForm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black;}
.noticeButton {padding-left: 13px;}

/* search styles */
.search {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; padding-top:10px; padding-left: 2px; padding-right: 2px; padding-bottom: 10px;}

/* guarentee styles */
#guarentee {margin-top: 20px}

/* May need to add divs for the bottom of the left bar, center, right bar for some layouts */
/* Will need to add a div for the footer */
/*these are some temporary font styles from another style sheet...modify or delete*/

.fixedHeadline {font-size: 18px; color: black; font-family: verdana; font-weight: bold;}
.fixedNormal {font-size: 12px; color: black; font-family: verdana; margin-left: 10px; margin-right: 10px;}
.fixedNormalBold {font-size: 12px; color: #027199; font-family: verdana; font-weight: bold; text-align: center}
.fixedSmall {font-size: 10px; color: black; font-family: verdana;}
.fixedSmallBold {font-size: 10px; color: black; font-family: verdana; font-weight: bold;}
.fixedNormalIndent {font-size: 12px; color: black; font-family: verdana; margin-left: 20px;}

.fixedNormalBgnd {font-size: 11px; color: black; font-family: verdana;  font-weight: bold; background: #E5E5CD; padding: 5px; margin-left: 10px; margin-right: 10px; text-align: center;}
.fixedNormalBoldBgnd {font-size: 12px; color: #027199; font-family: verdana; font-weight: bold; background: #DECCAF; padding: 5px; margin-left: 10px; margin-right: 10px; text-align: center;}

ul,li	{font-family: verdana; font-size: 12px; margin-right: 10px;}

/*end of temporary font styles from another style sheet...modify or delete*/

.showTime {font-family:  verdana; font-size: 8pt; color: #000000; text-align: center;}
.volInfo {font-size: 10px; color: black;font-family: verdana;margin-left: 10px;margin-top: 10px;}
.catInfo {font-size: 10px; color: black; font-family: verdana;margin-left: 10px;}
.article {font-size: 12px; color: black; font-family: verdana;}
.barTextBgnd {font-size: 12px; color: #000000; font-family: verdana; font-weight: bold;	font-style:italic;background: #DECCAF; padding: 5px; margin-right: 10px; text-align: left;}
.barText {font-size: 11px; color: #000000; font-family: verdana; font-weight: bold;font-style:italic; padding-left: 5px; text-align: left;}

/* article styles */
#toc { position:relative; float:left; width:433px; left:10px; /*margin-left:20px*/ /*margin-top: -15px;*/ padding-top: 5px; padding-bottom: 5px;}
/*#articleDisplay {position: relative; top: -14px; padding-left: 15px; padding-right: 20px;}*/
#articleDisplay {position: relative; float:left; width: 400px; padding-left: 20px; padding-right: 20px;}
#bullet {position:relative; float:left; width: 10px; margin-right: 5px;}
/*#imageDisplay {margin-right: 20px; margin-left: 10px; margin-bottom: -20px; padding: 10px;}*/
.articleImage {padding-right: 10px; padding-left: 10px; margin-bottom: 12px;}
.titleArticle {font-size: 12px; color: #027199; font-family: verdana;font-weight: bold; text-align: left;}

#TitleDisplay {position:relative; float:left; width:433px; margin-left:0px; left:10px;}
.titleDisplay {font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:10px; padding-top:4px; padding-bottom:10px; color:#003399; font-size:14px; font-weight:bold;}

#articleDisplayTOC {position: relative; /*float:left;*/ /*top:-14px;*/ padding-left: 15px; padding-right: 20px;}

/*author area styles*/
#author {
		/*margin-left:13px;*/

}
.authorPic {
		margin-left:13px;
		height: 124px;
		width: 124px;
		margin-top: 4px;

}

.authorName { 
		font-size: 10px; 
		color: black; 
		font-family: verdana; 
		font-weight: bold;
		text-align:center;
		font-style:normal;
}

.authorLinks {
		font-family: verdana; 
		font-size: 7pt; 
		color: #000000; 
		font-weight:normal;
		font-style:normal;
		line-height: 150%;
}

/*author link styles*/
a.authorLinks:link {
		font-family: verdana; 
		font-size: 7pt; 
		color: #027199; 
		text-decoration: none;
		margin-left:13px;
}
a.authorLinks:visited {
		font-family: verdana; 
		font-size: 7pt; 
		color: #027199; 
		text-decoration: none;
		margin-left:13px;
}

a.authorLinks:hover{
		font-family: verdana; 
		font-size: 7pt; 
		color: #027199; 
		text-decoration: underline;
		margin-left:13px;
}

/*table of contents styles*/
#toc {
		/*margin-left:13px;*/
}

.tocLinks {font-family: verdana;font-size: 8pt;color: #027199;font-weight:normal;font-style:normal;line-height: 150%;}
/*toc link styles*/
a.tocLinks:link {font-family: verdana;font-size: 8pt;color: #027199;text-decoration: none;margin-left:13px;}
a.tocLinks:visited {font-family: verdana;font-size: 8pt;color: #027199;text-decoration: none;margin-left:13px;}

a.tocLinks:hover{font-family: verdana;font-size: 8pt;color: #027199;text-decoration: underline;margin-left:13px;}

/*related article styles*/
#relatedArticle {
		/*margin-left:13px;*/
}

.relatedLinks {
	font-family: verdana;
	font-size: 8pt;
	text-align:left;
	color: #027199;
	margin-left:13px;
	margin-right:5px;
	font-weight:normal;
	font-style:normal;
	line-height: 110%;
	text-indent: -13px;
}
/*related link styles*/
a.relatedLinks:link {
		font-family: verdana; 
		font-size: 8pt; 
		color: #027199; 
		text-decoration: none;
		
}
a.relatedLinks:visited {
		font-family: verdana; 
		font-size: 8pt; 
		color: #027199; 
		text-decoration: none;
		
}

a.relatedLinks:hover{
		font-family: verdana; 
		font-size: 8pt; 
		color: #027199; 
		text-decoration: underline;
		
}

.productPic {
		margin-left:30px;
		height: 100px;
		width: 100px;
		margin-top: 4px;

}

.productTxt {
		font-size: 10px; 
		color: black;
		font-family: verdana;
		text-align:center;
}
.productLinks {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
}

a.productLinks:link {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.productLinks:visited {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.productLinks:hover {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: underline;
}

.coverPic {
		margin-left:13px;
		height: 155px;
		width: 120px;
		margin-top: 4px;
}

.promoLinks {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		margin-left:13px;
		/*margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
}

a.promoLinks:link {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.promoLinks:visited {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.promoLinks:hover {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: underline;
}
/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 THIS IS TAKEN FROM NORTHSTAR*/
.hnav, .hnav a:visited, .hnav a:hover, .hnav a:active {text-align: left;font-size: 11px; color: #027199; font-family: verdana; font-weight:bold; line-height:150%;}
.hnav, .hnav ul li a
{
        /* need to middor veritcal padding on .hnav and child anchor elements
         * because the anchors are _not_ block elements. since they are not
         * block elements web browsers will not expand .hnav to contain them
         * even with the extra padding. by applying the same padding to both
         * the parent .hnav _looks_ like its containing the child anchor
         * elements. 
         */
        padding-top: 0px;
        padding-bottom: 0px;
}
.hnav ul, .hnav ul li
{
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
}
.hnav ul li a
{
        margin: 0 -1px 0 0;
        padding-left: 10px;
        padding-right: 10px;    /* short-hand padding attribute would overwrite
                                   top/bottom padding set in a previous rule */
        border-left: solid 1px #000;
        border-right: solid 1px #000;
        white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
        /*text-decoration: none;*/
		text-decoration:underline; 
}
.hnav ul li span.divider
{
        display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
        width: 1%; /* IE/Mac needs this */
        display: inline-block;  /* IE/Mac needs this */
        /* \*/
                width: auto;
                display: inline;
        /* reset above hack */
}
* html .hnav, * html .hnav ul a
{
        /* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
                                 IE/Mac will ignore this rule. */
}
* html .HNAV
{
        padding: 0;     /* IE5/Win will resize #hnav to fit the heights of its
                           inline children that have vertical padding. So this
                           incorrect case selector hack will be applied only by
                           IE 5.x/Win */
}
#pageFooter {
	background: url(images/TPC_11.gif) no-repeat;
	position: relative;
	float: left;
	width:773px;
	height:40px;
	padding-top:12px;
	clear:both;
}
.footerText {font-family:  verdana; font-size: 8pt; color: #000000; text-align: center; vertical-align: bottom;}

/*these are for the login and register pages with shared includes from myMT*/

#contentWrapperLog {background:url(../images/contentBgndLog.gif) repeat-y; position:relative; float:left; width: 773px;}

#contentL {/*background: red;*/
	position: relative;
	left: 0px;
	width: 160px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
}

#contentR {/*background: blue;*/
	position: relative;
	left: 10px;
	width: 600px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;

}

#leftBox {width:140px; left: 10px; /*border: #E8F5E6 solid 1px; background-color: #E8F5E6;*/ float:left; margin-top:10px; padding-left: 10px; padding-right: 10px;}

#rightBox {position:relative; width:510px; float:left; padding-top: 10px;}

.formText {font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size:11px;}

.debugHelp {padding-top:2000px}