/* 	Name.......... shell
	Version....... 201007.v01
	Last update... July 6, 2010
	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 {  font-size: 13px; line-height: 25px;} 
#footwrap { }
#foot4col { width: 766px; margin: 0 auto; overflow: hidden; }
#foot4col  .col4 { float: left; width: 180px; margin-left: 15px; padding: 14px 0 18px 0}
#foot4col  .first {margin-left: 0;}
#foot h2 { position: absolute; left: -9999px; top: -9999px;}
#foot h3 { margin-bottom: -3px;} 
#foot form { margin-bottom: 2px;}
#foot ul li { 	list-style-type: none;}
#foot li, #foot p { zoom: 1} /*IE hack*/
#footbot { clear: left; width: 766px; margin: 0 auto; padding: 14px 0 18px 0; overflow:hidden;}
#footbot h3 { position: absolute; left: -9999px; top: -9999px }
#footbot p#bellevueaddress span, p#bellevueaddress a { float: left;}
#footbot ul {clear: left;}
#footbot li { float: left; font-size: 12px;} 
#footbot li a { padding-left: 22px;}
#footbot li.first a {padding-left: 0; background: none; }
#footbot li.last { float: none; clear: left; }
#footbot li.last a {padding-left: 0;}
#footbot span { padding-left: 21px;}
#footsearch {    width: 169px; height: 20px; background: url(/images/foot/footsearch.gif);}
#footsearch #footsearchbox {    float: left; padding: 0; margin: 2px 0 0 4px; border: 0; width: 130px; background: none;}
#footsearch #footsearchgo {    float: right; margin: 1px 1px 0 5px;}


/*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/topbg.png) 0px 26px repeat-x white;}
#bigwrap { background: url(../images/topglow.png) 50% 26px no-repeat;}
#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) */
#footwrap { 	background: url(/images/foot/foot.gif) #EDEEEF} 
#footwrap2 { border-top: 1px solid #5d84AA; border-bottom: 1px solid #B9cada; }
#foot label {font-weight: bold; color: #003D79;}
#foot h3 { color: #3D668F;} 
#foot4col a {color: #4C759E; }
#footbot li a {color: #666666; background: url(../images/foot/legalpipe.gif) 11px 4px no-repeat; }
#footbot li.last a {background: none; color: #A0A0A0; }
#footbot span { background: url(/images/foot/addressbullet.gif) no-repeat 8px 10px; color: #003D79 }
#footbot #bellevueaddress a { color: #003D79; font-weight:bold; text-decoration: none;}

body #foot a:hover, body #foot a:focus { color: #00C}

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