/***************************************/
HTML {
	BORDER-RIGHT: 0pt; 
	PADDING-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: inherit
}
BODY {
	BORDER-RIGHT: 0pt; 
	BACKGROUND: url(../images/bg.JPEG) left top repeat-x #f0f6ea; 
	PADDING-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 80%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline;
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: verdana;
}
DIV {
	BORDER-RIGHT: 0pt; 
	PADDING-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: inherit
}

A {
	BORDER-RIGHT: 0pt; 
	PADDING-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: inherit
}

IMG {
	BORDER-RIGHT: 0pt; 
	PADDING-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: inherit
}


UL {
	BORDER-RIGHT: 0pt; 
	PADDING-RIGHT: 0pt;
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: inherit
}

LI {
	BORDER-RIGHT: 0pt; 
	PADDING-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	PADDING-LEFT: 0pt; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 0pt; 
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: 0pt; 
	PADDING-TOP: 0pt; 
	BORDER-BOTTOM: 0pt; 
	FONT-FAMILY: inherit
}

A {
	CURSOR: pointer; 
	TEXT-DECORATION: none
}

A:HOVER {
	CURSOR: pointer; 
	TEXT-DECORATION: UNDERLINE;
}



h1 {
font-weight: bold;
font-size:11px;
color:#5c2d8c;
height: 30px;
padding: 5px 3px 0px 8px;
/*text-indent: 8px;*/
}

/************************************************************/
#pbs{
	height: 36px;
	width: 127px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/pbs_btn.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#pbs:hover{
	background-position: bottom left;
}

#pbs_active{
	height: 36px;
	width: 127px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/pbs_btn_active.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#pbs_active:hover{
	background-position: bottom left;
}

/************************/
#acc{
	height: 36px;
	width: 100px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/acc_btn.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#acc:hover{
	background-position: bottom left;
}

#acc_active{
	height: 36px;
	width: 100px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/acc_btn_active.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#acc_active:hover{
	background-position: bottom left;
}

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

#sfq{
	height: 36px;
	width: 173px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/sfq_btn.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#sfq:hover{
	background-position: bottom left;
}

#sfq_active{
	height: 36px;
	width: 173px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/sfq_btn_active.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#sfq_active:hover{
	background-position: bottom left;
}

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

#nb{
	height: 36px;
	width: 127px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/nb_btn.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#nb:hover{
	background-position: bottom left;
}

#nb_active{
	height: 36px;
	width: 127px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/nb_btn_active.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#nb_active:hover{
	background-position: bottom left;
}

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

#pt{
	height: 36px;
	width: 127px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/pt_btn.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#pt:hover{
	background-position: bottom left;
}

#pt_active{
	height: 36px;
	width: 127px;
	float:left;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/pt_btn_active.gif) top left no-repeat;
	display: block;
	margin: 0px 0px 0px 0px;
}

#pt_active:hover{
	background-position: bottom left;
}

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

#navBox{
	float:left;
	width: 830px;
	height: 36px;
	font-size:12px;
	border-bottom:solid 1px #CCC;
} 


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


#ptLogo {
	float:left;
}

#sageLogo {
	float: right;
	margin: -15px 0 0 0;
}

#divider1{
	float: left;
	height: 50px;
	color:#f0f6ea;
}

#mainContent {
  /*margin: 200px 12em 0 12em;  the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  padding: 0 2em 0 2em; /* padding here creates white space "inside the box." */
  border-top:solid 0px #CCC;
  float:left;
 /* width:1000px;*/
} 
#mainContent h1 { 
	/*margin-top: 0px;  Though unnecessary while there's a border on the #mainContent div, you may need to uncomment this rule if the borders are removed. This will zero the margins of the first element in the #mainContent div, avoiding margin collapse - a space between divs - in this case it will create unwanted whitespace above the layout. */
}

.clearfloat { /* 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 */
	clear:both;
    height:0;
	width: 100%;
    font-size: 1px;
    line-height: 0px;
}

#mainHeader{
float: left;
padding: 15px 0px 15px 0px;
margin-left:-3px;
}

#boxContainer{
	width: 795px;
	height: 208px;
	float:left;
}
#contentBox{
	width: 148px;
	height: 265px;
	float: left;
	margin-right: 9px;
	padding: 0px 0px 5px 0px;
	background-color: #FFF;
	border:solid 1px #EAEAEA;
}

#contentBox a {
	color:#F1811F;
	font-size: 10px;
	text-decoration:underline;
}

#contentBox a:hover {
	color:#097359;
}

