/* CSS Document */


html{
	height:100%;
}

body#portalBody{
	background-color:#005200;
	font-family:tahoma, arial, helvetica !important;
}


select .highlight{
	color: #981409;
}

form{
	margin: 0px;
}

select .back{
	background-color: #ebebeb;
}

.border{
	border: 1px solid black;
}

table.tabs td{
	font-size:9px;
}

table.tabs a:hover{
	font-size:9px;
}

table.tabs a:visited{
	font-size:9px;
}

table.tabs a:link{
	font-size:9px;
}

table.tabs a:active{
	font-size:9px;
}

a{
	color:#093A80;	
}

a.footer {
	font-size: 11px;
	color: #c8212b;
	text-decoration: none;
}

a.footer:hover {
	text-decoration: underline;
}

td.footer {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 20px;
	font-size: 11px;
	color: #000000;
}

/*hack to fix contentBox as a Container to recognize contents*/
.textbookStyles .contentBox{
	height:100%;
}

/****************************************************/
/**START CONTENT****************(content.css)********/
/****************************************************/


/*class=content removed from core jsp's so need to add this to the tempaltes*/
.content {
}

label {
	margin: 0px;

}

th {
	visibility:hidden;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;	
	text-align:left;	
}

th.show{
	visibility:visible;	
}

th a:link{
	color:#000;
}

th a:active{
	color:#000;
}

th a:hover{
	color:#000;
}

th a:visited{
	color:#000;
}

td {	
	padding: 2px 2px 2px 2px;	
}

input {	
}

img {
	border: 0px;
}

td.fieldname{
	width:130px;
}

hr{
	color:#000000;
	height: 1px;
	border: none;
	width: 100%;
}

.editorContainer{
	width:100%;	
}

.contentFrame {
}


a:active{
	color:#218a08;
	text-decoration:underline;
}

a:visited{
	color:#218a08;
	text-decoration:none;
}

a:hover{
	color:#218a08;
	text-decoration:underline;
}

a:link{
	color:#218a08;	
	text-decoration:none;
}


/****** COMMON HOME PAGE CLASSES - FCK EDITOR ********/
/****** & ICON BUTTONS *******************************/

.homeTitleBox{
	background-color:#2c3b46;
	color:#FFFFFF;
}

.homeContentBox, .iconButtonBox, .contentBoxBorderTitleBox{
	background-color:#3c515c;
	color:#fff;
}

.contentBoxBorder {
	border-left: 10px solid #3c515c;
	border-right: 10px solid #3c515c;
	border-bottom: 10px solid #3c515c;
}
.iconButtonBoxHighlight{
	background-color:#2f5e6a;	
}

.iconButton div, #housingStyles .categoryButtons{
	border-left:1px solid #8daab8 !important;
	border-top:1px solid #8daab8 !important;
	border-right:1px solid #3c515c !important;
	border-bottom:1px solid #3c515c !important;
	background-color:#567382;
}

.iconButtonHighlight div{
	border-left:1px solid #7eb8c6;
	border-top:1px solid #7eb8c6;
	border-right:1px solid #346875;
	border-bottom:1px solid #346875;
	background-color:#428696;
}

/********************************************/
/*** being used but change for core still ***/
/********************************************/

.contentLeftColumn {
	float: left;
}

.contentRightColumn {
	float: right;
}

.formFields{
	margin-bottom:1em;
}

#addBtns_participantQuestionsSurveyWrapper{
	clear:both;	
}

.tableHeaderBox{	
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px solid black;
	margin-bottom:5px;
	
}

.contactPageMapBox{
	display:inline;
	width:40%;
}

.successContentContainer, .newsContentContainer{
	margin-bottom:50px;	
}

.fieldName{
	vertical-align:top;
	width:100px;
	float:left;
}


/***********************************************/
/*MINI LOGIN STYLES         ********************/
/***********************************************/

.miniLoginContainer{
	color:#fff;
}

.miniLoginContainer .loggedIn .miniLoginContainerTitleBox{
 	display:none;
}

.miniLoginContainer .loggedOut .miniLoginContainerTitleBox{
}

