/* CSS Document */

.clr {

	clear: both;

}





#main_outline {

	width: 802px !important;

	width: 808px;

	border: 0px solid #333399;

	padding: 6px;

	background: #ffffff;

}



#pathway_outline {

	width: 800px !important;

	width: 800px;

	float: left;

	border: 1px solid #CCCCCC;

         background: #FFF8E7;

	margin-bottom: 2px !important;

	margin-bottom: -2px;

         margin-top: 0px

}



#pathway {

	float: left;

	padding: 4px 3px 3px 5px;

}



#buttons {

	float: right;

	margin: 0px;

	padding: 0px;

	width: 50%;

}





ul#mainlevel-nav

{

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



ul#mainlevel-nav li

{

	display: block;

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	margin: 0;

	width: auto !important;

  width: 15%;

	font-size: 11px;

	line-height: 21px;

	white-space: nowrap;

	border-left: 1px solid #333399;

}



ul#mainlevel-nav li a

{



	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	color: #333333;

	background: transparent;

}



#buttons>ul#mainlevel-nav li a { width: auto; }



	ul#mainlevel-nav li a:hover

{

	color: #ffff00;

	background: #264989;

}





#search {

	float: right;

	border: 0px solid #FFFF00;

	padding: 0px;

	width: 163px !important;

	width: 165px;

	height: 2px !important;

	height: 23px;

	overflow: hidden;

}



#search .inputbox {

	border: 0px;

	padding: 4px 3px 3px 5px !important;

	padding: 3px 3px 3px 5px;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	height: 17px !important;

	height: 19px;

	width: 153px !important;

	width: 159px;

	color: #ffff00;

}





#header_area {

	width: 802px !important;

	text-align: left;

	border: 0px;

	margin: 0px;

}



#header {

	float: left;

	padding: 0px;

	margin: 0px;

	width: 635px;

	height: 50px;

background: url(../images/header_short.jpg) no-repeat;

         

         

 	

}









#top_outline {

	float: left;

	border: 0px solid #333399;

	padding: 0px;

	margin-left: 0px;

	float: left;

	overflow: hidden;

	height: 50px !important;

	height: 50px;

	width: 165px !important;

	width: 165px;

}



#left_outline {

	margin-top: 2px;

	border: 0px solid #333399;

	padding: 2px;

	float: left;

	width: 159px !important;

	width: 165px;

}

















#left_outer {

  float: left;

	margin-top: 2px;

	width: 165px;

}



#left_inner {

  border: 1px solid #cccccc;

	padding: 2px;

  float: none !important;

  float: left;

}





#content_area {

	padding: 0px;

	margin-top: 0px;

	margin-left: 2px;

	/** border: 1px solid #FFFFFF; **/

	float: left;

	width: 635px;;

}



#banner_area {

	width: 635px;

	margin-top: 0px;

	margin-bottom: 0px !important;

	margin-bottom: -3px;

}



#banner {

	float: left;

	padding: 0px;

	width: 468px;

}



#poweredby {

	float: left;

	margin-left: 2px;

}



#sandbox_area_2 .sandbox_area {

	float: left;

	margin-top: 2px;

	width: 468px;

}



#sandbox_area_1 .sandbox_area {

	float: left;

	margin-top: 2px;

	width: 635px;

}



#right_outline {

	border: 1px solid #FFFFFF;

	margin-top: 0px;

	float: right;

	padding: 2px;

	width: 159px !important;

	width: 165px;

}



/** with both user1 and user2 visible **/

#user1_2 .user1_outline {

	width: 227px !important;

	width: 233px;

	border: 0px solid #333399;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_2 .user2_outline {

	width: 227px !important;

	width: 233px;

	border: 0px solid #333399;

	float: right;

	margin-left: 2px;

	margin-bottom: 2px;

	padding: 2px;

}



/** with either user1 or user2 visible **/

#user1_1 .user1_outline {

	width: 462px !important;

	width: 468px;

	border: 0px solid #333399;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_1 .user2_outline {

	width: 462px !important;

	width: 468px;

	border: 0px solid #333399;

	float: right;

	margin-bottom: 2px;

	padding: 2px;

}



/** based on 100% content width **/

#user1_4 .user1_outline {

	width: 311px !important;

	width: 317px;

	border: 1px solid #333399;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_4 .user2_outline {

	width: 310px !important;

	width: 316px;

	border: 1px solid #333399;

	float: right;

	margin-left: 2px;

	margin-bottom: 2px;

	padding: 2px;

}



/** with either user1 or user2 visible **/

#user1_3 .user1_outline {

	width: 629px !important;

	width: 635px;

	border: 1px solid #333399;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_3 .user2_outline {

	width: 629px !important;

	width: 635px;

	border: 1px solid #333399;

	float: right;

	margin-bottom: 2px;

	padding: 2px;

}



