/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
body
{
	margin:					0px;
	padding:				0px 0px;
	
	background-color:		#ffcc9a;

	/*	Default text styles	----------------------------*/
	font-family:			georgia,verdana,sans serif;
	color:					gray;

	background-image:		url(../images/bg.gif);
	background-repeat:		no-repeat;

}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a
{
	color:					#006699;
}

a:hover
{
	color:					#FF6600;
}

/*---------------------------------------------------------------------------------------------------------
//	Active Imagination structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#center-x
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	width:					890px;
	background-color:		white;
}

#header
{
	width:					890px;
	height:					60px;
}

#header table
{
	width:					100%;
}


table#body
{
	width:					890px;
}

col#col-left
{
	width:					260px;
}

col#col-content
{
	width:					auto;
}

/*	See sectionnav CSS tempaltes for td#left	*/

/*	Optional sitebar	*/
td#right
{
}

td#content
{
	width:					auto;
	padding:				26px 18px;
	width:					581px;
}

.caption-right
{
	float:					right;
	margin:					0px 0px 20px 20px;
}

#popup
{
	margin:					10px 15px;
	padding:				20px;
	background-color:		white;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer
{
	clear:					both;
	background-color:		#ff6600;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:			bold;
	font-size:				11px;
	line-height:			16px;
	color:					#fff;
	text-align:				center;
	height:					58px;
	
	background-image:		url(../images/curve-left.gif);
	background-repeat:		no-repeat;
}

#footer p
{
	margin-top:				0px;
	padding-top:			10px;
	display:				block;
	font-size:				10px;
	color:					#fff;
}

#footernav
{
	font-size:				11px;
	padding-top:			0px;
	line-height:			18px;
}

#footernav a
{
	color:					#fff;
}

#footer li
{
	line-height:			16px;
	float:					left;
	padding:				0px 0px;
}

#footer .divider
{
	font-size:				11px;
	line-height:			16px;
	margin:					0px 7px;
	color:					black;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	padding:				0px;
	margin:					0px;
	margin-bottom:			23px;

	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:			bold;
	font-size:				14px;
	color:					#FF6600;
	text-transform:			uppercase;
}

h1 a,h1 a:hover
{
	color:					#003366;
}

h2
{
	margin:					0em;
	padding:				0px;
	
	font-size:				12px;
	
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:			bold;
	color:					#FF6600;

}

.subtitle
{
	display:				block;
	margin:					0em;
	padding:				0px;
	
	font-size:				12px;
	
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:			bold;
	color:					#FF6600;

}

h2 a,
h2 a:hover
{
	color:					#FF6600;

}

h3
{
	margin:					0em 0em 0em 0em;
	line-height:			1.7em;
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:				16px;
}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px;
	line-height:			18px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;

	color:					#333333;
}