.miniLoginContainer .loggedOut .miniLoginContainerTitleBox h3{
 	text-transform:none;
 	font-size:15px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.miniLoginContainer .miniLoginContainerContentBox{
}

.miniLoginContainer .welcomeBox{
	font-weight:bold;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	float:left;
	margin-left:5px;
	margin-right:5px;
	display:none;
}

.miniLoginContainer .messageBox{
	display:none;
}

.miniLoginContainer .optionsBox{
	display:none;
	clear:both;
	font-size:10px;
}

.miniLoginContainer .idContainer{
	float:left;
	margin-right:3px;
}

.miniLoginContainer .idTitleBox{
	float:left;
	font-size:10px;
	line-height:20px;
	vertical-align:bottom;
	margin-right:1px;
}

.miniLoginContainer .idFieldBox{
	float:left;
}
.miniLoginContainer .idFieldBox input{
	
	font-size:10px;
}

.miniLoginContainer .passwordContainer{
	float:left;
}

.miniLoginContainer .passwordTitleBox{
	float:left;
	font-size:10px;
	line-height:20px;
	vertical-align:bottom;
	margin-right:1px;
}

.miniLoginContainer .passwordFieldBox{
	float:left;
}

.miniLoginContainer .passwordFieldBox input{
	font-size:10px;
}
.miniLoginContainer .submitButtonBox{
	display:inline;
}
.miniLoginContainer .submitButtonBox input{
	padding:0px 1px 0px 1px;
	margin:0px;
}

. A.loginFont:link{ 
	font-size:10px;
	color:#000;
	text-decoration: none;
}

.miniLoginContainer A.loginFont:active { 
	font-size:10px;
	
	text-decoration: underline;
}
	
.miniLoginContainer A.loginFont:visited{ 
	font-size:10px;
		color:#000;
	text-decoration: none
}
	
.miniLoginContainer A.loginFont:hover { 
	font-size:10px;
	text-decoration: underline;
	
}

.loginPageContainer .optionsBox{
	clear:both;
}
.loginPageContainer .passwordFieldBox{
	float:left;
}

.loginPageContainer .submitButtonBox{
	float:left;
}

.loginPageContainer A.loginFont:link{ 
	font-size:9px;
	font-weight:bold;
	text-decoration: none;
}

.loginPageContainer A.loginFont:active { 
	font-size:9px;
	font-weight:bold;
	text-decoration: underline;
}

.loginPageContainer A.loginFont:visited{ 
	font-size:9px;
	font-weight:bold;
	text-decoration: none
}
	
.loginPageContainer A.loginFont:hover { 
	font-size:9px;
	text-decoration: underline;
	font-weight:bold;
}

/********************************************/
/*** MINI NEWS LIST***************************/
/********************************************/


.miniNewsListTitleContainer{
	height:20px;
	background-color:#fff;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	line-height:20px;
	vertical-align:middle;
	padding:0px 3px 3px 5px;
	text-transform:normal;
}
.miniNewsListTitleLeft{
	float:left;
}

.miniNewsListTitleRight{
	float:right;
}
	
.miniNewsListTitleRight a.linkButton:link, .miniNewsListTitleRight a.linkButton:visited{
	color:#fff;
}

.miniNewsListTitleRight a.linkButton:hover, .miniNewsListTitleRight a.linkButton:active{
	color:#ffce04;
}


.miniNewsList{
	
	clear:both;
}

.miniNewsList .dateBox{
	font-weight:normal;
}

.miniNewsList .descBox{
	font-weight:bold;
}

.miniNewsLineBox{
	padding-left:15px;
	margin-left:11px;
	background-image:url(/images/bulletTriangle.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:.5em;
}





/********************************************/
/*** MINI Event LIST***************************/
/********************************************/


.miniEventListTitleContainer{
	height:20px;
	background-color:#fff;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	line-height:20px;
	vertical-align:middle;
	padding:0px 3px 3px 5px;
	text-transform:normal;
}
.miniEventListTitleContainer h3{
	font-size:12px;	
}
.miniEventsContentContainer{
	height:112px;
	padding-top:5px;
	background-color:#ededed;
}
.miniEventListTitleLeft{
	float:left;
	
}

.miniEventListTitleRight{
	float:right;
}
	
.miniEventListTitleRight a.linkButton:link, .miniEventListTitleRight a.linkButton:visited{
	color:#fff;
}

.miniEventListTitleRight a.linkButton:hover, .miniEventListTitleRight a.linkButton:active{
	color:#ffce04;
}


.miniEventList{
	height:104px;
	clear:both;
}

.miniEventList .dateBox{
	font-weight:normal;
}

.miniEventList .descBox{
	font-weight:bold;
}

.miniEventLineBox{
	padding-left:15px;
	margin-left:11px;
	background-image:url(/images/bulletTriangle.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:.5em;
}



/****************************************************/
/**START STATISTICS REPORT***************************************/
/****************************************************/

.statsColumnHeader {
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
	text-align: right;
}

.statsSectionHeader {
	font-weight: bold;
}

.statsSectionItem {
	text-indent: 20px;
}

.statsSubTotal {
	font-weight: bold;
}

.statsGrandTotalHeader {
	border-top: 1px solid black;
	font-weight:bold;
	font-size: 14px;
}

.statsGrandTotal {
	border-top: 1px solid black;
	font-weight:bold;
}

.statsCurrency {
	text-align: right;
}

.statsNumber {
	text-align: right;
}

/****************************************************/
/**BULK EMAIL STYLES*********************************/

/* bulkHeader styles */
.bulkHeader {
	display:inline;
	border-style: solid; 
	border-color: black;
	border-width: 1px;
	width: 100%;
	padding: 2px;
}

.bulkHeader div {
	display: inline;
}	

.leftDiv {
	text-align: left;
	width: 50%;
}

.rightDiv {
	text-align: right;
	width: 50%;
}

.halfBox{
	width:50%;
	float:left;
}

/* misc styles for bulkmail */
.rightAligned {
	text-align:right;
}

.nudgeDown {
	padding-top: 0.5em;
}

.messagePreview {
	border-style:solid;
	border-width: 1px;
	border-color: black; 
	width:100%;
	margin-bottom: 1em;
}

/**************************************************************/
/*  This section contains tags for errorpages   		      */
/**************************************************************/

.accessFooter{
	height:20px;
	background-color:#981409;
}

.errorPage{
	padding:10px;
}


/*******************************************/
/********** TAB DIV'S***********************/

.tabOff{
	padding:4px; 
	background-color:#dddddd;
	border: 1px solid #dddddd;
	float:left;
	color:#000;
	font-weight:normal;
	margin-left:1px;
	margin-right:1px;
	font-size:10px;
}

.tabOn{
	border: 1px solid #929292;
	border-bottom: 1px solid #fff;
	background-color:#fff;
	padding:4px;
	float:left;
	color:#ff0000;
	font-weight:bold;
	font-size:10px;
}

.tabbedContent{
	clear:both;
	margin-top:0px;
	
	border: 1px solid #929292;
	padding:10px;
	padding-top:20px;
	height:100%;
}

.tabbedContent iframe{
	width:100%;	
}

.tabbedContent .fullTable{
	width:100%;
}



/****************************************************/
/********************BUTTON CLASSES******************/


.buttonBox{
	float:left;	
}
.buttonsBox button{
	float:left;
}

.buttonBox form{
	float:right;
	margin:2px;
	margin-top:1em;
	width:10px;
}

.buttonPosition{
	float:right;
	width:200px;
	text-align:right;
}

.textPosition{
	float:left;
}

input.buttons {	
	font-size: 10px;
}

.upButton{
	background-image:url(../../images/buttons/butUpBack.gif);
	height:17px;
	width:22px;
	padding:0px;
}

.downButton{
	background-image:url(../../images/buttons/butDownBack.gif);
    width:22px;
	height:17px;
	padding:0px;
}

.printButton{
	width:21px;
	height:17px;
	padding:0px;
	background-image:url(../../images/buttons/butPrintBack.gif);
}

.emailButton{
	width:21px;
	height:17px;
	padding:0px;
	background-image:url(../../images/buttons/butEmailBack.gif);
}

.magButton{
	background-image:url(../../images/buttons/butMagBack.gif);
	height:17px;
	width:22px;
	padding:0px;
}
/****************************HEADER********************************/
/******************************************************************/

/* controls HEADER (ie. headerTitle and viewButtons area */
.headerContainer {
	margin-top:10px;
	height:100%;
	margin-bottom:15px;
}

.headerTitle{
	
}
/* controls TITLE */
.headerContainer .headerTitle h1 {
	color:#004900;
	font-family:tahoma, Arial, Helvetica, sans-serif; 
	font-size:18px;
	font-weight:normal;
	float:left;
	text-transform:normal;
}

/* controls BUTTONS (ie. print, etc.) */
.viewButtons {
	float:right;
}

.contentFooterContainer{
	clear:both;
	float:right;
}

.contentImageViewEditButton{
	float:right;	
}

.tableFooterBox{
	margin-top:8px;	
}

.tableFooterBox .buttonBox{
	display:inline;	
}


.formFields{
	margin-bottom:1em;
}

.boxHeaderBox{
	font-weight:bold;
	margin-bottom:1em;
}

.boxContentBox{
	text-align:center;
}

.contentButtonsContainer{
	margin-bottom: 8px;
	text-align:right;
	width:100%;
}


.contentButtonsContainer form{
	float:right;
	margin:3px;
}



.contentButtonContainerBottom {
	text-align:left;
	width:100%;
	margin-top:5px;
}

.contentButtonContainerBottom  form{
	float:left;
	margin:3px;
}

.subHeaderContainer {
	/*font-weight:bold;*/
	padding-bottom:2px;
	border-bottom:1px solid black;
	margin-bottom:8px;
}

/* controls TITLE */
.subHeaderTitle {
	float:left;
	font-weight:bold;
	text-transform:uppercase;
}

/* controls BUTTONS (ie. print, etc.) */
.subHeaderButtons {
	position:relative;
	bottom:6px;
	float:right;
}


/********************GENERAL MENU STUFF***************************/
/*****************************************************************/

.menuContainer {
	width:100%;
	
}

.menuContainer .buttonBox{
	float:right;
}

.menuContainer .itemsBox{
	float:left;
	
}



/********************VERTICAL MENU********************************/
/*****************************************************************/



.BSvertMenu{
	background-color:#ededed;
	height:100%;
	position:relative;
	left:-10px;
}

.BSvertMenu ul li a {
}

.BSvertMenu ul {
	margin-top:1em;	
	
		
}

.BSvertMenu ul li{
	list-style:url(/images/bulletTriangle.gif);
	margin-bottom:.5em;
}

.BSvertMenu ul li a:link {
	text-decoration: none;
}	

.BSvertMenu ul li a:active {
	text-decoration: underline;
}

.BSvertMenu ul li a:visited {
	text-decoration: none;
}

.BSvertMenu ul li a:hover {
	text-decoration: underline;
}

.BSvertMenu ul .offline {
	font-style: italic;
}

.BSvertMenu ul ul {
	list-style-image:none;
	list-style-type:square;
	margin-top:.5em;
}

.BSvertMenu ul ul li {
	
}

.BSvertMenu ul ul li a:link {
	text-decoration: none;
}

.BSvertMenu ul ul li a:active {
	text-decoration: underline;
}

.BSvertMenu ul ul li a:visited {
	text-decoration: none;
}

.BSvertMenu ul ul li a:hover {
	text-decoration: underline;
}

.BSvertMenu ul ul ul{
}

.BSvertMenu ul ul ul li {
}

.BSvertMenu ul ul ul li a:link {
	text-decoration: none;
}

.BSvertMenu ul ul ul li a:active {
	text-decoration: underline;
}

.BSvertMenu ul ul ul li a:visited {
	text-decoration: none;
}

.BSvertMenu ul ul ul li a:hover {
	text-decoration: underline;
}

.BSvertMenu ul ul ul ul{
}

.BSvertMenu ul ul ul ul li {
}

.BSvertMenu ul ul ul ul li a:link {
	text-decoration: none;
}

.BSvertMenu ul ul ul ul li a:active {
	text-decoration: underline;
}

.BSvertMenu ul ul ul ul li a:visited {
	text-decoration: none;
}

.BSvertMenu ul ul ul ul li a:hover {
	text-decoration: underline;
}

/*highlights the li*/
  .BSvertMenu ul ul ul ul li.highlight{
}

/*highlights the div contained in the li*/
 .BSvertMenu ul ul ul ul li .highlight{
}

/*highlights the a tag in the li in the div (view side only)*/
 .BSvertMenu ul ul ul ul a.highlight:hover{
}

 .BSvertMenu ul ul ul ul a.highlight:active{
}

.BSvertMenu ul ul ul ul a.highlight:link{
}

.BSvertMenu ul ul ul ul a.highlight:visited{
}


	
/********************HORIZONTAL MENU*****************************/
/*****************************************************************/
/*This is a plain non styled horizontal menu*/

.horizMenuPlain{
	border-bottom:1px solid #999;
	padding-bottom:3px;
	
	
}

.horizMenuPlain ul li a {

}

.horizMenuPlain ul{
	width:100%;
	margin:0px;
	padding:0px;
	line-height:15px;
	vertical-align:middle;
	padding-bottom:5px;
	padding-left:2px;
	margin-left:9px;
	
	
}

.horizMenuPlain ul li{
	float:left;
	list-style-type:none;
	margin:0em 1.5em 0em 0em;

}

.horizMenuPlain ul li a:link {
	text-decoration: none;
}

.horizMenuPlain ul li a:active {
	text-decoration: underline;
}

.horizMenuPlain ul li a:visited {
	text-decoration: none;
}

.horizMenuPlain ul li a:hover {
	text-decoration: underline;
}




/*highlights the li*/
.horizMenuPlain li.addItemHighlight{
	
	
}

/*highlights the div contained in the li*/
.horizMenuPlain li.addItemHighlight{
	border:1px solid #3081E2;
	padding:0px 4px 0px 4px;
}

/*highlights the a tag in the li in the div (view side only)*/
.horizMenuPlain ul li a.addItemHighlight:hover{
	color:#3081E2;
}

.horizMenuPlain ul li a.addItemHighlight:active{
	color:#3081E2;
}

.horizMenuPlain ul li a.addItemHighlight:link{
	color:#3081E2;
}

.horizMenuPlain ul li a.addItemHighlight:visited{
	color:#3081E2;
}



/*THIS HIGHLIGHTS THE CURRENT MENU ITEM CHOSEN link (view side only has link)*/
.horizMenuPlain ul a.highlight:hover{
	color:#ffce04;
}

.horizMenuPlain ul a.highlight:active{
	color:#ffce04;
}

.horizMenuPlain ul a.highlight:link{
	color:#ffce04;
}

.horizMenuPlain ul a.highlight:visited{
	color:#ffce04;
}



.horizMenuPlain ul ul {
	position:absolute;
	/******PLAY WITH BELOW TO GET POITIONING OF CHILD TO FOLLOW PARENT OR OTHER CUSTOM INDENT*************/
	margin:5px;
	left:0px;
	margin-top:5px;
}

.horizMenuPlain ul ul li {
	font-weight:normal;
}

.horizMenuPlain ul ul li a:link {
	text-decoration: none;
	color:#000;
}

.horizMenuPlain ul ul li a:active {
	text-decoration: underline;
	color:#000;
}

.horizMenuPlain ul ul li a:visited {
	text-decoration: none;
	color:#000;
}

.horizMenuPlain ul ul li a:hover {
	text-decoration: underline;
	color:#000;
}

.horizMenuPlain ul ul ul {
	position:absolute;
	margin:0px;
	left:0px;
}

.horizMenuPlain ul ul ul li {
}

.horizMenuPlain ul ul ul li a:link {
	text-decoration: none;
}

.horizMenuPlain ul ul ul li a:active {
	text-decoration: underline;
}

.horizMenuPlain ul ul ul li a:visited {
	text-decoration: none;
}

.horizMenuPlain ul ul ul li a:hover {
	text-decoration: underline;
}

.horizMenuPlain ul ul ul ul {
	position:absolute;
	margin:0px;
	left:0px;
}

.horizMenuPlain ul ul ul ul li {
}

.horizMenuPlain ul ul ul ul li a:link {
	text-decoration: none;
}

.horizMenuPlain ul ul ul ul li a:active {
	text-decoration: underline;
}

.horizMenuPlain ul ul ul ul li a:visited {
	text-decoration: none;
}

.horizMenuPlain ul ul ul ul li a:hover {
	text-decoration: underline;
}

.horizMenuPlain ul ul ul ul .offline {
	font-style: italic;
}

/*highlights the li*/
.horizMenuPlain ul ul ul ul li.highlight{
}

/*highlights the div contained in the li*/
.horizMenuPlain ul ul ul ul li .highlight{
}

/*highlights the a tag in the li in the div (view side only)*/
.horizMenuPlain ul ul ul ul a.highlight:hover{
}

.horizMenuPlain ul ul ul ul a.highlight:active{
}

.horizMenuPlain ul ul ul ul a.highlight:link{
}

.horizMenuPlain ul ul ul ul a.highlight:visited{
}

.horizMenuPlain  .offline a:link{ 
	font-style:none;
	text-decoration: none;
}

.horizMenuPlain .offline a:active { 
	font-style:none;
	text-decoration: underline;
}
	
.horizMenuPlain .offline a:visited{ 
	font-style:none;
	text-decoration: none
}
	
.horizMenuPlain .offline a:hover { 
	font-style:none;
	text-decoration: underline;
}


/********************TABBED MENU**********************************/
/*****************************************************************/

.tabbedMenuContent{
	position:relative;
	height:100%;
	/*margin-left:2px;*/
	left: -2px;
	
	width:664px;
	clear:both;
	z-index:0;
	/*margin-bottom:2px;*/
	border-top:5px solid #258b08;
	padding:5px 15px 15px 15px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	
}


.tabbedMenuContent .BSborderBox{
	clear:both;
	padding:5px;
	
}

.tabbedMenu{
	position:relative;
	margin-bottom:0px;
	width:99%;
	z-index:2;
	/*padding-left:2px;*/
	clear:both;
}

.tabbedMenu ul{
	position: relative;
	height: 20px;
	padding: 0px;
	white-space: nowrap;
}

.tabbedMenu li { 
	float:left;
}

.tabbedMenu ul li div{
	float:left;
	vertical-align:middle;
	line-height:22px;
	
}

/*1st level elements*/
.tabbedMenu ul
{
	margin:0px;
	border-left:1px solid #ccc;
}

.tabbedMenu ul li { 
	float: left;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background-image:url(../../images/backTabPattern.gif);
	padding: 0px 0.4em;
	text-align:center;
	border-right:1px solid #ccc;
	border-top:1px solid #e5e5e5;
	
}

.tabbedMenu ul a,
.tabbedMenu ul a:link,
.tabbedMenu ul a:visited
{
	color:#000;
	text-decoration: none;
}

.tabbedMenu ul a:hover,
.tabbedMenu ul a:focus,
.tabbedMenu ul ul a:active
{
	text-decoration: underline;
	color:#000;
}


/*Highlights the view side li*/
.tabbedMenu ul li.highlight{
	background-color:#258b08;
	background-image:none;
	font-weight:bold;
}
.tabbedMenu ul li a.highlight{
	color:#fff !important;
}

.tabbedMenu ul ul li a.highlight{
	color:#ffce04 !important;
}

.tabbedMenu ul li a.highlight:hover{
	color:#fff;
}


/*current Link*/
.tabbedMenu ul a#current,
.tabbedMenu ul a#current:link,
.tabbedMenu ul a#current:visited { font-weight: bold; }




/*Second and subsequent levels*/
.tabbedMenu ul ul{
	position: absolute;
	margin:0em;
	left:0px;
	top:3em;
	padding:0px;
	font-weight:normal;
	border:0px;
	padding-left:6px;
	
}




.BSsubFullWidthContainer{
	
}

.BSsubFullWidthContainer .tabbedMenuContent{
	width:917px;
	border-right:1px solid #ccc;

}
.BSsubFullWidthContainer .tabbedMenu ul ul{
	width: 934px;
	
	
}

/* width of second level menu */
.BSsubContainer .tabbedMenu ul ul{
	width:691px;
	
}


.tabbedMenu ul ul li {
	margin:0px 1.0em 0px 0em;
	background-image:none;
	font-weight:bold;
	padding-top:2px;
	border:0px;
}
.tabbedMenu ul ul li div{
	line-height:15px;	
}


.tabbedMenu ul ul li .addItemHighlight{
	line-height:15px;
}

/*highlights the div contained in the li*/
.tabbedMenu ul ul li.addItemHighlight{
	border:1px solid #3081E2;
	padding:0px .5px 0px 1px;
	background-image:none;
	margin-top:2px;
	
	
}

.tabbedMenu ul li.addItemHighlight{
	background-image:url(../../images/backTabPatternAddItem.gif);
}
	
/*highlights the a tag in the li in the div (view side only)*/
.tabbedMenu ul li a.addItemHighlight:hover{
	color:#444;
}

.tabbedMenu ul li a.addItemHighlight:active{
	color:#444;
}

.tabbedMenu ul li a.addItemHighlight:link{
	color:#444;
}

.tabbedMenu ul li a.addItemHighlight:visited{
	color:#444;
}

/*highlights the a tag in the li in the div (view side only)*/
.tabbedMenu ul ul li a.addItemHighlight:hover{
	color:#3081E2;
}

.tabbedMenu ul ul li a.addItemHighlight:active{
	color:#3081E2;
}

.tabbedMenu ul ul li a.addItemHighlight:link{
	color:#3081E2;
}

.tabbedMenu ul ul li a.addItemHighlight:visited{
	color:#3081E2;
}



/*highlights the li*/
.tabbedMenu ul ul li.highlight{
	background-color:transparent;
}

/*highlights the div contained in the li*/
.tabbedMenu ul ul li .highlight{
	font-weight:bold;
	font-size:11px;
}

.tabbedMenu ul ul li a,
.tabbedMenu ul ul li a:link,
.tabbedMenu ul ul li a:visited
{
}

.tabbedMenu ul ul a:hover,
.tabbedMenu ul ul a:focus,
.tabbedMenu ul ul a:active

{
	color:#ffce04;
	text-decoration: underline;
}

/*current Link*/
.tabbedMenu ul ul a#subcurrent,
.tabbedMenu ul ul a#subcurrent:link,
.tabbedMenu ul ul a#subcurrent:visited {
	font-weight: bold;
}

/*THIS HIGHLIGHTS THE CURRENT MENU ITEM CHOSEN link (view side only has link)*/
.tabbedMenu ul ul a.highlight:hover{
	font-weight:bold;
	font-size:11px;
	color:#ffce04;
}

.tabbedMenu ul ul a.highlight:active{
	font-weight:bold;
	font-size:11px;
	color:#ffce04;
}

.tabbedMenu ul ul a.highlight:link{
	font-weight:bold;
	font-size:11px;
	color:#ffce04;
}

.tabbedMenu ul ul a.highlight:visited{
	font-weight:bold;
	font-size:11px;
	color:#ffce04;
}



/**************************************************************/
/*                       CONTACT STYLES                       */
/**************************************************************/

.contactStyles .addressContainer {
}

.contactStyles .telephoneContainer {
	margin-top:13px;
}

.contactStyles .emailContainer {
	margin-top:13px;
}

.contactStyles .hoursContainer {
	margin-top:13px;
}



/**************************************************************/
/*                      BREADCRUMB                            */
/**************************************************************/
	
A.breadCrumbFont:link{ 
	color: #000;
	text-decoration: none;
}

A.breadCrumbFont:active { 
	color: #000;
	text-decoration: underline;
}
	
A.breadCrumbFont:visited{ 
	color: #000;
	text-decoration: none;
}
	
A.breadCrumbFont:hover { 
	color: #000;
	text-decoration: underline;
}

.breadcrumbContainer{
	margin-bottom:2px;
	margin-left:0px;
	float:right;
	padding-left:0px;
	font-size:11px;
}

.breadcrumb{
	padding-bottom:1px;
	margin-left:0px;
	padding-left:0px;
}

.breadcrumbList{
	margin-left:8px;	
}

.breadcrumb ul {
	margin-left: 0px;
	padding-left: 0px;
	border: none;
	vertical-align:middle;
	float:left;
	
} 


.breadcrumb ul li {
	background-repeat: no-repeat;
	font-size:10px;
	text-decoration: none;
	border: none;
	list-style: none;
	margin:0px;
	float:left;
	padding-left:0px;
	padding-right:4px;
}

/**not sure if this is still works*/
.breadcrumb ul li.first{

}



.breadcrumb ul li a {
	border-left:1px solid #D0CFCC;
	color:#2D0668;
	border: none;
	display: inline;
}

.breadcrumb ul li.offline a {
	margin-left: 10px;
	color:#000;
	font-style:italic;
	padding-top:0px;
	margin-top:0px;
	border: none;
	display: inline;
}

.breadcrumb ul li.first a {
	background-image: none;
	text-decoration: none;
	margin-left: 0px;
	padding-top:0px;
	margin-top:0px;
	border: none;
	display: inline;
}



/**************************************************************************/
/*************  CUSTOM BOOKSTORE ******************************************/
/**************************************************************************/
.siteSizeContainer{
	width:968px;	
}

.BSborderContainer{
	border:4px solid white;
	text-align:left;	
}

.BSborderContainerTD{
	padding:0px;
	margin:0px;
	background-color:#fff;
	border:4px solid #fff;
}


.BSheaderContainer{
	vertical-align:bottom;
	height:100%;
	margin-bottom:10px;
}

.BSheaderContainer input{
	font-size:10px;
	background-color:#fff;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #888888;
	
}

.BSheaderShort{
	width:704px;
	float:left;
	height:62px;
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:top;
}

.BSheaderLong{
	width:100%;
	height:62px;
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:top;
}

.BSmenuSearchContainer{
}

.BSmenuContainer{
	width:695px;
	height:21px;
	float:left;
	background-color:#fff;
	font-family: tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding-top:2px;
	font-weight:bold;
}

.BSmenuContainer ul{
	margin-left:5px;
}

.BSmenuContainer li{
	float:left;
	text-transform:normal;
	line-height:18px;
	vertical-align:middle;
	margin-right:30px;
}

.BSmenuContainer a:hover, .BSmenuContainer a:active{
	text-decoration:none;
}

/*highlights the li*/
 .BSmenuContainer ul li.highlight{
}

/*highlights the div contained in the li*/
.BSmenuContainer ul li .highlight{
 	 color:#009800;
 	
}

/*highlights the a tag in the li in the div (view side only)*/
.BSmenuContainer ul li a.highlight{
 	color:#009800 !important;
}

.BSshoppingCart{
	width:228px;
	height:63px;
	float:left;
	background-color:#005fa1;
	background-image:url(../../images/backCart.gif);
	padding:8px;
	padding-top:16px;
	color:#39727e;
	font-size:10px;
}

.BSshoppingCart .cartTitleBox{
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:1px;
}



.BShomeContainer{
	clear:both;
	margin-top:0px;
	width:100%;
	border-bottom:0px solid #666;
	height:300px;
}

.BShomeMainBox{
	width:696px;
	float:left;
		border-right:4px solid #000;
}

.BSsideContainer{
	width:245px;
	float:left;
	padding-left:3px;

}

.BSquickLinksContainer{
	float:left;
	background-color:#e8ffe8;
	
}


.BSquickLinksBox{
	border-left:2px solid #fff;
	border-right:3px solid #fff;
	width:227px;
	height:58px;
	float:left;
		background-color:#e8ffe8;

}

.BSquickLinksBox .BSquickLinksBoxTitleBox{
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	top:3px;
	left:4px;
	color:#197200;
	text-transform:uppercase;
	
}

 .BSquickLinksBox ul{
	margin-top:5px;
	margin-bottom:0px;
}

.BSquickLinksBox li{
	list-style:url(/images/bulletPlus.gif);
}



.BSmainAd{
	height:366px;
	margin-left:2px;
}
.BSmainAd img{
}

.BSsideAd{
	width:100%;
	background-color:#fff;


}

.miniNewsList, .BScontentContainer{
	background-color:#fff;	
}


.BSborderBox{
	border:1px solid #888;
	height:100%;
}

/* this is used as the BSborderBox*/
.miniNewsContentContainer{
	height:112px;
	padding-top:5px;
	background-color:#ededed;
}

.miniNewsListTitleContainer h3{
	font-size:12px;	
}
	
.BSfooterContainer{
	height:20px;
	margin-top:4px;
	color:#3d482f;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	line-height:18px;
	vertical-align:middle;
	clear:both;
	text-transform:normal;
}


.BSmenuContainer a:active{
	color:#f4c900;
	
}
.BSmenuContainer a:visited{
	color:#444;
	text-decoration:none;
}
.BSmenuContainer a:hover{
	color:#f4c900;
	
}
.BSmenuContainer a:link{
	color:#444;
	text-decoration:none;
}




.BSfooterContainer a:active{
	color:#fffc00;
}

.BSfooterContainer a:visited{
	color:#c8f6c0;
	text-decoration:none;
}

.BSfooterContainer a:hover{
	color:#fffc00;
	
}

.BSfooterContainer a:link{
	color:#c8f6c0;
	text-decoration:none;
}



.BSfooterContainer ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-left:5px;

}
.BSfooterContainer li{
	float:left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.BSfacultyButtonBox{
	background-color:#228b11;

}

.BSfacultyButtonBox a{
	color:#fff !important;
}

.BSfacultyButtonBox a:active, .BSfacultyButtonBox a:hover{
	color:#fffc00 !important;
}
.box_copyright{
	color:#FFFFFF;
}
/*.BSfooterContainer ul li:before { content: "· "; }*/ 
/*.BSfooterContainer ul li:first-child:before { content: ""; margin-left:-10px}
.BSfooterContainer ul li:first-child{ background-image:none;}
*/
/*IE workaround*/
/*All IE browsers*/
 html .BSfooterContainer ul li
{
	
	background-repeat: no-repeat;
	background-position: .5em 50%;
	padding: 0em 1em 0em 2em;
	margin: 0em 0em 0em -1em;
	
}

/*Win IE browsers - hide from Mac IE\*/
* html .BSfooterContainer ul{ height: 1%; }

* html .BSfooterContainer ul li
{
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html .BSfooterContainer ul li:first-child { background-image: none; }

.BSlogoBox{
	width:40%;
	float:left;
	padding:8px;
	margin-top:2px;
	padding-bottom:0px;
}

.BSloginBox{
	margin-right:0px;
	padding-top:0px;
	background-color:transparent;
}


.BScheckoutLoginBox{
	float:right;
	margin-right:10px;
	padding-top:5px;
	width:250px;
}

.BSloginBox .miniLoginContainer .loggedOut{
	display:none;
}

.BSsearchBox{
	font-size:11px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
}

.BSsearchContainer{
	height:20px;
	width:233px;
	float:left;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	background-color:#fff;
	padding-top:3px;
	padding-left:14px;
}

.BSsearchContainer .goButton{
	font-weight:bold;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.BSsearchBox a:hover .goButton{
	color:#fff;
	text-decoration:none;
}

.BSsearchContainer input{
	border:1px solid #fff;
	background-color:#E3E3E3;
	
}

.BSnewsContainer{
	width:245px;
	background-color:#fff;
}

/**************************** Sub Pages **************************************/


.BSsubContainer{
	width:664px;
	float:left;
	border-right:4px solid #000;
	/*background-color:#fff;*/
}
.BSsubFullWidthContainer{
	width:100%;
}

.BSsubFullWidthTitleContainer, .BSsubTitleContainer{
	background-color:#e8ffe8;
	padding:3px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	
	text-transform:normal;
	color:#004900;
	height:34px;
	margin-bottom:5px;
}

.BSsubTitleContainer{
	
	width:690px;
}
.BSsubFullWidthTitleContainer .BSborderBox, .BSsubTitleContainer .BSborderBox{
	padding:5px 10px 5px 10px;
	border:1px solid #73445f;
}

.BSsubFullWidthTitleContainerTitleBox, .BSsubTitleContainerTitleBox{
	font-size:23px;
	line-height:33px;
	vertical-align:middle;
	float:left;
}

.BSbreadcrumbContainer{

	float:right;
	text-align:left;
	margin-top:3px;
	color:#000;
}

.BSsearchContainer a:link, .BSsearchContainer a:visited{
	color:#000;
}

.BSsearchContainer a:hover, .BSsearchContainer a:active{
}

.BSvertMenu{
	float:left;
	width:20%;
	padding-top:10px;
}

.BSvertContentContainer{
	float:left;
	width:80%;
	
}




.screenPrintWidth{
	width:100%;	
}

/**************************************************************/
/*                       USER STYLES                          */
/**************************************************************/

.userStyles{
	height:100%;
}

.userStyles #bannerAddrGroup {
	float:left;
	width:50%;
}

.userFieldGroupHeader {
	font-weight: bold;
}

.userStyles #addrGroup {
	float:left;
	width:50%;
}

.userFieldGroup {

}



.userContactAdmin .pendingApprovalBox{
	float:left;
	display:none;
}

.userContactAdmin .totalUsersBox{
	float:left;
	display:none;	
}

.userAdmin .totalUsersBox{
	float:left;
}

.userAdmin .pendingApprovalBox{
	float:left;
}



.userStyles h3{
	text-transform:uppercase;	
}

.userStyles .notEditable {
	font-weight: bold;
}

.userStyles #sap_defaultGroup {
	height: 100%;
	float: left !important;	
	width: 59% !important;
}

.registerPage .userStyles .col1{
	width:130px;	
}

.userStyles .col1{
	width:200px;	
}

.userStyles #sap_defaultGroup .col1{
	/*width:155px;*/
}

