/* at end of document you can change colors that are seasonal */

p, h1, h2, h3, h4, h5, h6, ul, ol{
	margin-top: 		0px;
	margin-bottom: 		8px;
	color:				#333333;			
}
p, li, h4, h3{	font-size: 			12px}
p, li { line-height: 16px;}
li { margin-bottom: 5px;}
h1 {			font-size: 			18px;}
h2 {
	font-size: 			15px;
	margin-top: 20px;
	margin-bottom: 0;}
h5	{ 
	font-weight: 	bold;
	margin-bottom:	1px;
	margin-top: 	10px;
	padding-top: 	8px;
	border-top: solid 1px #666;
}
h5.combo{
	margin-top:14px;
	margin-bottom:1px;
	padding-top: 5px;
	line-height:16px;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 14px;
	color: 		black;
	border-top: 10px solid #666;
}



body{
	margin: 			0px;
	background-color: #ddd
	/*background-color:	white;
	background-image: 	url(http://www.bcc.ctc.edu/img/_bg.jpg);
	background-repeat: 	repeat-x;*/
}
body, td, th {
	font-family: 			Arial, Helvetica, sans-serif;
}

#BCCidentity{
	border-bottom: 1px solid black
}


#maintable{
	border-left: 		thin solid black;
	border-right: 		thin solid black;
	height:				100%;
	background-color:	#FFFFFF;
}


#shims td{
	background-color: #53275F;
}

#bcclogo{
	float: right; 
}
#bcclogo img{

}
#title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	margin: 12px 0 15px 30px;
	font-weight: bold;
}
#title a { color: black; text-decoration: none;}
#title img{ margin-bottom: 2px; }
/*  //////////////////////////////  */
/*  ///     Main Navigation     //  */
/*  //////////////////////////////  */
#optionbar{ 			float:left}


#tabbar {				margin-right: 	8px;
						float: 	right;}				
#tabbar a{
	font-size: 			13px;
	padding: 			4px 8px 5px 24px; 
	display:			block;
	text-align: 		center;
	font-weight: 		bold;
	text-decoration: 	none;
	color: 				white;
	background-image:	url(/schedule/img/tabs.gif);
}
#tabbar td.off a{		background-position: 0% 0px;
						color: 				black;}

#tabbar td.home a{		background-position: 0% -60px;}

#tabbar td.summer a{	background-position: 0% -90px;}

#tabbar td.fall a{		background-position: 0% -120px;}
/*Advance fall:	#tabbar td.fall a{		background-position: 0% -210px;}*/
/*Fall:			#tabbar td.fall a{		background-position: 0% -120px;}*/

#tabbar td.winter a{	background-position: 0% -150px;}

#tabbar td.spring a{	background-position: 0% -180px;}

#tabbar a:hover,#tabbar a:focus {		text-decoration: 	underline;}
#tabbar td.off a:hover, #tabbar td.off a:focus{	background-position: 0% -30px;}



/*  //////////////////////////////  */
/*  ///       Navigations       //  */
/*  //////////////////////////////  */
#quickbar {
	font-size: 			11px;
	color: 				white;
	font-weight:		bold;
	text-align: 		right;
	background-color:   #666 ;  
	height:				30px;
	padding: 			3px 16px 5px 0;
}
#quickbar select{ 
	font-size: 			12px;
	font-weight: 		normal;
	margin: 			0;
	padding: 			0;
	color: 				#333;
}
#quickbar optgroup{ 
	background-color: 	#DBDBDB;
	color: 				#333;
}
#quickbar optgroup .highlight{ 
	background-color: #CCCCCC;
	color: black
}

#leftbar {
	padding-top: 		12px;
	background-color: 	#666;
	height:				100%;
}
#leftbarcontent {
	background-color:	#333;
}
#leftbarcontent2 {
	display: none;
}
#leftbar p{
	margin:				0;
	padding: 			4px 16px 4px 9px;
	border-top: 		solid 1px white;	
	font-size: 			13px;
}

#leftbar a:link, #leftbar a:visited, #leftbar a:active{
	color:				white;
	text-decoration: 	none;	
}
#leftbar a:hover, #leftbar a:focus{
	text-decoration: 	underline;	
}

#leftbar #flexible{
	margin: 			0px 8px 0px 8px;
	width: 				154px;	
}
#leftbar #flexible p{
	font-size: 			13px;
	padding-left: 		3px;
	padding-right: 		3px;
	border-top: 		1px none;
}
#leftbar #flexible strong{
	color: 				white;
	font-size: 			11px;
	font-weight: 		normal;	
}
#leftbar #flexible #optionlisting{
	border: 			1px solid white;
}


#leftbar .highlight {
	background-color: 	white;
}
#leftbar .highlight a:link, #leftbar .highlight a:visited, #leftbar .highlight a:active{
	color:				#333333;	
}


