/* 	Name.......... contentspace
	Version....... 201001.v01
	Last update... January 28, 2009
	By............ Ryan   */  
	
/*Content-space style definitions, Bellevue College, separated from shell for DW users*/


/* Basic font re-styling */
#content h1 {	font-size: 	1.5em; 	margin-top: 0; 		margin-bottom: .2em; font-family:  Georgia, "Times New Roman", Times, serif; color: #333}
#content h2	{ 	font-size: 	1.2em;	margin-top: 2em;	margin-bottom: .2em; font-family:  Georgia, "Times New Roman", Times, serif; line-height: 120%}
	#content h2 a, #content h3 a { color:#003D79} 
#content h3	{ 	font-size: 	1.1em;	margin-top: 1.5em;	margin-bottom: .2em; font-family:  Georgia, "Times New Roman", Times, serif}
#content h4	{ 	font-size: 	90%; 	margin-top: 1em;	margin-bottom: .2em; font-family:  Georgia, "Times New Roman", Times, serif}
#content h5	{ 	font-size:  85%;	margin-top: 1em; 	margin-bottom: .2em; font-family:  Georgia, "Times New Roman", Times, serif}
#content h6	{ 	font-size:  75%;	margin-top: 1em; 	margin-bottom: .2em; font-family:  Georgia, "Times New Roman", Times, serif}
/*#content h2.sub {}*/
#content h2 + h3, #content h3 + h4, #content h4 + h5, #content h5 + h6 { margin-top: .3em;} /*Note IE6 hack*/
#content p	{ 	margin-top: 1em; 	margin-bottom: .2em; 	line-height: 130%}
#content h1 + p, #content h2 + p, #content h3 + p, #content h4 + p, #content h5 + p, #content h6 + p { margin-top: 0;} /*Note IE6 hack*/
#content h1 + p.subTitle { margin-top: 0em; font-style: italic; font-weight: bold; font-size: .93em; color: #666}

#content ul, #content ol {	margin-top: 1em;	padding-left: 20px}
#content ul ul, #content ul ol, #content ol ol, #content ol ul { margin-top: 0}
#content ul { 	list-style-type: disc;}
#content ol { 	list-style-type:decimal}
#content li { 	line-height: 130%; margin-top: .2em;}

#content p + ul,#content  h1 + ul, #content h2 + ul, #content h3 + ul, #content h4 + ul, #content h5 + ul, #content h6 + ul, #content p + ol, #content h1 + ol,#content h2 + ol, #content h3 + ol, #content h4 + ol, #content h5 + ol, #content h6 + ol  { 
				margin-top: .2em; } /*Note IE6 hack*/

#content dt { font-weight:bold; margin-top: 1em}

#content a {}
#content a:focus, #content a:hover { color: #900;}
#content a:focus { 	outline: 1px dotted gray;}
#content abbr { 	border-bottom: 1px solid #ccc; cursor:help}
#content blockquote { font-size: 1.1em; color: #666}
#content pre {		margin-top: 1em}
#content sup { 		vertical-align: super; font-size: .87em}

#content table {	margin-top: 1em; border-top: 1px solid #666; border-left: 1px solid #666;}
#content table caption { text-align: left; color: #999 }
#content th { 		padding: 6px 12px; border-right: 1px solid #666; border-bottom: 1px solid #666;  text-align: left; line-height: 130%}
#content td { 		padding: 6px 12px; border-right: 1px solid #666; border-bottom: 1px solid #666; line-height: 130%}
#content .odd td, #content .odd th{ background-color:#eee;}

/* Page-level Content Feature Box and all related styling.  Use Highlight for special links; must be within #pageFeature to work */
#content div#pageFeature { margin-left: -9px; margin-top: 20px; padding-bottom: 12px; border: 1px solid #505050; background-color:#F0F4F7; }
#content div#pageFeature h2 { margin-top: 0px; margin-bottom: 12px; padding:5px 5px 5px 8px; background-color: #505050; font-size: .9em; color: #fdfdfd; }
#content div#pageFeature h3, #content div#pageFeature p { margin-left: 8px; margin-right: 8px; font-size: .85em; font-family:Arial, Helvetica, sans-serif; } 
#content div#pageFeature h3.highlight {font-size: 1em;}
#content div#pageFeature h3.highlight a { color: #900; }
#content div#pageFeature h3.highlight a:hover, #content div#pageFeature h3.highlight a:focus { color: #003d79;}
/*end page-level content feature*/


/* end basic text styling */


#container{ clear: both; 	overflow: hidden; /*note IE6&7 hack*/} 
div.basic  {	background: url(/images/container-basic.gif) repeat-y;  }
div.normal {	background: url(/images/container-normal.gif) repeat-y left;  }
div.feature{	background: url(/images/container-feature.gif) repeat-y; }
div.nonav 	{	background: url(/images/container-nonav.gif) repeat-y right;  }
div.nonav #subnav, div.basic #subnav, div.basic #feature, div.normal #feature { display:none;}


