html, body {margin: 0; padding: 0; border: 0;}
.width770 { width:770px; text-align:left; margin-left:auto; margin-right:auto; position:relative}	
.width766 { width:766px; text-align:left; margin-left:auto; margin-right:auto; position:relative}	
#content{
	background: #FFF;
	border: 1px solid #bbb;
	padding: 20px 30px 40px;
	color: #666;
}
#contentCell{
	background: #FFF;
	font-size: 11px;
}
#contentCell a{	color: #C04;}
#contentCell a:hover {text-decoration: underline;}
#contentCell h1{
	color: #999999;
	font-size: 16px;
	margin: 15px 0 10px 0;
}


#siteFooter { color: #999;}
hr {
margin-top: 20px;
margin-bottom: 20px
}

.clear { clear: both; }/* for Mozilla*/

.wrapperOrgs {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 770px; 
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on .wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/
* html .wrapperOrgs {	w\idth: 770px; }

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.***/
.outerOrgs {
	border-left: 168px solid #CCC;  
	background: #FFF;
}
.inner {/*** For Mozilla ***/
	width: 770px; 
}
* html .inner {	width: 100%;}
.float-wrap {
	float: left;
	width: 770px;
	margin-left: -168px;       /*** Same length as left column width ***/
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, div.left is carried over into the proper position. ***/
.left {
	float: left;
	width: 168px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}
#whiteCenter {
	float: right;
	width: 525px;
	padding-bottom: 35px;
	padding-right: 40px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#whiteCenter a { color: #C04;}
.wide {	width: 100%; position: relative;}
.top {border-width: 0 0 2px;}
.bottom {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: right;
	padding-top: 10px;
}

/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}


/* Styles for left menu */
DIV#leftMenuContainer {
	width: 155px;
	background: #BBB;
	float: left;
}
.leftMenuContainer {
	width: 155px;
	background: #BBB;
}
.leftMenuBlock {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-top: 10px;
}
.leftMenuBlock ul {
	margin: 5px 10px;
	padding: 0px;
	list-style-type: none;
}
.leftMenuBlock a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.leftMenuBlock a:hover {
	color: #FFF;
	text-decoration: none;
}
.leftMenuBlock li {
	margin: 7px 0px;  
	padding: 0px 0px 5px;
	border-bottom: 1px dotted #666;
	}
.leftMenuBlock ul ul {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 10px;
}
.leftMenuBlock ul ul a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.leftMenuBlock ul ul a:hover {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.leftMenuBlock ul ul li {
	margin: 0px;
	padding: 4px 0px;
	border: none;
}
.leftMenuTexts {
	margin: 5px 5px 5px 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.leftMenuTexts a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #DDA;
}
.cell25Padding {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 25px;
}
.selectedSubMenu {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #701;
	letter-spacing: .07em;
}
.selectedMenu {
	padding: 0px 0px 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #701;
}
.selectedMenu li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 4px;
	}
A.Subs    {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	letter-spacing: .05em;
}
A.Subs:hover    {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	letter-spacing: .05em;
}
/* Styles for top_orgs.htm */
.menuContainerCell {
	background: #000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.menuContainerCell2 {
	background: #000;
	padding-left: 5px;
}