.thumbBox {
	float:left;
	width: 148px;
	height: 82px;
	
}

.boxCopy{
	height: 110px;
	font-size:10px;
	color:#000000;
	float:left;
	padding: 5px 5px 0px 8px;
}

.boxLink{
	width:100%;
	text-align:left;
	padding: 0px 0px 0px 8px;
}



* html .boxLink{
	text-indent: 8px;
}

.clearVertical{
	float: left;
	padding-right: 10px;
}
/***********************************************************/

#container {
	PADDING-RIGHT: 0pt;
	PADDING-LEFT: 0pt; 
	PADDING-BOTTOM: 0pt; 
	MARGIN: 15px auto 0pt auto; 
	WIDTH: 900px; 
	COLOR: #444444; 
	PADDING-TOP: 0pt; 
	POSITION: relative;
	TEXT-ALIGN: left;

}

#swfContainer{
	width: 795px;
	padding-top: 20px;
	float:left;

	
}
#vidContainer{
	width: 795px;
	height:470;
	padding-top: 20px;
	float:left;
	background-color:#FFF;
}

#flvPlayer{
float:left;	
}
#accordBox{
	float:right;
	padding-right: 40px;
}


.subNavi a, a:visited a:hover{
	text-align:center;
	padding: 0 20px; 0 0;

}

#btnSelected{

z-index:5;
height:22px;
float:left;
background-color:#F1811F;
}

#notSelected{
	
z-index:5;
height:22px;
float:left;
/*background-color:#FF6600;*/
}

#notSelected a {
	
z-index:5;
height:22px;
float:left;
/*background-color:#FF6600;*/
}

#subnavBox{
float:left; 
padding-top:0px;
background-color:#717073; 
width:810px; 
height: 22px;
}



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

div#nav{
	float:left;
	width:145px;
	padding:10px 0;
	background:#333333; 
	}

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

.divider {
	height: 26px;
	margin-right: 5px;
	position: relative;
}

.sageGraphic{
width:900px;
height:50px;
float: left;
margin: 75px 0 0 -45px;
z-index: 500;
background: url(../images/sageGraphic.gif) top right no-repeat;
}

* html .sageGraphic{/*<>*/
width:900px;
height:50px;
float: left;
margin: 20px 0 0 -45px;
z-index: 500;
background: url(../images/sageGraphic.gif) top right no-repeat;
}

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

.sageGraphic2{
width:900px;
height:50px;
float: left;
margin: 20px 0 0 -45px;
z-index: 500;
background: url(../images/sageGraphic.gif) top right no-repeat;
}

* html .sageGraphic2{
width:900px;
height:50px;
float: left;
margin: 60px 0 0 -45px;
z-index: 500;
background: url(../images/sageGraphic.gif) top right no-repeat;
}


* targets Opera 9 & below (and perhaps future versions) - valid HTML & invalid XHTML */
#dis[disabled="true"]+p .sageGraphic2{
width:900px;
height:50px;
float: left;
margin: 100px 0 0 -45px;
z-index: 500;
background: url(../images/sageGraphic.gif) top right no-repeat;}



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

#footer {
	float:left; text-align:left; margin: 0px auto 0px auto; padding: 35px 15px 15px 15px; FONT-SIZE: 70%; width: 790px;
	/*height: 125px;
	
	position: fixed;
	bottom: 0px;
	z-index: 500;*/

}

#footer a {
	COLOR: #333333;
	
}

#footer a:hover {
	COLOR: #097359;

}

#footer{padding-bottom:10px;}
#footer .bluetext{color:#003958; font-weight:normal;font-size: 11px;}
#footer a, a:visited{color:#003958; font-weight:normal;font-size: 11px; margin:0; padding:0; text-decoration:underline;}
#footer a:hover, a:focus, a:active{color:#003958; font-weight:normal ;font-size: 11px; text-decoration:underline;margin:0; padding:0; }
#footer p {margin-bottom:10px; padding-left:10px;}

/****************************************************/
#switchcontent {
border:1px solid purple;
}
#switchcontent div {
color:orange; padding:10px;
}
div.headfoot {
height:30px;
padding:0;
background-color: grey;
color:red;
text-align:center;
border:1px solid purple;
border-left:0;
border-right:0;
}
#switchcontent a {
cursor:pointer;
}
#switchcontent li:hover {
color:red;
}
#switches {
width:400px;
margin:auto;
text-align:center;}
ul#switches li {
padding:0 20px;
float:left;
width:90px;
}