/*  //////////////////////////////  */
/*  ///      CONTENT AREAS      //  */
/*  //////////////////////////////  */
#maincontent {
	padding: 			16px 0 0 16px;
	background-image: 	url(/schedule/img/corner-falladv.gif);
	background-repeat: 	no-repeat;
	background-color: 	white;
	height:				100%;
}
#maincontent td{
	background-image: 	none;
}


/*  ///      content area       //  */

#content {
	width: 				397px;
	padding-right: 		8px;
	height:				100%;
}
/* box model hack*/
* html #content {width: 405px;}

#content a:link, #content a:active {
	color: 				#000066;
}
#content a:visited{
	color: 				#330066 ;
}
#content a:hover, #content a:focus {
	color: 				#990000;
	text-decoration: 	none;
}
#content input{
	font-size: 			12px;
	background-color: 	#DBDBDB;
}

em{
	color: 				red;
	letter-spacing: 	1px;
	font-style: 		normal;
}


.indent{
	padding-left: 16px;
}
.indent2{
	padding-left: 32px;
}

#alphalinks{
	border: solid 1px #cccccc;
}
#alphalinks td{
	width: 18px;
	text-align: center;
	border: dotted 1px white;
	background-color: #CCCCCC;
	color: #999999;
}

#alphalinks a:hover{
	text-decoration: none;
	font-weight: bold;
}



#content hr{
	border-top: 		1px solid #666;
    border-bottom: 		1px solid white;
	border-left: 		1px solid white;
	border-right: 		1px solid white;
    color: 				white;
    background-color: 	white;
    height: 			2px;
}




p.programdesc {
	margin-bottom:5px;
	line-height:17px;
	color: #616161
}

.onlineicon { background:url(img/cpu.gif) no-repeat 50% 50%; 
 padding: 20px; }


 
.itembuttoninfo { margin-top: 5px;}

.noclasses { border-top: 1px solid black; padding-top: 5px; margin-top: 10px;}


.class {}


p.classdesc {
	color: #616161;  
	line-height:14px;
	margin-top:0;
	margin-bottom:5px;
}
.prerequisiteFee { font-style:italic;}


p.section, 
p.sectionpm,
p.classcancelled {
	margin-top: 3px;
	margin-bottom:0px;
	padding-bottom: 1px;
}

.classcancelled { color: #999999}
.classcancelled input { color: #666666}
.or { font-style: italic}

p.sectionpm {	background-color: #CC9;}
#content p.sectionpm {	background-color: #ddd;}
p.section:hover { background-color: #FFFFCC}
p.sectionpm:hover { background-color: #EEEECC}
p.sectionnew:hover { background-color: #EEEECC}

.timepadding {padding-left: 110px;}

p.alsooffered, p.telecourse {
	padding: 0 0 0 5px; 
	border-left: 5px solid #ccc; 
	margin-top: 14px;}

p.sectiondesc {
	color: #616161;
	line-height:14px;
	margin-top:0px;
	margin-bottom:8px;
}
p.IDSClasses { 
	padding-top: 20px; font-weight: bold; 
}
p.IDSClasses:first-letter { text-transform:capitalize}

.endline { border-top: 2px solid #666;}


.combo { color: red} /* to make sure h5 is selected*/
h5.combo {
	margin-top: 14px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 3px solid #666;
}


h2.sub {
	font-size:15px;
	margin-top:10px;
	padding-top: 5px;
	margin-bottom:1px;
	line-height:16px;
	font-weight: bold;
	color: 		black;
	border-top: 10px solid #666;
}

h3.sub {
	font-size:14px;
	margin-top:10px;
	padding-top: 5px;
	margin-bottom:1px;
	line-height:15px;
	font-weight: bold;
	color: 		black;
	border-top: 4px solid #888;
}


#content p.classflexible{
	margin-left: 16px;
	margin-top: 3px;
	margin-bottom: 6px;
}



#content .backToTop { 
	padding-top: 10px; 
	margin-bottom: 15px;
}

p.division {
	margin-top: -8px;
	margin-bottom: 2px;
	text-transform:uppercase;
}
#content ul.referencelinks {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
} 
#content ul.referencelinks li {
	margin: 0;
	margin-right: 2px;
	padding: 0;	
	display: inline; 
	padding: 0 5px;
	border: 1px solid #666;
	background-image: url(/schedule/img/bullet1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#content ul.referencelinks li a{
	text-decoration: none
}
#content ul.referencelinks li a:hover{
	text-decoration: none;
}

p.languagelist { margin-bottom: 0;}
ul.languagelist { margin-top: 0; margin-bottom: 0}
ul.languagelist li { font-weight:bold}
#content a.entrycodelink { color: #3270AD !important; cursor: help; }
#content .PrerequisiteFee a { color: #3270AD !important;cursor: help}




/*  ///      right bar(s)       //  */
#rightbar {
	width: 				140px;
	border-left: 		1px solid #E8E2C2;
	height:				100%;
	background-color: 	#FAF9EF;
	
}
#rightbar p{margin: 0}

#rightbar p a:link, #rightbar p a:visited, #rightbar p a:active{
	display: 		block;
	text-decoration:none;
	color:			#333333;
	margin: 		0;
	padding: 		4px;
	padding-left:  	6px;
	border-top:		1px outset white;
	border-bottom:	1px outset #ddd;
	background-image: url(/schedule/img/bullet1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#rightbar p a:hover, #rightbar p a:focus{
	background-color: #e8e2c2;
}

#rightbar h3, #rightbar h4{
	background-color:	#F0EDD9;
	border-bottom: 		2px solid #868366;
	margin: 			0;	
	font-size: 			12px;
	padding: 			4px 0 4px 4px;
	color:				#504E3D;
}

#rightbar .ccnAlert {
	border: 2px solid black;
	border-right-width: 1px;
	background-color: #FCB345;
	padding: 3px 0 6px 0;
}