.menuItem {
	margin-right: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.menuItem:hover {
	color: #FFF;
	text-decoration: none;
}
.imgCenter	{ border: 1px solid #CCCCCC; padding: 10px;	margin: 0px;}
.imgRight	{ margin: 10px 0px 10px 10px; float: right;}
.imgLeft		{ margin: 10px 10px 10px 0px; float: left;}
.imgBordersRight	{ margin: 5px 0px 10px 10px; padding: 10px; border: 1px solid #CCCCCC; float: right;}
.imgBordersLeft	{ margin: 5px 10px 10px 0px; padding: 10px; border: 1px solid #CCCCCC; float: left;}
.imgBordersLeftSmall{ margin: 0px 10px 5px 0px; padding: 6px; border: 1px solid #CCCCCC; float: left;}

DIV#pageMargins {
	WIDTH: 770px; 
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
}
DIV#pageContainer {
	POSITION: relative
}
div#pageBorder {
	border: 1px solid #FFF;
}
.mainTable {
	padding: 0px;
	width: 770px;
	border: 0px;
}
.editableAreaCell {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: url(/orgs/images/leftmenu.gif) repeat-y left;
}
/* Styles for left menu */
DIV#leftMenuContainer {
	width: 155px;
	background: #BBB;
	float: left;
}
.leftMenuContainer {
	width: 155px;
	background: #BBB;
}
.leftMenuBlock {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-top: 10px;
}
.leftMenuBlock ul {
	margin: 5px 10px;
	padding: 0px;
	list-style-type: none;
}
.leftMenuBlock a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.leftMenuBlock a:hover {
	color: #FFF;
	text-decoration: none;
}
.leftMenuBlock li {
	margin: 7px 0px;  
	padding: 0px 0px 5px;
	border-bottom: 1px dotted #666;
	}
.leftMenuBlock ul ul {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 10px;
}
.leftMenuBlock ul ul a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.leftMenuBlock ul ul a:hover {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.leftMenuBlock ul ul li {
	margin: 0px;
	padding: 4px 0px;
	border: none;
}
.leftMenuTexts {
	margin: 5px 5px 5px 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.leftMenuTexts a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #DDA;
}
.cell25Padding {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 25px;
}
.selectedSubMenu {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #701;
	letter-spacing: .07em;
}
.selectedMenu {
	padding: 0px 0px 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #701;
}
.selectedMenu li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 4px;
	}
A.Subs    {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	letter-spacing: .05em;
}
A.Subs:hover    {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	letter-spacing: .05em;
}
/* Styles for top_orgs.htm */
.menuContainerCell {
	background: #000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.menuContainerCell2 {
	background: #000;
	padding-left: 5px;
}

.menuItem {
	margin-right: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.menuItem:hover {
	color: #FFF;
	text-decoration: none;
}
div#TUcell {
	background: #990033;
	height: 50px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
div#name {
	clear: right;
	float: left;
	padding-left: 78px;
	width: 543px;
	height: 50px;
}
div#search {
	position:absolute; 
	right:10px;
	top: 35px;
	text-align: right;
	z-index:2
}
div#search input {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CAA;
	background: #903;
	border: 1px solid #C99;
}
div#logo {
	position:absolute; 
	left:10px; 
	top:5px; 
	width:57px; 
	height:57px; 
	z-index:2
}
.textArea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CAA;
	background: #903;
	border: 1px solid #C99;
	margin: 1px;
	padding: 1px;
	height: 15px;
	line-height:11px;
}
.searchbutton {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #C99;
	background: #903;
	border: 1px solid #C99;
	margin: 1px;
	padding: 1px;
	height: 16px;
	line-height:10px;
}
/* Styles for content area */
div#wideContentContainer{
	margin-left:185px;
	margin-bottom: 25px;
	padding-right: 20px;
}
fieldset a
{
	font-size: 10px;
}
DIV#content {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 10px;
}
.contentGroup {
	padding: 7px;
	border: 1px solid #999;
}
.rightFloatingBorderedBox	{
	float: right;
	margin-top: 20px;
	border: 1px solid #BBB;
	padding:2px;
	background: #EEE;
}
.rightFloatingBorderedBox a	{
	font: 10px Verdana, sans-serif;
}
.rightFloatingBorderedBox a:hover	{
	color: #666;
	text-decoration: none;
}
.photoLeft {
	margin: 0px 10px 10px 0px;
}
.photoRight {
	margin: 0px 0px 10px 10px;
}
.shadedHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	background: #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top: 7px solid #FFFFFF;
}
.shadedCellParagraph {
	background: #EEE;
	padding-bottom: 15px;
}
.shadedCellParagraph p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
/*.mainContentBox {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF url(/images/menu_back.gif) repeat-y;
	padding-bottom: 20px;
	margin-bottom: 20px;
}*/

