/** HEADER

	custom.css
	Terra Dotta
	Copyright 2009-2010.
	Please check for cross-browser compatibility prior to making changes
	MINIMUM BROWSER CHECK :: IE7,Firefox,Safari

 **/

/** CSS DOCUMENT **/

/** BODY AND OUTER WRAPPERS **/

	body {
		font-size:62.5%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0 auto;
		padding:0;
		background-color:#FFFFFF;
		color:#666666;
	}
	/** BASIC LINK COLORS **/
	a:link {
		color:#0000FF;
	}
	a:visited {
		color:#0066ff;
	}
	a:active {
		color:#0000FF;
	}
	a:hover {
		color:#0066ff;
	}
	#mainContainer {
		/** contains all page elements **/
		/** establish page width; center page in browser window **/
		margin:0 auto;
		padding:0;
		background-color:#FFFFFF;
		min-height:576px; /** does not work in IE7 **/
		width:850px;
	}
	#mainContainerInside {
		/** secondary main contaner **/
		/** may provide background image, color or padding **/
	}

/** HEADER **/

	#headerContainer {
		/** contains title, subtitle, and horizontal main menu **/
		width:100%;
		background-color:#CCCCCC;
	}
	#headerContainer #header1 {
		/** container for the site title **/
		background-color:#FFFFFF;
		color:#003399;
		padding:15px 20px;
		border-bottom:1px solid #003399;
	}
	#headerContainer #header1 h1 {
		/** site title **/
		font-size:1.8em;
		font-weight:normal;
		margin:0px;
		padding:0px;
		line-height:100%;
	}
	#headerContainer #header1 h1 a:link {
		color:#ffffff;
		text-decoration:none;
	}
	#headerContainer #header1 h1 a:visited {
		color:#ffffff;
		text-decoration:none;
	}
	#headerContainer #header1 h1 a:active {
		color:#ffffff;
		text-decoration:underline;
	}
	#headerContainer #header1 h1 a:hover {
		color:#ffffff;
		text-decoration:underline;
	}
	#headerContainer #header2 {
		/** container for the site subtitle **/
		background-color:#FFFFFF;
		padding:15px 20px;
		color:#ffffff;
	}
	#headerContainer #header2 h2 {
		/** site subtitle **/
		padding:0px;
		margin:0px;
		font-size:1.4em;
		font-weight:normal;
		line-height:100%;
	}
	#headerContainer #mainNavigation {
		/** container for the main horizontal nav **/
		width:100%;
		background-color:#003399;
		text-align:right;
	}
	#headerContainer #mainNavigation ul {
		display:block;
		font-size:1.1em;
		line-height:100%;
		margin:0;
		padding:7px 20px;
	}
	#headerContainer #mainNavigation ul li {
		/** establish space and border between options **/
		margin:0px;
		list-style:none;
		display:inline;
		padding:0px 0.75em 0px 1em;
		border-left:1px solid #CCCCCC;
	}
	#headerContainer #mainNavigation ul li a:link {
		/** main nav link color **/
		font-weight:normal;
		color:#FFFFFF;
	}
	#headerContainer #mainNavigation ul li a:visited {
		/** main nav link color **/
		font-weight:normal;
		color:#FFFFFF;
	}
	#headerContainer #mainNavigation ul li a:active {
		/** main nav link hover color **/
		color:#ffffff;
	}
	#headerContainer #mainNavigation ul li a:hover {
		/** main nav link hover color **/
		color:#CCCCCC;
	}
	#headerContainer #mainNavigation ul li.first {
		border:none;
		padding-left:0px;
	}
	#headerContainer #mainNavigation ul li.last {
		padding-right:0px;
	}
