@charset "utf-8";
/* CSS Document 
.class = multiple 
#id = once
*/
			body {
				background-color: #ffffff;
				padding: 0px;
				margin: 0px;
				font-family: "Verdana","Arial";
				color:#333333;
			}			
			a:link {
				color: #003399;
				text-decoration: none;/* unvisited link */
				}     
			a:visited {
				color: #003399;
				text-decoration: none;/* visited link */
			}  
			a:active {
				color: #663399;
				text-decoration: none;/* selected link */
			}
			a:hover {
				text-decoration: underline;/* mouse over link */
			}   
			#drop {
				width: 200px;
				height: 100%;
				position: fixed;
				top: 0px;
				left: 0px;
				background-image: url(Images/menukids.jpg);
				background-repeat:repeat-y;
				font-size: 12px;
				font-weight:bold;			
				line-height: 14px;
				padding-top: 10px;
				padding-left: 10px;
			}
			.bulletlist {
				font-size: 11px;
				font-weight:bold;		
				line-height: 16px;
			}					
			/*#menu {
				width: 200px;
				height: 100%;
				position: fixed;
				top: 0px;
				left: 0px;
				background-image:url(Images/menukids.jpg);
				font-size:11px;
				line-height: 14px;
				color: #FFFFFF;
			}*/
			/*#menudrop {
				display: none;					
			}*/
			#container {
	position: absolute;
	top: 11px;
	left: 2px;
	width: 600px;
	margin-left: 200px;
				}
				.table tableedu {
					border: 1px;
					border-color: #FF00FF;
					font-size: 10px;
				}				
				#table {
					width: 600px;					
					}
				
					/*#table tr {
							height: 300px;		
						} Took this out and had no effect because the Image in the same row is 300px high */
						.txtl {
							text-align: left;
							background-color: #ffffff;
							width: 300px;							
							font-size: 11px;
							padding-left: 10px;
							padding-right: 10px;													
						}
						.imgr {
							text-align: left;
							width: 300px;
						}
						.txtr {
							text-align: left;
							background-color: #ffffff; 
							width: 300px;
							font-size: 11px;
							padding-left: 10px;
							padding-right: 10px;
						}
						.imgl {
							text-align: left;
							width: 300px;
						}
						.heading {
							text-align:left;
							font-size: 16px;
							font-weight: bold;
							color: #0067b1;
						}
						.headingred {
							text-align:left;
							font-size: 16px;
							font-weight: bold;
							color:#990033;
						}
						.subheading {
							text-align:left;
							font-size:12px;
							font-weight:bold;
							color: #0067b1;
						}
						.subheadinggrey {
							text-align:left;
							font-size:12px;
							font-weight:bold;
							color: #333333;
						}
						#resources {
							text-align:left;
							top: 0px;
							background-color:#ffffff;
							height: 100%;
							width: 600px;							
							font-size: 11px;
							padding-left: 10px;							
						}
						.colspan2 {
							text-align:left;
							top: 0px;
							background-color:#ffffff;
							height: 100%;
							width: 600px;							
							font-size: 11px;
							padding-left: 10px;							
						}
						.alert {
							text-align:left;
							top: 0px;
							background-color:#CCCCCC;
							height: 100%;
							width: 590px;
							height: 300px;
							font-size: 11px;
							padding-left: 10px;
						}
						.colspan2edu {
							text-align:left;
							top: 0px;
							background-color:#FFFFFF;
							height: 100%;
							width: 600px;
							font-size: 11px;
							padding-left: 10px;
							border:double;
							border-color: #999999;
						}											
						.acred {
							text-align:left;
							vertical-align:text-top;
							top: 0px;
							background-color:#ffffff;
							width: 600px;							
							font-size: 9px;							
						}
						#after {
							width: 600px;							
							font-size:11px;	
							padding-left: 5px;
						}
						#employ {
							width: 600px;							
							font-size:11px;	
							padding-left: 10px;
						}
						#education {
							width: 600px;							
							border:solid;
							border-color:#black;
							font-size:11px;	
							padding-left: 10px;
							padding-right: 10px;
						}						
						.trint {
							border: 1px;
							border-color: #999999;
							font-size: 10px;
							height: 20px;
						}
						.trsmall {
							border: 1px;
							border-color: #999999;
							font-size: 11px;
							height: 15px;
						}
						.psychl {
							height: 100%;
							align: centre;
							width: 90px;
							padding-bottom: 5px;
							padding-top: 5px;
							padding-left: 5px;
							padding-right: 5px;
							font-size: 11px;
							background-color: #ffffff;
							border-color:#CCCCCC;
							border-width:thin;
						}	
						.psychr {
							text-align: left;
							width: 510px;
							font-size: 11px;
							padding-left: 10px;
							padding-right: 10px;
							background-color:#CCCCCC;
						}
						.rollover {
							background:#ffffff;
							border-style:solid;
							border-width:thin;
							font-size: 10px;
							font-weight: lighter;
							width: 150px;
						}