/* CSS Document */

/* styles used in ITC webpage */

#container { /* container element */
position : relative;
width : 100% ;

}

#header {
  padding: 0.5em ;
  border-bottom: 2px solid gray ;
}

#leftcol { /* element to contain secondary nav bar */
float : left ;
width : 20% ;
}

#leftcol div {
	padding : 5px;
	}

#content { /* element to contain content */
float : right;
width : 79%;
padding-top : 40px; 
border-left: 1px solid gray ; 
}

#content div {
	padding : 5px;
	}

#footer {
  clear: both ;
  margin: 0 ;
  padding: 0.5em;
  border-top: 1px solid gray ;
} 

html	{				/* html is parent object for XHTML in page */
	background : #ffffff ; 		/* white colour value is #ffffff */
	color : #000000 ; 		/* black */
	display: block ;		/* default setting */
	}

body 	{					
	background : #ffffff ; 		/* white */
	color: #000000 ; 		/* black */
	display: block ;		/* default setting */
	line-height : 1.3 ; 		/* called leading - same as 130% */
					/* line spacing 130% of current font-size */
	margin : 0 ;  			/* set margin and padding to 0 on body */
	padding : 0 ;			/* to avoid non-standard browser defaults */
	font-size : 76% ;  		/* IE bug with em sizes less than 1em */
					/* avoid by using % sizes for headings */
					/* use this with % settings for headings */		
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif ;  
					
	}
	
	h1,h2,h3,h4,h5,p,ul,ol,td,th,li	{	/* set default font family */
	font-family: Verdana, Arial, Helvetica, sans-serif ;   
					/* should inherit from body but may not */
					/* of browser bugs so set here */
	}
h1,h2,h3,h4,h5,p,ol,ul,pre {		/* set defaults for block elements */
	display: block ;
	}
	
	h1	{ font-size: 220% ; }  		/* set font sizes for headings */
h2	{ font-size: 190% ; }		/* relative to body font size */
h3	{ font-size: 160% ; }
h4  	{ font-size: 130% ; }
h5	{ font-size: 100% ; }

/* font-weight set in multiples of 100 - bold is about 700 */
h1,h2,h3,h4,h5 { font-weight: 700 ; }

h1,h2,h3 				/* default colour styles */	
	{ color : #0000CC ; } 		/* blue */
h4,h5,p,ul,ol,pre { color : #000000 ; } /* black */


table {
	width : 100%;
	border : 1px solid #000;
	background : #fff;
}

table th, table td {
	margin : 0;
	padding : 8px 20px;
	border-bottom : 1px solid #b5b5b5;
}

.important {
	color : #FF0000;
	font-weight : bold;
	}