/** CONTENT AREAS **/

	#contentWrap {
		/** main content wrapper, contains the left and right columns **/
		width:100%;
		margin:0px;
	}
	#contentWrap #leftColumn {
		/** contains the left side navigation and announcements **/
		margin:0px;
		padding:0px;
		width:200px;
		float:left;
		background-color:#CCCCCC;
	}
	#contentWrap #leftColumn #leftColumnInside {
		/** secondary left column contaner **/
		/** may provide background image, color or padding **/
	}
	#contentWrap #rightColumn {
		/** contains the page content **/
		width:650px;
		float:left;
		font-size:1.4em;
		margin:0px;
		padding:0px;
	}
	#contentWrap #rightColumn #rightColumnInside {
		/** secondary right column contaner **/
		/** may provide background image, color or padding **/
		padding:10px 20px 20px 20px;
	}

/** LEFT COLUMN NAVIGATION **/

	#leftColumn #leftNavigation {
		/** wrapper for left side menu **/
		margin:10px 0px 0px 0px;
		background-color:#CCCCCC;
		border-top:1px solid #CCCCCC;
		font-size:1.1em;
		line-height:1.1em;
	}
	#leftColumn #leftNavigation #SA_TOC_Container {
		/** secondary wrapper for left side menu **/
	}
	#leftColumn #leftNavigation #SA_TOC_Container a {
		/** attributes of all menu links **/
		display:inline;
		text-decoration:none;
	}
	/* TOP LEVEL OPTIONS */
	.level0block {
		display:block;
		margin:0px;
		padding:0px;
	}
	.level0item {
		padding:0px;
		margin:0px;
		list-style:none;
		border-bottom:1px #99ccf solid;
	}
	.level0text {
		padding:7px 20px 7px 20px;
		background-image:none;
		color:#003399;
	}
	.level0text a:link {
		color:#003399;
	}
	.level0text a:visited {
		color:#003399;
	}
	.level0text a:active {
		color:#003399;
	}
	.level0text a:hover {
		color:#0066ff;
	}
	.level0text a.hovered {
		color:#0066ff;
	}
	/* FIRST SUBMENU OPTIONS */
	.level1block {
		display:none;
		margin:0px;
		padding:0px;
		background-color:#e6e6e6;
	}
	.level1item {
		padding:0px;
		margin:0px;
		list-style:none;
		border-top:1px #e6e6e6 solid;
	}
	.level1text,.level1text_off {
		padding:7px 20px 7px 35px;
		background-image:none;
	}
	.level1text a:link {
		color:#003399;
	}
	.level1text a:visited {
		color:#003399;
	}
	.level1text a:active {
		color:#003399;
	}
	.level1text a:hover {
		color:#0066ff;
	}
	.level1text a.hovered {
		color:#0066ff;
	}
	/* SECOND SUBMENU OPTIONS */
	.level2block {
		display:none;
		margin:0px;
		padding:0px;
		background-color:#d3d3d3;
	}
	.level2item {
		padding:0px;
		margin:0px;
		list-style:none;
		border-top:1px #d3d3d3 solid;
	}
	.level2text {
		padding:7px 20px 7px 50px;
		background-image:none;
	}
	.level2text a:link {
		color:#336699;
	}
	.level2text a:visited {
		color:#336699;
	}
	.level2text a:active {
		color:#336699;
	}
	.level2text a:hover {
		color:#336699;
	}
	.level2text a.hovered {
		color:#336699;
	}
	/* THIRD SUBMENU OPTIONS */
	.level3block {
		display:none;
		margin:0px;
		padding:0px;
		background-color:#d3d3d3;
	}
	.level3item {
		padding:0px;
		margin:0px;
		list-style:none;
		border-top:1px #d3d3d3 solid;
	}
	.level3text {
		padding:7px 20px 7px 65px;
		background-image:none;
	}
	.level3text a:link {
		color:#6699cc;
	}
	.level3text a:visited {
		color:#6699cc;
	}
	.level3text a:active {
		color:#CC0000;
	}
	.level3text a:hover {
		color:#CC0000;
	}
	.level3text a.hovered {
		color:#CC0000;
	}
	/** MENU BUTTON STATES **/
	.link-selected {
		/** currently selected menu option text and bg **/
		font-weight:bold;
		background-color:#FFFFFF;
		color:#666666;
	}
	.link-selected a:link {
		/** hyperlink on selected option **/
		color:#666666;
		text-decoration:none;
	}
	.link-selected a:visited {
		/** hyperlink on selected option **/
		color:#666666;
		text-decoration:none;
	}
	.link-selected a:active {
		/** hyperlink on selected option **/
		color:#666666;
		text-decoration:none;
	}
	.link-selected a:hover {
		/** hyperlink on selected option **/
		color:#666666;
		text-decoration:none;
	}
	/** ICON FOR MENU EXPANSION AND COLLAPSE, BY LEVEL **/
	.level0item.expandable .level0text{background-image:url(../../../../_assets/img/icons.png);background-position:5px -1512px;background-repeat:no-repeat}
	.level0item.expandable .level0text.expandabletexthovered{background-image:url(../../../../_assets/img/icons.png);background-position:5px -1567px;background-repeat:no-repeat;color:#CC0000;}
	.level0item.expandable.submenuopen .level0text{background-image:url(../../../../_assets/img/icons.png);background-position:5px -1540px;background-repeat:no-repeat}
	.level0item.expandable.submenuopen .level0text.expandabletexthovered{background-image:url(../../../../_assets/img/icons.png);background-position:5px -1593px;background-repeat:no-repeat}
	.level1item.expandable .level1text{background-image:url(../../../../_assets/img/icons.png);background-position:20px -1512px;background-repeat:no-repeat}
	.level1item.expandable .level1text.expandabletexthovered{background-image:url(../../../../_assets/img/icons.png);background-position:20px -1567px;background-repeat:no-repeat;color:#CC0000;}
	.level1item.expandable.submenuopen .level1text{background-image:url(../../../../_assets/img/icons.png);background-position:20px -1540px;background-repeat:no-repeat}
	.level1item.expandable.submenuopen .level1text.expandabletexthovered{background-image:url(../../../../_assets/img/icons.png);background-position:20px -1593px;background-repeat:no-repeat}
	.level2item.expandable .level2text{background-image:url(../../../../_assets/img/icons.png);background-position:35px -1512px;background-repeat:no-repeat}
	.level2item.expandable .level2text.expandabletexthovered{background-image:url(../../../../_assets/img/icons.png);background-position:35px -1567px;background-repeat:no-repeat;color:#CC0000;}
	.level2item.expandable.submenuopen .level2text{background-image:url(../../../../_assets/img/icons.png);background-position:35px -1540px;background-repeat:no-repeat}
	.level2item.expandable.submenuopen .level2text.expandabletexthovered{background-image:url(../../../../_assets/img/icons.png);background-position:35px -1593px;background-repeat:no-repeat}

/** ANNOUNCEMENTS **/

	#announcements-frame {
		/** container for announcements **/
		margin:10px 0px 0px 0px;
		background-color:#FFFFFF;
		border-bottom:5px #FFFFFF solid;
	}
	#announcements-box {
		/** secondary wrapper for announcements **/
	}
	#announcements-box h3 {
		/** announcements box title **/
		font-size:1.1em;
		margin:0px;
		padding:7px 20px;
		background-color:#FFFFFF;
		line-height:1.1em;
		color:#FFFFFF;
	}
	#announcements-box #controls {
		/** previous and next buttons **/
		margin:0px;
		padding:0px;
		height:15px;
		background-color:#FFFFFF;
		width:200px;
	}
	#announcements-box #controls li {
		float:left;
		width:100px;
		list-style:none;
		margin:0px;
		padding:2px 0px 0px 0px;
	}
	#announcements-box #controls li #prev{display:block;height:11px;width:50px;overflow:hidden;text-indent:-999em;background:transparent url(../../../../_assets/img/icons.png) 20px -621px no-repeat}
	#announcements-box #controls li #prev:hover{background:transparent url(../../../../_assets/img/icons.png) 20px -630px no-repeat}
	#announcements-box #controls li #next{display:block;float:right;height:11px;width:50px;overflow:hidden;text-indent:-999em;background:transparent url(../../../../_assets/img/icons.png) 25px -602px no-repeat}
	#announcements-box #controls li #next:hover{background:transparent url(../../../../_assets/img/icons.png) 25px -611px no-repeat}
	#announcements-box #announcements-list {
		display:block;
		font-size:1.1em;
		margin:10px 20px 0px 20px;
		padding:0px;
		height:12em;
		overflow:hidden;
	}
	#announcements-box #announcements-list li {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#announcements-box #announcements-list li h4 {
		margin:0px 0px 0.25em 0px;
		font-size:1.1em;
		padding:0px;
	}
	#announcements-box #announcements-list li p {
		margin:0px 0px 0.25em 0px;
		padding:0px;
	}
	#announcements-box p.more {
		padding:5px 20px;
		margin:0px;
		border-top:1px #FFFFFF solid;
	}