/** adjust content area based on right nav **/

#sandbox_area_2 .content_outline {

	width: 462px !important;

	width: 468px;

	border: 1px solid #FFFFFF;

	padding: 2px;

}



#sandbox_area_1 .content_outline {

	width: 629px !important;

	width: 635px;

	border: 0px solid #FFFFFF;

	padding: 3px;

}



#active_menu {

	

	font-weight: bold;

}



a#active_menu:hover {

	color: #ff6600;

}



.maintitle {

	color: #ffffff;

	font-size: 40px;

	padding-left: 15px;

	padding-top: 20px;

}



.error {

  font-style: italic;

  text-transform: uppercase;

  padding: 5px;

  color: #cccccc;

  font-size: 14px;

  font-weight: bold;

}



/** old stuff **/



.back_button {

	float: left;

  font-size: 11px;

  font-weight: bold;

  margin-top: 15px;

  margin-bottom: 10px;

  border: 1px solid #FFFFFF;

  width: 40px;

  padding: 4px;

}



.pagenav {

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 1px solid #ffffff;

  width: auto;

  padding: 4px;

  margin: 1px;

}



.pagenavbar {

	padding-right: 5px;

	float: right;

}



#footer {

	text-align: center;

	padding: 3px;

}



ul

{

margin: 0;

padding: 15;

list-style: none;

}



li

{

line-height: 15px;

padding-left: 15px;

padding-top: 0px;

background-image: url(../images/arrow.png) ;

background-repeat: no-repeat;

background-position: 0px 3px;

}





td {

	text-align: left;

	font-size: 11px;

}







body {

	margin: 0px;

	height: 100%;

	padding: 0px;

	font-family: Arial, Helvetica, Sans Serif;

	font-size: 11px;

	color: #000000;

	background: #ffffff;

}



/* mambo core stuff */

a:link, a:visited {

	color: #0000FF; text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #0000FF;	text-decoration: underline;

	font-weight: bold;

}





table.contentpaneopen {

	width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

}



table.contentpane td {

	margin: 20px;

	padding: 0px;

}



table.contentpane td.componentheading {

	padding-left: 4px;

}



table.contentpane td.contentheading {

  padding-left: 15px;

  padding-top: 9px;

}







.button {



font-family: Arial, Helvetica, Sans Serif;

text-align: center;

font-size: 12px;



	

}



.inputbox {

	

}





#sandbox_area_2 .componentheading {

	

	text-align: left;

	padding-top: 0px;

	padding-left: 4px;

	height: 0px;

	font-weight: bold;

	font-size: 0px;

	text-transform: none;

	width: 458px !important;

	width: 462px;

}



#sandbox_area_1 .componentheading {

	background: url(../images/subhead_bg.png) repeat-x;

	color: #FFFFFF;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	width: 625px !important;

	width: 629px;

}



.contentcolumn {

	padding-right: 5px;

}



.contentheading {

	height: 30px;

	background: url(../images/contenthead.png)  repeat-x;

	color: #999999;

	text-align: left;

	padding-top: 9px;

	padding-left: 20px;

	font-weight: bold;

	font-size: 11px;

	white-space: nowrap;

}



.contentpagetitle {

	font-size: 13px;

	font-weight: bold;

	color: #000000;

	text-align:left;

}



table.searchinto {

	width: 100%;

}



table.searchintro td {

	font-weight: bold;

}



table.moduletable {

	width: 100%;

	margin-bottom: 5px;

	padding: 2px;

	border-spacing: 0px;

	border-collapse: collapse;

        border: 1px solid #C0C0C0;

}



table.moduletable th {

	background-color: #E7E7E7;

	color: black;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

        border-bottom: medium solid #3879A7

       

	

}



table.moduletable td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

       

 

}



table.pollstableborder td {

  padding: 2px;

  background: #FFFFFF;

}



.sectiontableheader {

  font-weight: bold;

  background: #f0f0f0;

  padding: 4px;

}



.sectiontablefooter {



}



.sectiontableentry1 {

	background-color : #ffffff;

}



.sectiontableentry2 {

	background-color : #f9f9f9;

}