#subnav {	float: 	left; 
			width: 	165px;
			padding-top: 	33px;
			margin-bottom: 	2em;
			background: url(../images/shadowSubnav.jpg) repeat-x;}


#subnav h2 { background-color: #C2CFDB; 
			color: #003D79; 
			padding: 1px 0 1px 18px; 
			font-size: .9em;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight: normal}

#subnav .skip { border: 1px solid #C2CFDB; background-color: #F0F4F7; padding: 10px 0; font-size: .9em; text-align: center}
#subnav .skip a:focus { outline: 1px dotted gray}

#subnav ul#menu { border: 1px solid #C2CFDB; background-color: #F0F4F7; padding-bottom: 4px;}  
#subnav ul li {}/*Note IE6 hack*/
#subnav ul#menu a {	font-size: 	.9em;
					color: 		#003D79;
					display: 	block;
					padding: 	4px 2px 6px 17px;
					line-height: 120%;
					border-top: 1px dotted #F0F4F7;
					border-bottom: 1px dotted #F0F4F7;}
#subnav ul#menu a:hover, #subnav ul#menu a:focus { background-color: #FFF; color: #00d; border-color: #ccc;}

#subnav ul ul { border-top: 1px dotted #999; border-bottom: 1px dotted #ccc; background-color:#fdfdfd}

#subnav ul#menu li li a {
					color: #666;
					font-size: .85em;
					padding: 2px 0px 3px 28px;
					border-color: #fdfdfd;}
					
#subnav ul#menu li li a:hover, #subnav ul#menu li li a:focus {
		color: #009; }

#subnav ul li a.selected { 
	background-image: url(/images/subnav-arrow.gif);
	background-position: 7px 9px; background-repeat: no-repeat}

#subnav ul li li a.selected { 
	background-position: 17px 6px; background-repeat: no-repeat; }


div#content   {	padding: 30px 20px 2em 30px; 
				background: url(../images/shadowContent.jpg) repeat-x; 
				float: left;}
div.normal #content	{ 	width: 550px; }
div.feature #content 	{	width: 396px;}
div.nonav #content		{ 	width: 560px; margin-left: 1px }
div.basic #content 	{	width: 714px; margin-left: 1px; margin-right: 1px; } /*Note IE6&7 hack*/

#feature { 		width: 155px; float: left; padding-top: 30px; font-size: .8em;}
#feature h2 { font-family: Georgia, "Times New Roman", Times, serif; 	
	margin: 12px 12px .3em 12px; font-weight: bold; color: #003D79; font-size: 1.2em; line-height:110% }
#feature h3 { font-family: Georgia, "Times New Roman", Times, serif; 	
	margin: .7em 12px .3em 12px; font-weight: bold;}
#feature p { 	margin: 0 10px .9em 12px; line-height: 120%}
#feature ul { 	margin: 0 10px 2px 12px;}
#feature ul li {margin: .7em 0 .9em 0; line-height: 120%}
#feature a { 		color: #003D79;}
#feature a:hover{	color: #00F;}
#feature a:focus{	color: #00F; outline: 1px dotted gray;}

#feature div.relatedlinks, #feature div.relatedinfo { border: 2px solid #003D79; margin-bottom: 1.5em; background-color: white; padding-bottom: 4px;}
#feature div.quicklinks { border: 2px solid #666; margin-bottom: 1.5em; background-color:white; padding-bottom: 4px;}
#feature div#getStarted { border: 2px solid #003D79; margin-bottom: 1.5em; background-color: white;}
#feature div#getStarted h2 { font-size:  1em; line-height: 120%; color: black; }
#feature div#getStarted h2:first-line{ font-size: 1.2em; line-height: 130%;}

/* Enrollment Steps Feature ( See /includes/enrollmentSteps.asp) */
#feature div#enrollmentSteps { margin-left: 1px; width: 153px; }
#feature div#enrollmentSteps h2 {margin: 0}
#feature #enrollmentSteps ol {
	background: url('/images/enrollmentSteps_ul.jpg') top center no-repeat;	
	height: 196px;
}
#feature #enrollmentSteps li {
	margin: 0 0 9px 16px;
	font-size: 1.18em;
	list-style-type: decimal;
	list-style-position: inside;
	color: #003d79;
}
#feature #enrollmentSteps a { color: #003d79; }
#feature #enrollmentSteps a:hover { color: #ef6036; }

/* this is a little map button rollover for the Features area */ 

#feature .getMapsDirections a { height: 71px; width: 155px; display: block; background: url('/images/getMapsDirections.png') 0 0 no-repeat;}
#feature .getMapsDirections a:hover { background: url('/images/getMapsDirections.png')  0 -71px no-repeat;}


/*breadcrumb hack for DW users */
#breadcrumbs  li { list-style-type: decimal;  margin-left: 2em}