/** USER NAVIGATION **/

	#rightColumn #userNav {
		/** wrapper for menu that appears when logged in **/
		background-color:#FFFFFF;
		font-size:0.786em;
		padding:8px 20px 8px 20px;
		margin:0px;
		text-align:right;
		line-height:1.1em;
		border-bottom:#d3d3d3 1px solid;
	}
	#rightColumn #userNav small {
		font-size: 1em;
	}
	#rightColumn #userNav a.authBar {
		font-weight:normal;
		text-decoration:underline;
		display:inline;
		color:#0033CC;
		font-size:1em;
	}
	#rightColumn #userNav a.authBar:hover {
		color:#0066FF;
		font-weight:normal;
		text-decoration:underline;
	}
	#rightColumn #userNav .authBar {
		color:#0033CC;
	}
/** BREADCRUMB **/

	#rightColumn #BreadCrumbs {
		/** breadcrumb container **/
		color:#0033CC;
		margin:0px 0px 10px 0px;
		padding:0px;
		font-weight:bold;
	}
	#rightColumn #BreadCrumbs img {
		/** arrow image between breadcrumb items **/
		padding: 0px 2px 0px 3px;
	}
	#rightColumn #BreadCrumbs a:link {
		/** arrow image between breadcrumb items **/
		color:#0033CC;
		text-decoration:none;
		font-weight:normal;
	}
	#rightColumn #BreadCrumbs a:visited {
		/** arrow image between breadcrumb items **/
		color:#0033CC;
		text-decoration:none;
		font-weight:normal;
	}
	#rightColumn #BreadCrumbs a:active {
		/** arrow image between breadcrumb items **/
		color:#0033CC;
		text-decoration:underline;
		font-weight:normal;
	}
	#rightColumn #BreadCrumbs a:hover {
		/** arrow image between breadcrumb items **/
		color:#0066FF;
		text-decoration:underline;
		font-weight:normal;
	}
/** FOOTER **/

	#footer {
		/** footer container **/
		clear:both;
		padding:30px 20px 10px 20px;
	}
	#footerTop {
		/** footer row one **/
		text-align:right;
		padding-bottom:10px;
	}
	#footerBottom {
		/** footer row two **/
		text-align:right;
	}
/** ADMIN LAYOUT ADJUSTMENTS **/

	/** MAIN CONTAINER **/
	#mainContainer.admin-template {
		width:auto;
		margin:0px;
	}

	/** CONTENT AREA **/
	#mainContainer.admin-template #rightColumn {
		float:none;
		width:auto;
		margin:0px 0px 0px 200px;
	}

	/** ADMIN VIEWS **/
	#contentAdmin table, #sa_content table {
		font-size: 0.857em;
	}
	#contentAdmin table table {
		font-size: 1em;
	}
	#contentAdmin table .Small,
	#sa_content table .Small {
		font-size: 0.917em;
	}
	#contentAdmin td.Small {
		padding:3px 5px;
	}
	#sa_tips {
		line-height:133%;
		font-size:0.857em;
	}
	#sa_tips img {
		clear:none;
	}