.small {

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



.createdate {

	height: 15px;

	padding-bottom: 10px;

	color: black;

	font-size: 11px;

	font-weight: bold;

}



.modifydate {

	height: 15px;

	padding-top: 10px;

	color: black;

	font-size: 11px;

	font-weight: bold;

}



table.contenttoc {

  border: 1px solid #333399;

  padding: 2px;

  margin-left: 2px;

  margin-bottom: 2px;

}



table.contenttoc th {

  background: url(../images/subhead_bg.png) repeat-x;

  color: #FFFFFF;

	text-align: left;

	padding-top: 2px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



a.mainlevel:link, a.mainlevel:visited {

	

	vertical-align: middle;

	font-size: 12px;

	font-weight: none;

	color: #16387C;

	text-align: left;

	padding-top: 0px;

	padding-left: 18px;

	height: 19px !important;

	height: 24px;

	width: 100%;

	text-decoration: underline;

	text-transform:none

}







a.sublevel:link, a.sublevel:visited {

	padding-left: 1px;

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

}



h1 { 

color: #000000; 

font-size : 14px; 

text-decoration: none; 

font-family: arial, helvetica, sans-serif;

}





/*This is the Pink Module*/



table.moduletable-pink {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

        border: 1px solid F2CFE9;

}



table.moduletable-pink th {

	background-color: #F2CFE9;

	color: black;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

       

	

}



table.moduletable td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

       

 

}







/*This is the Orange Module*/













table.moduletable-orange {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

        border: 1px solid #FFCC33;

}



table.moduletable-orange th {

	background-color: #FFCC33;

	color: #000000;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

     

       

	

}



table.moduletable td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

       

 

}





/* This is the gray table module*/











table.moduletable-gray {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

        border: 1px solid #E7E7E7;



}



table.moduletable-gray th {

	background-color: #E7E7E7;

	color: black;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

background-image: url(../images/arrow.png) ;

background-repeat: no-repeat;

background-position: 0px 3px;

       

	

}



table.moduletable td {

	font-size: 11px;

	padding: 15px;

	margin: 0px;

	font-weight: normal;



/*The code following makes H1 tags look smaller*/       

 

}



h1, h2, h3, h4, h5, h6 { 

color: #000000; 

font-size : 11px; 

text-decoration: none; 

font-family: arial, helvetica, sans-serif;

}























/*This is the rounded corner ------------------------------------------------*/













table.moduletable-right{

	width: 100%;

	margin-bottom: 5px;



	padding: 0px;

border-spacing: 0px;

	border-collapse: collapse;

        border: 0px solid orange;



background-repeat: no-repeat; 

background-position: 

bottom;	





}



table.moduletable-right th {







background-image: url(../images/greyblue.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 





         color: #6C6A6A;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;





}



table.moduletable-right td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

margin-top: 5px;

	font-weight: normal;

border-right: 1px solid #C0C0C0

border-left: 1px solid #C0C0C0

















}





/*This is the default for tables-------------------------------------------------------------*/









table.moduletable-default {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

        border: 1px solid #C0C0C0;

	

}



table.moduletable-default th {

	background-color: #E7E7E7;

border-top: thin solid #3879A7

	color: black;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

        border-bottom: medium solid #3879A7

       

	

}



table.moduletable-default td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;



       

 

}







/*This is the default for tables testing Sept 8-------------------------------------------------------------*/









table.moduletable-sept {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-sept th {

	





background-image: url(../images/grey.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-sept td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}





/*This is the no border no nothing module-------------------------------------------------------------*/









table.moduletable-nothing {

	width: 100%;

	}



table.moduletable-nothing th {

	







background-repeat: no-repeat; 

background-position: 

center; 	



         



        



       

	

}



table.moduletable-nothing td {

	

       

 

}







/*This is the lightblue8-------------------------------------------------------------*/









table.moduletable-lightblue {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-lightblue th {

	





background-image: url(../images/lightblue.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-lightblue td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}









/*This is the green8-------------------------------------------------------------*/









table.moduletable-green {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-green th {

	





background-image: url(../images/green.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-green td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}







/*This is the purple8-------------------------------------------------------------*/









table.moduletable-purple {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-purple th {

	





background-image: url(../images/purple.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-purple td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}





/*This is the darkblue8-------------------------------------------------------------*/









table.moduletable-darkblue {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-darkblue th {

	





background-image: url(../images/darkblue.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-darkblue td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}









/*This is the red8-------------------------------------------------------------*/









table.moduletable-red {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-red th {

	





background-image: url(../images/red.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-red td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}



/*This is the yellow8-------------------------------------------------------------*/









table.moduletable-yellow {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

        border-collapse: collapse;

border-bottom: 1px solid #C0C0C0;

        	

}



table.moduletable-yellow th {

	





background-image: url(../images/yellow.gif) ;

background-repeat: no-repeat; 

background-position: 

center; 	

 



         

color: white;

	text-align: left;

	padding-top: 4px;

	padding-left: 18px;

	height: 21px;

	font-weight: bold;

	font-size: 12px;

border-bottom: thin solid #cccccc

       



       

	

}



table.moduletable-yellow td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

border-collapse: collapse;

border-spacing: 0px;

border-left: 0.03em solid #E7E7E7;

border-right: 0.03em solid  #E7E7E7;



 	



       

 

}