.userStyles #sap_optionalInfoGroup {
	height: 100%;
	float: right !important;
	width: 37% !important;
	background-color: #ddd;
	padding:1em;
}

.userStyles #sap_optionalInfoGroup .col1{
	width:150px;
}

.userStyles #sap_optionalInfoGroup .col2 input, .userStyles #sap_optionalInfoGroup .col2 select {
	width:150px;
}

.userStyles .titleBox{
	background-color:#bbb;
	padding:.25em;
	font-weight:bold;
	height:100%;
}
.userStyles .contentBox{
	padding:.5em !important;
	background-color:#ebebeb;
	height:100%;
	margin-bottom:1em;
}

.userStyles .buttEditUserEvents{
	display:none;	
}

.userStyles .passwordContainer{
	width:410px;
	margin-top: 2em;
}

.userStyles .userProfilePage .passwordContainer{
	width:500px;
	margin-top: 2em;
}

.myAccountView .passwordContainer{
	width:500px !important;
	margin-top: 2em;
}

/***********************************************/
/*********ERROR STYLES ************************/
/***********************************************/
.errorStyles td{
	font-size:11px;	
}

.focusBoxTop{
	width:100%;
	height:1px;
	background-image: url(../../images/common/spacer.gif);
}
.focusBoxBottom{
	width:100%;
	height:1px;
	background-image: url(../../images/common/spacer.gif);
	margin-bottom:0em;
}


.focusBox{
	background-color:#cdeef8;
}

.focusBox{
	padding:0px;
	width:100%;
	margin:0px;
	background-color:#fff;
}
.focusBox .backDrop{
	background-color: #ebebeb;
}

.focusBox .actionBox{
	margin-top:0px;
	margin-bottom:0px;
}

.contentImage{
}
img.contentImage{
	border:1px solid #a7a7a7;
	padding:3px;
}

.picRight{
	float:right;
}

.picLeft{
	float:left;
	margin-right:10px;
}
.testimonialBox{
	padding:13px;
	background-color:#ecf7f2;
	position:relative;
	margin-bottom:10px;
}
.noBack{
}
.testimonialText{
	font-style:italic;
	font-size:14px;
	font-family:georgia, serif;
	width:99%;
}

.personDetails{
	font-style:normal;
	text-align:right;
}

.personDetails .name{
	font-weight:bold;
}
.personDetails .location{
 	font-style:italic;
}
.personDetails .workshop{
	text-align:left;
}


.picText{font-size:9px; text-align:center;}