#rightbar .ccnAlert h4 {
	background-color: #FCB345;
	border: none;
	padding-bottom: 2px;
	padding-left: 6px;
	color: black;
}
#rightbar .ccnAlert p { 
	background-color: #FCB345; 
	color: black;
	padding-left: 6px;
	padding-right: 6px;
}

#rightbar .ccnAlert p.more { text-align: right;}
#rightbar .ccnAlert p a{
	display: inline;
	text-decoration: underline;
	color: blue;
	padding: 0;
	border: 0;
	background: none;
	font-weight:bold;
}
#rightbar .ccnAlert a:hover, #rightbar .ccnAlert a:focus { background:none; color: #900}
		
/* 
****************************
FOOTER AREAS
****************************
*/
#footer {
	padding: 10px 10px 10px 14px;
}
#footer p{
	font-size: .75em;
	color: #333;
	margin-top: 23px;
	line-height: 120%;
}

/* end footer areas  */


/*  Special Styles for English Combonation Classes */


h3.combination {
	border-top: none;
    color: black;
    font-size: 14px;
    font-weight: bold;
    line-height: 13px;
    margin-bottom: 1px;
    margin-top: 4px;
    padding-top: 5px;
	
	}








/***********************************************************/
/********************* SEASONAL ****************************/
/************* QUARTERLY COLOR CHANGES *********************/
/***********************************************************/
/***********************************************************/

/*
FALL Schedule Colors */
#quickbar		{	background-color:   #990000; 	}
#quickbar optgroup .highlight	
				{ 	background-color: #DED3D1; 		}
#leftbar		{	background-color: 	#990000;	}
#leftbarcontent {	background-color:	#AE0000;	}
#maincontent	{	background-image: 	url(/schedule/img/corner-fall.gif);		}
#content a:link, #content a:active 
				{	color: 				#990000;	}
#content a:visited{	color: 				#990000;	}
#content a:hover {	color: 				#CC6633;	}
#content ul.referencelinks li {	border-color:  #990000}



/*
WINTER Schedule Colors 
#quickbar		{	background-color: 	#2459A6; 	}
#quickbar optgroup .highlight	
				{ 	background-color: 	#D0D1DD; 	}
#leftbar		{	background-color: 	#2459A6;	}
#leftbarcontent {	background-color:	#215096;	}
#maincontent	{	background-image: 	url(/schedule/img/corner-winter.gif);		}
#content a:link, #content a:active 
				{	color: 				#003399;	}
#content a:visited{	color: 				#0033CC;	}
#content a:hover {	color: 				#000066;	}
#content ul.referencelinks li {	border-color:  #2459A6}*/


/*
SPRING Schedule Colors 
#quickbar		{	background-color: 	#009966; 	}
#quickbar optgroup .highlight	
				{ 	background-color:	#CCD9C4;	}
#leftbar		{	background-color: 	#009966;	}
#leftbarcontent {	background-color:	#00825A;	}
#maincontent	{	background-image: 	url(/schedule/img/corner-spring.gif);		}
#content a:link, #content a:active 
				{	color: 				#063;		}
#content a:visited{	color: 				#007753;	}
#content a:hover {	color: 				#900;		}
#content ul.referencelinks li {	border-color:  #009966}*/


/*
SUMMER Schedule Colors
#quickbar		{	background-color: 	#EB8510; 	}
#quickbar optgroup .highlight	
				{ 	background-color: 	#EDD9CD;	}
#leftbar		{	background-color: 	#EB8510;	}
#leftbarcontent {	background-color:	#D0750F;	}
#maincontent	{	background-image: 	url(/schedule/img/corner-summer.gif);		}
#content a:link, #content a:active 
				{	color: 				#CC6600;	}
#content a:visited{	color: 				#CC6633;	}
#content a:hover {	color: 				#900;		}
#content ul.referencelinks li {	border-color:  #EB8510}*/