/* 	Name.......... shell
	Version....... 200906.v01
	Last update... June 12, 2009
	By............ Juan */  

/*Bellevue College Shell style (not in content space), Bellevue College*/
/* Document broken out into: 1) basic shell and 2) theme */

/*******************************/
/****** BEGIN BASIC SHELL ******/

/* Top Area (shell)*/
#wrap {		width: 766px; margin: 0 auto;}
#top { height: 152px } 	/*note IE6 & 7 hacks*/ 
#topxtra { background: url(/images/navshadow.png) 165px 27px no-repeat; }    * html #topxtra { background-position: 300px 300px;} 
#skiptotcontent { 	height: 26px;	float: left;}
#skiptotcontent a {	display: block; padding: 7px 0 4px 0; width: 10em;}
#logo {		margin-left:  193px;  padding-top: 12px}

#actionbar { 	height: 	26px;}
#actionbar li { float: 		right;
				margin-top: 5px; 
				margin-left:6px;   
				padding-left:7px; }
#actionbar li.first{ 	margin-top: 3px; margin-left: 6px}
#actionbar label { 		position: absolute; left: -9999px;}
#search #txtQuery {  	width: 134px;	padding-left: 5px;}
#search input#searchbutton {	padding-left: 1px;	padding-bottom: 2px;	vertical-align: middle;}


#localizationbar {	width: 			601px;
					margin-left: 	165px;
					margin-top: 	-48px;}
#sectionheader	{	padding-left: 	30px;
					line-height: 	31px;
					height:			31px;}
#breadcrumbs	{	padding-left: 	30px;
					height: 		16px;
					line-height: 	16px;}
#breadcrumbs h2{ 	position: absolute;	left: -9999px;	top: -9999px;}
#breadcrumbs ol li { 	display: 		inline; 
					list-style-type:none; 
					margin-left: 	.1em; 
					padding-left: 	1.1em; }
#breadcrumbs li.first{  margin-left: 0;  padding-left: 0; }


/* Footer Area (shell)*/
#foot { 		overflow: auto;  padding: 1em 0 1.1em 0;} 
#footwrap { 	width: 766px; margin: 0 auto; }

#foot ul { 		margin: 0 0 0 3.5% ; padding: 1em 0 .4em 3.5% ;	 /*Note IE6 hack*/
				float: left;}
#foot ul li { 	list-style-type: none; line-height: 190%; }
#foot address { font-style:normal; line-height: 130%; float: left; }


/*Global Classes*/
.skip, .hide {	display: block; position:absolute; left: -9999px; top: -9999px;}
.skipselected { position:static }
.clearer { 		clear:both;height:0; font-size: 1px;line-height: 0px;}

/*****End Shell  ******/
/**********************/


/***********************/
/**** THEME ************/
body	{	font-size: .95em; background: url(../images/bg.jpg) 0px 26px repeat-x white;}
#wrap 	{	background: url(../images/topline.jpg) 0 26px repeat-x white;}

/*top area (theme)*/
#top.about { background: url(../images/top-about.jpg) right 26px no-repeat; } 
#top.aboutsite { background: url(../images/top-aboutsite.jpg) right 26px no-repeat; } 
#top.classes { background: url(../images/top-classes.jpg) right 26px no-repeat; } 
#top.directories { background: url(../images/top-directories.jpg) right 26px no-repeat; } 
#top.enrollment { background: url(../images/top-enrollment.jpg) right 26px no-repeat; } 
#top.news { background: url(../images/top-news.jpg) right 26px no-repeat; } 
#top.programs { background: url(../images/top-programs.jpg) right 26px no-repeat; } 
#top.resources { background: url(../images/top-resources.jpg) right 26px no-repeat; } 
	
	

#skiptotcontent { 			font-size: .8em; }
#skiptotcontent a 		{	color: #999;}
#skiptotcontent a:hover {	color: #00C}
#skiptotcontent a:focus {	color: #00C; outline: 1px dotted #ddd}

#logo a:focus	{ 	outline: 1px dotted #ccc}

#actionbar li 		{	background: url(../images/actionbardivider.gif) no-repeat left bottom; }
#actionbar li.first	{	background: none;}
#actionbar li.last 	{	background: none;}
#actionbar a 		{ 	color: #003D79; }
#actionbar a:hover	{	color: #00C;}
#actionbar a:focus	{	color: #00C; outline: 1px dotted #bbb;}

#search #txtQuery 		{ 	border: 1px solid #6C8FB1;	background:#EAEFF4; }
#search #txtQuery:focus { 	background-color: #FFC}
#search #searchbutton:focus {outline: 1px dotted #bbb;}

#sectionheader	{	font-family:  		Georgia, "Times New Roman", Times, serif;
					font-size:			20px;
					font-weight: 		bold;
					color: 				white; 
					background-color:	#333; }
#breadcrumbs { 		font-size: 			12px;  
					color: 				#333;
					background-color:	#E7E7E7;
					border-right: 		1px solid #C8D4E0;
					border-bottom:		1px solid #B5B5B5}
#breadcrumbs li { 		background: url(../images/breadcrumbarrow.gif) no-repeat .2em 55%;}
#breadcrumbs li.first { border-left-width: 0; background:none;}
#breadcrumbs a { 		color: #003D79;}
#breadcrumbs a:hover { 	color: #00C  ;}
#breadcrumbs a:focus { 	color: #00C; outline: 1px dotted #999 }

/*footer area (theme) */
#foot { 	font-size: 	.9em; 
			color: 		#003D79; 
			background-color: #EBEBEB;  
			border-top: 2px solid #C8D4E0; } 

#foot ul { background: url(../images/footerdivider.gif) no-repeat left 1.2em;	}

#foot a {		color: #003D79;} 
#foot a:hover {	color: #00C  ; }
#foot a:focus {	color: #00C; outline: 1px dotted white; }
#foot address {	color: #003D79; }
 
#foot #equalopplink { font-size: .95em;}

/**** END THEME ********/
/***********************/