blockquote
{
	margin:					0em 3em;
	padding:				0em 0em;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
td#right
{
	width:					268px;
	border-left:			1px solid #DAE2E9;
	background-color:		#EDEDED;

	background-image:		url(../images/bg-right.gif);
	background-repeat:		no-repeat;

	padding-top:			17px;
}

.sidebar
{
	line-height:			1.4em;
	font-family:			verdana,sans serif;
	font-size:				0.65em;
}

.sidebar-content
{
	line-height:			18px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;

	color:					#333333;

	margin:					0px 30px;

}

.widget
{
	display:				block;

	margin:					10px 26px;
	padding-bottom:			6px;

	line-height:			15px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;
	color:					#000000;
	border-bottom:			1px solid #FF6600;
}

.widget a
{
	font-weight:			bold;
}

.widget-title
{
	color:					#003366;
	font-size:				13px;
	font-weight:			bold;
}

.widget-indent
{
	margin:					10px 20px 0px 20px;
}

.rave-bg
{
	background-image:		url(../images/bg-rave.gif);
	background-repeat:		no-repeat;
	margin-top:				10px;
	padding-top:			2px;
	padding-left:			25px;
}	

.rave-quote,
.rave-quote a,
.rave-quote a:hover
{
	
	font-family:			Times, "Times New Roman",serif;
	font-weight:			bold;
	font-style:				italic;
	color:					#006699;
	line-height:			18px;
	font-size:				14px;
	width:					160px;
	margin:					0px 20px 5px 0px;
}

.rave-name
{
	text-align:				right;

	font-family:			Times, "Times New Roman",serif;
	color:					#000000;
	line-height:			15px;
	font-size:				12px;
	margin:					0px 40px;
}

.rave-comp
{
	text-align:				right;

	font-family:			Times, "Times New Roman",serif;
	color:					#666666;
	line-height:			15px;
	font-size:				12px;
	margin:					0px 40px;
}


/*---------------------------------------------------------------------------------------------------------
//	Table Portfolio
//-------------------------------------------------------------------------------------------------------*/
table#port-button
{
	background-color:		white;
	width:					240px;
}

table.portfolio
{
	border-collapse:		collapse;
	empty-cells:			show;
	clear:					both;
	width:					800px;
	margin-top:				1px;

	margin-left:			25px;
}

table.portfolio td
{
	padding:				0.5em 1.0em;
	text-align:				left;
	font-family:			verdana,arial,sans serif;
	vertical-align:			top;
	font-size:				10px;
}

table.portfolio td.nav
{
	background-color:		white;
	width:					150px;
	padding:				0px;
	border-right:			2px solid white;

	background-image:		url(../images/port-back.gif);
	background-repeat:		repeat-x;
}

table.portfolio td.nav a,
table.portfolio td.nav a:hover
{
	color:					rgb( 100, 100, 100 );
}

table.portfolio td.display
{
	padding:				0px;
	background-color:		white;
	padding-left:			27px;
	padding-top:			5px;
}

table.portfolio td a,
table.portfolio td a:hover
{
	color:					black;
}

table.portfolio td .itemdesc a
{
		color:					#006699;
}

table.portfolio td .itemdesc a:hover
{
	color:					#FF6600;
}


table.portfolio td.nav ul
{
	margin:					0px;
	padding:				0px;
	list-style:				none;
}

li.main
{
	margin-top:				8px;
	width:					220px;
	font-weight:			bold;
	padding-top:			4px;
	color:					#003366!important;
}

li.sub
{
	width:					180px;
	font-weight:			normal;
	line-height:			14px;
	color:					#003366!important;
	margin-left:			26px;
}

li.main a,
li.main a:hover,
li.sub a,
li.sub a:hover
{
	line-height:			16px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;
	color:					#003366!important;
	font-weight:			bold;
}

li.sub a,
li.sub a:hover
{
	font-weight:			normal;
}


a.tab,
a.tab-active
{
	width:					55px;
	float:					left;
	padding:				4px 8px;
	text-align:				center;

	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;
	color:					#003366!important;
	border-right:			1px solid white;
}

a.tab-active
{
	background-color:		rgb( 215, 215, 215 );
}

#displaybox
{
	border:					1px solid #003366;
	margin-top:				5px;
	background-color:		white;
}

#itemnavbar
{
	padding:				14px 10px;
	text-align:				left;

	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				12px;
	color:					#333333!important;
	font-weight:			bold;
}

#itemnavbar a
{
	color:					#003366!important;
}

.itemtitle
{
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				12px;
	color:					#003366!important;
	font-weight:			bold;
	margin:					0 13px 3px;
	line-height:			15px;
}

.itemdesc
{
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	line-height:			15px;
	font-size:				11px;
	color:					#333333!important;
	font-weight:			normal;
	margin:					0 13px 15px;

}

table#displayport td
{
	border-bottom:			1px solid #003366;
	width:					530px;
	height:					300px;
	overflow:				hidden;
	text-align:				center;
	padding:				0px;
	display:				table-cell; 
	vertical-align:			middle;
	position:				relative
}

a.morebutton
{
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	width:					230px;
	text-align:				center;
	color:					#006699!important;
	background-color:		#E8E8E8;
	border:					1px solid #003366;
	display:				block;
	height:					20px;
	line-height:			20px;
	font-weight:			bold;
	font-size:				11px;
	border-bottom:			none;
}

.navtree
{
	margin:					0px 9px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	color:					#333333;
	
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:				0.70em;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	color:					#333333;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	font-size:				11px;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	font-size:				10px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	color:					#333333;
}

/*---------------------------------------------------------------------------------------------------------
//	Table Display
//-------------------------------------------------------------------------------------------------------*/
table.display
{
	border-collapse:		collapse;
	empty-cells:			show;
}

table.display td
{
	vertical-align:			top;
	line-height:			15px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;
	color:					#333333;

	width:					200px;
}

/*---------------------------------------------------------------------------------------------------------
//	Table Contact
//-------------------------------------------------------------------------------------------------------*/
table.contact
{
	border-collapse:		collapse;
	empty-cells:			show;
}

table.contact td
{
	vertical-align:			top;
	line-height:			15px;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;
	color:					#333333;
	padding-right:			20px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	line-height:			26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:				11px;
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	DHTML menu styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
ul.menublock,
ul.submenublock
{
	/*	Do not modify		----------------------------*/
	position:				absolute;
	z-index:				1;
	visibility:				hidden;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	display:				none;
	
	/*	Customizeable options	------------------------*/
	width:					140px;
	background-color:		#E1E1E1;
	border:					1px solid #db5e1d;
	margin-left:			-1px;
	border-top:				none;
c	border-top-width:		10px;
	background-repeat:		no-repeat;
	background-position:	top right;
	margin-top:				-1px;
}

ul.submenublock
{
	border-top:					1px solid #db5e1d;
	margin-top:					1px;
	margin-left:				0px;
}

/*	Do not modify	*/
ul.menublock li, ul.submenublock li
{
	z-index:				1;
	display:				inline;
}

ul.menu-learning
{
	margin-left:			-63px;
}

ul.menublock a,
ul.submenublock a
{
	z-index:				1;
	display:				block;
	width:					auto;
	height:					22px;
	padding:				0px 10px;
	line-height:			22px;
	white-space:			nowrap;
	font-weight:			bold;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica;
	font-size:				11px;
	color:					#db5e1d;
}

.menublock a:hover,
.menu-learning a:hover,
.submenublock a:hover,
a.highlight
{
	z-index:				1;
	background-color:		#db5e1d;
	color:					white;
}

/*	Makes arrow indicator for links with submenu	*/
a.showsub,
a.showsub:hover,
a.highlight
{
	z-index:				1;
	background-image:		url(../search/index.php-4.html);
	background-position:	center right;
	background-repeat:		no-repeat;
	text-decoration:		none;
}

/*	Menu item mouseover	*/
a.showsub:hover,
a.highlight
{
	background-image:		url(../search/index.php-3.html);
	text-decoration:		none;
}



/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	do not underline links	*/
a
{
	text-decoration:		none;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					0px;
}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}

.footer_text_end
{
	background-color:		#ffcc9a;
	color:					white;
	text-align:				center;
	font-size:				10px;
	font-family:			"trebuchet MS",verdana,sans-serif;
	line-height:			24px
}