/* CSS for XHTML as applied for ITApps website*/
body  		{ 	font-size : 76% ;  
				font-family : Verdana, Arial, Helvetica, sans-serif;
				margin: 0 ;
				padding: 0 ;
				background-color: white ;
				color: black ;
				line-height: 1.5em ;
			}
div			{	margin: 0 ;
				padding: 0 ;
				border: none ;
			}			
p			{	font-size: 1.5em ;  /* black text on white background */
				color: #000000;
				background-color: #ffffff ;  
			}

/* Pseudo-links */			 
/* set basic links to have no underline to avoid bug problems with accessiblity links */	
a:link 		{ 	color: #0066CC;  /* blue */
				text-decoration: none ;
				font-size: 80% ; 
			}
a:visited	{	color: #777777 ;  /* dk grey */
				text-decoration: none ;
				font-size: 80% ;  
			}
a:hover, a:focus
			{	color: #0099FF;  /* bright blue */
				background-color: #ffffff ; 
				text-decoration: underline ; 
				font-size: 80% ; 
			}
a:active 	{	color: #ffffff;  /* white */
				text-decoration: none ; 
				font-size: 80% ; 
			}			

/* Headings */ 

h1			{						/* page header */
				font-size: 240% ;
				color: #ffffff;
				border : 1px solid #006699; /* header blue */
				margin-bottom: 0.5em;
			}
					
h2			{
				font-weight: 600;
				font-size: 150%;
				color: #000000;
				line-height: 2em;
			}
					 
h3			{	/* used in leftcol for headings */
				font-weight: 600;
				font-size: 90% ;
				color: #ffeeee ;
				margin: 0.5em ;
			}
					 
h4			{	font-weight: normal;
				font-size: 90%;
				font-weight: bold;
				color: #000000;
				margin: 0.5em 0;
			}

h6 			{	font-weight: normal;
				font-size: 90%;
				color: #FFFFFF;
				border-top: thin solid #003366;
				border-bottom: thin solid #00CCCC;
				background-color: #009999;
			}
/* whole page container */
#wrapper	{   border: 2px solid gray ;  /* temp during development only */
				width : 96% ;
				margin: 10px 2% ; 
				background-color: #EFFFFF; /* cream */ 
				color: black ;
				}
/* menu in top right corner */				
#headermenu	{
				text-align: right ;
				}
				
#headermenu a {	display: inline ;
				width: 12em ;
				background-color: #ffffff ; /* temp pink during development */
				text-decoration: none ;
				font-size: 80% ;
				padding: 0 1em ;
				}
#headermenu a:link 		{ 	color: #666666;  /* grey */ 	}
#headermenu a:visited	{	color: #990033;  /* dk grey */ 	}
#headermenu a:hover, #headermenu a:focus	
				{	color: #990033;  /* red */		
					background-color: #cc9999 ; /* pink */ }
#headermenu a:active 	{	color: #ff0000;  /* red */	}
																 
/* itapps page header appl */				 
#pagehead	{	background-color : #006699;  /* navy container at top of page */
				width: 100% ;
				height: 53px ;
				font-size: 180%;
				font-weight: 600;
				color: #FFFFFF; /* white */
				margin: 0 ;
				padding-top: 10px;
				}
/* BBK Home Page linked image in header appl */				
#pagehead img	{	
				float: right ;
				padding: 0 ;
				margin: 0 1em 0 0 ;
/*				border: 4px dotted red ;  temp border for development */
				}		
#pagehead a:link	{ color: white ; }
#pagehead a:visited	{ color: #999999 ; /* grey */ }
#pagehead a:hover, #pagehead a:focus	
				{ color: #990033 ; /* BBKRed */ 
				background-color:  white ;
				}
#pagehead a:active { color: #990033 ; /* BBKred */ }
				
/* School HOME PAGE layout */				
.shead 			{	font-size: smaller ; font-variant: small-caps }

/* Button and link formatting for the side navigation bar */ 
#leftcol		{  /* secondary navigation */
				width: 20% ;
				background-color: white; 
				margin: 0 ;
				padding: 0 ;
				float: left ;
				}
#leftcol h3	{
				color: black ; /* bbk red */
				}

#leftcol a		{		
				display: block ;
				text-decoration: none ;
				margin: 0;
				border: 1px solid  #cccccc ;  /* light grey */
				border-color: #e0d0c0 #c0b0a0 #c0b0a0 #e0d0c0 ;
				background-color: #f0f0f0 ;
				border-right: 4px solid #cccccc ;
/*				background: #f0f0f0 url(button.gif) 4px 50% no-repeat ; */
				padding: 2px 10px 1px 20px ;
				color: #666666 ;
				}
		
#leftcol a:hover, #leftcol a:focus {	
				color: #0000ff;	/* blue */
				text-decoration: underline;
/*				background-image: url(hover.gif) ; */
				background-color: #cc9999 ; /* pink */
				border-right: 4px solid #cc6666 ; /* dark pink */
				}			 
					 
/* Button and link formatting for primary top navigation bar */ 		 	 
#navtopbar	{
			width: 100% ;
			float: left ;
			background-color: #333366;
			color: #339 ;		
			}
#navtopbar	ul		{
			list-style-type: none ;
			padding: 0 ;
			margin: 0 ;
			}
#navtopbar li { display: inline ; }

#navtopbar li a	{ 
			width: 10em ;
			float: left ;
			font-size: 80% ;
			color: white ;
			background-color: #036 ;
			padding: 0.5em 1em ;
			border-right: 2px solid white;
			text-align: center ;
			}