/* Styles for pages that use generic tamplate*/
.mainTextGen {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 450px;
	padding-top: 15px;
	padding-right: 35px;
	padding-left: 35px;
	margin-bottom: 20px;
}
.announcements {
	width: 140px;
}
.announcements p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.announcementsTab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #AAA;
	width: 140px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	border-bottom: 10px solid #CCCCCC;
}
.announcementsContent {
	width: 140px;
	background: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 10px;
	font-size: 11px;
	color: #555;
	padding-bottom: 15px;
}
div#leftMenuNoBckGen {
	float: left;
	width: 160px;
	height: 100%;
	background: #BBB;
	padding-left: 7px;
	padding-right: 5px;
	padding-top: 6px;
}
.leftMenuGen {
	width: 160px;
	background: #BBB;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 7px;
}
.newsPanel {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 7px;
}
.groupLeft {
	background: #ccc url(/images/pointer_down.gif) no-repeat left;
	padding: 5px 5px 5px 25px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
.insert {
	padding: 5px;
	border: 1px solid #AAA;
}
.insert a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#903;
	text-decoration: none;
}
.insert a:hover{
	color:#903;
	text-decoration: underline;
}
div#wideContentContainer{
	margin-left:185px;
	margin-bottom: 25px;
	padding-right: 20px;
	font-size: 11px;
}
.editableAreaCell {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: url(/orgs/images/leftmenu.gif) repeat-y left;
}
.ogrsStory{ padding: 35px; font-size: 70%; background:#FFF; line-height: 1.5; color:#666}
.ogrsStory a:hover {text-decoration: underline}
h1 {
	font-size: 18px;
}

/**************Magazine***************/
#contentMagazine{padding: 20px;}
#magazineTitle {font: 40px Georgia, "Times New Roman", Times, serif; color: #C04; margin-bottom:5px; font-smooth: always; letter-spacing: .02em;}
#magazineTitle a {color: #C04; text-decoration:none}
#storyContainer{padding: 0px; font-size: 90%; background:url(/pages/magazine/incl/divider.gif) repeat-y left top}
#contentMagazine .story h3 {font:20px Georgia, "Times New Roman", Times, serif; color:#C04; margin-top:2px }
#contentMagazine .story hr {margin:0 0 5px 0; padding:0 }
#headerContainer{
	background-color:#C04;
	text-align:right;
	padding-left:20px;
	color: #FFF;
 	border-bottom: 20px solid #FFFFFF;
	font-size:12px;
	position:relative;
	width:97%;
	}
#headerContainer a{color: #FDD;}
#headerContainer h1{
	padding:0;
	font-size: 200%;
	letter-spacing: .05em;
	font-smooth: always;
	margin:0;
	text-align:left;
}
#headerContainer h4, #headerContainer h1, #storyContainer .story h2, #storyContainer .story h3, #features h3{font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; font-weight: normal}
#storyContainer #magazineMenu{
	width:130px;
	text-align:right;
	float:left;
	margin-right:10px;
	margin-top: 10px;
}
#storyContainer #magazineMenu ul{padding:0;	margin:0; list-style: none;}
#storyContainer #magazineMenu ul li{margin-bottom:10px;}
#storyContainer #magazineMenu a{color:#C04; font-size: 100%;}
#storyContainer #magazineMenu a:hover{color:#777}
#storyContainer #magazineMenu #achivedIssues{ border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding: 6px 0; margin:25px 0}
#storyContainer .story, #storyContainerWide .story{
	font-size:90%;
}
#storyContainer .story{
	float:right;
	width:535px;
	padding-right:15px;
}

#headerContainer h4{font-size: 150%}
#storyContainer .story h2{font-size: 180%; color: #999; margin:0 0 10px 0}
#storyContainer .story h3{font-size: 150%; color: #C04; margin:5px 0 10px 0}
#storyContainer .story #features h3{
	font-size: 140%;
	margin:0 0 5px;
	padding:0
}
#features a:hover{text-decoration: underline}
#storyContainer .story a, #storyContainerWide .story a{color:#C04;}
#features{
	list-style: none;
	margin: 10px 0px;
	padding: 0;
	padding-top: -12px;
}
#features > li{	height: auto;}
#features li{height: 110px; margin-bottom: 10px}
#features img{float:left; margin: 5px 20px 15px 0;}
#empty { clear: both;}

ol ol {	list-style-type:lower-alpha;}
ol ol ol{ list-style-type:lower-roman;}
.boxMax150 {max-width:150px; width: expression(this.width > 150 ? 150: true); font-size:10px; font-weight:bold; float:right; margin:0 0 15px 20px}
.boxMax150 h3 {font-size:14px !important}