#navtopbar li a:hover, #navtopbar li a:focus	{	
		    color: #cc9999 ;  /* red hover */
			background-color : #ffffff ;  /* on white */

				}			 
 
#middlecol	{
			width: 80% ;
			float: right ;
			}
#middlecol h3	{
			color: black ;
			}

.techupdate dt	{
			border-top: 2px solid #990033 ; /* maroon */
			margin-top: 0.5em ;
			color: #990033 ;

			}
.keylist  dt	{
			border: 0 ;
			margin: 0 ;
			padding: 0 ;
			color: red ;
			float: left ;
			display: inline ;
			}
.keylist	dd	{			
			color: black ;
			}							
.gutter		{
			margin: 0.5em 1em 1em 1em ;
			padding: 0 ;
			}					 

/* Specifications for Document Information area */ 

#footer			{	clear: both ;
					width: 100% ;
					font-size: 80%;
					text-align: center;
					color: #000000;
					background-color : #ffffff;
					border-top: 2px solid #006699 ;
					}
	
/* module links */
.modulelinks a		{		
				display: block ;
				text-decoration: underline ;
				margin: 0;
				border: 1px solid  #cccccc ;  /* light grey */
				border-color: #e0d0c0 #c0b0a0 #c0b0a0 #e0d0c0 ;
				background: #f0f0f0 ;
				padding: 2px 10px 1px 20px ;
				color: #666666 ;
				}					
/* highlighting current page */
					
body#HomePage a#HomeButton,
body#ApplyPage a#ApplyButton,
body#ModulesPage a#ModulesButton,
body#ContactsPage a#ContactsButton,
body#SitemapPage a#SitemapButton ,
body#SearchPage a#SearchButton,
body#SchedulesPage a#SchedulesButton
{
	color: #ffffff ;
	background-color: #990033; /* bbk red */
	} 					
		
body#ITPage a#ITButton,
body#AUTPage a#AUTButton,
body#WDBPage a#WDBButton,
body#OSSPage a#OSSButton,
body#OFFPage a#OFFButton,
body#ITAPage a#ITAButton,
body#CPDPage a#CPDButton,
body#TechUpdatePage a#TechUpdateButton,
body#WorkshopsPage a#WorkshopsButton,
body#ProjectsPage a#ProjectsButton
{
	color: #ffffff ;
	background-color: #cc9999 ; /* pink */
	} 

body#AUTPage a#HomeButton,
body#WDBPage a#HomeButton,
body#OSSPage a#HomeButton,
body#OFFPage a#HomeButton,
body#ITPage a#HomeButton,
body#ITAPage a#HomeButton,
body#CPDPage a#HomeButton,
body#TechUpdatePage a#HomeButton,
body#WorkshopsPage a#HomeButton,
body#ProjectsPage a#HomeButton
{
	color: #ffffff ;
	background-color: #990033 ; /* BBK Red */
	} 		
	
body#APPage a#APButton,
body#BAPage a#BAButton,
body#ISPage a#ISButton,
body#INPage a#INButton,
body#FNPage a#FNButton,
body#I1Page a#I1Button,
body#D3Page a#D3Button,
body#ECPage a#ECButton,
body#JVPage a#JVButton,
body#MMPage a#MMButton,
body#MPPage a#MPButton,
body#OOPage a#OOButton,
body#O1Page a#O1Button,
body#P1Page a#P1Button,
body#W1Page a#W1Button,
body#PRPage a#PRButton,
body#WAPage a#WAButton,
body#XMPage a#XMButton
{
	color: #ffffff ;
	background-color: #cc9999 ; /* pink */
	} 
body#APPage a#ModulesButton,
body#BAPage a#ModulesButton,
body#ISPage a#ModulesButton,
body#INPage a#ModulesButton,
body#FNPage a#ModulesButton,
body#I1Page a#ModulesButton,
body#D3Page a#ModulesButton,
body#ECPage a#ModulesButton,
body#JVPage a#ModulesButton,
body#MMPage a#ModulesButton,
body#MPPage a#ModulesButton,
body#OOPage a#ModulesButton,
body#O1Page a#ModulesButton,
body#P1Page a#ModulesButton,
body#W1Page a#ModulesButton,
body#PRPage a#ModulesButton,
body#WAPage a#ModulesButton,
body#XMPage a#ModulesButton
{
	color: #ffffff ;
	background-color: #990033 ; /* BBK Red */
	} 										 
											 
/* Specifications for pdf link formatting in document summary section */ 

.pdflink		{	font-size: .8em;
					color: #000000;
					font-style: italic;
					font-weight: bold;
					background-color : #cccccc;
					text-decoration: none;
				}

.smalltext 		{ 	font-size: 90% ;
					background-color: #FF6666;
				}
.box 			{   /* puts links in box */	
					width: 30%;
					padding: 5px 5px; 
					border: thin solid #0084a5; 
					float: left; 
					clear: left ;
					text-align: left; 
					background-color:#FFFFFF;
					color: #666666 ;
					margin-right: 1em ;
				}
.box a:link 		{ 	color: #006699 ;  /* blue */ }
.box a:visited	{	color: #9933cc ;  /* purple */ }
.box a:hover, .box a:focus {	color: #0099ff;  /* blue */ text-decoration: underline ; }
.box a:active 	{	color: #ff0000;  /* red */ }
							
span.pdf 		{	/* PDF */
					background-color:#000000; 
					color: #ffffff; 
					font-size:80%;
				}
				
.indent 		{  	font-size: 80%; 
					margin-left: 5em
				}
.clearing		{ clear: both ; }		
.warning		{ color: red ; }		
.debug			{ color: red ; }
#modulelist {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2em;
}