@charset "utf-8";
/* TMLC CSS Document */

html {
	background-color: #eee;
	}



body {
	background: #eee url(../images/shadow.jpg) repeat-y fixed center top;
	}
		
		
* {
	margin:0;
	padding:0;
	}



*,.html,body,div,span,h1,h2,h3,h4,p,ul,ol,li, blockquote, table,tr,th, td {
	font-family: Arial, Helvetica, sans-serif;
	}
	

	
#wrapper {
	width:975px;
	background-color:#eeeeff;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	}


/* Top area with logo and background */

#header {
	margin-bottom:12px;
	border-bottom: 1px solid #2e5e98;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	background: #6490cd url(../images/graduation-sky-clouds.jpg) -200px -500px;
	}
	
	
	
/* This is the fake 'logo' at the top left of header */

#header h2 {
	color:#fff;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.375em;
	border-top: 1px solid #fff;
	width: 12.9em;
	padding-top:8px;
	padding-left:0;
	margin-left:0;
	padding-right:0;
	margin-right:0;
	}
	
	
#header h2.bottom {
	letter-spacing: 0.58em;
	border-bottom: 1px solid #fff;
	margin-top:0.25em;
	padding-bottom:0.17em;
	margin-bottom:0.15em;
	}
	
	
/* Strapline in header */	

#header p {
	padding-top: 0.6em;
	font-size: 1.0em;
	letter-spacing: 0.05em;
	color: #ffff22;
	font-weight: bold;
	margin-bottom:0;
	padding-bottom:0;
	}

#header a:link, #header a:visited {
	text-decoration: none;
	color: #fff;
	display:block;
	}
	
	
#header a:hover, #header a:active {
color: #ffff33;
	}



/* left had navigation area with style unordered list*/

#nav {
	float:left;
	width:200px;
	margin-left:12px;
	background: #eeeeff url(../images/roundedkleft.gif) no-repeat left top;
	margin-bottom:5px;
	}


#nav ul {
	list-style: none;
	background: #eee url(../images/lightsky.jpg);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top: 1px solid #222;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #bbb;
	margin-left:0;
	padding-top:10px;
	}


#nav ul li {
	margin-bottom: 7px;
	padding-bottom:6px;
	border-bottom: 1px dotted #3d0f58;
	font-size: 0.85em;
	font-weight: bold;
	}


#nav ul li a:link,#nav ul li a:visited {
	text-decoration: none;
	background:#2e5e98 url(none);
	color: #ffff33;
	display:block;
	padding:6px 1px 6px 9px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	}



#nav ul li a:hover, #nav ul li a:active {
	text-decoration: none;
	display:block;
	padding:8px 3px 4px 7px;
	}
	
	
#nav ul li a:hover {
	display:block;
	background:#fff url(../images/lightsky.jpg) 0px 0px;
	color:#2e5e98;
	border-top: 1px solid #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #000;
	padding:8px 3px 4px 7px;
	}
	
	
	
#nav ul li a:active {
	color:#000;
	background:#fff url(../images/lightsky.jpg) -3px -3px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding:8px 3px 4px 7px;
	}


#nav li.no_border {
	border-style: none;
	}
	
	
/* Styled image at the bottom of naviation column */

#nav img {
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	margin-top:10px;
	width:198px;
	}


/* Main central column for content */
#centre {
	float:left;
	display:block;
	width:395px;
	margin-right:8px;
	margin-left:12px;
	margin-bottom:5px;
	}

.content {
	width:445px;
	margin-bottom:12px;
	padding-top: 0px;
	background:  url(../images/roundedkleft.gif) no-repeat left top;	
	}
	
	
	
/* Right hand area with contact details */
.sidebar2	{
	float:right;
	width:280px;
	margin-bottom:12px;
	margin-right:12px;
	padding-top: 0px;
	background: #fff;
	background:  url(../images/roundedright.gif) no-repeat right top;
	clear:right;
	background: #fff url(../images/roundedkleft.gif) no-repeat left top;
	}
	
/* Area below h1 which continues left and right borders while allowing rounded corners and bit map border in h1 above it */


.sidebar2 .bordered {
	background: #fff url(../images/yellgrad.jpg) repeat-y -170px 0px;
	}


.bordered {
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top:13px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-left: 1px solid #ccc;
	background: #fff url(../images/yellgrad.jpg) repeat-y 0px 0px;
	}
		

	
.rounded {
	background: #2e5e98 url(../images/roundedkleft.gif) no-repeat 1px top;	
	}
	

	
.content p,.content li,.content h2,.content h3  {
	padding-right:20px
	}



/* Footer area only - bottom of page */

#footer {
	clear:both;
	margin-top: 6px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	border-top: 1px solid #2e5e98;
	background: #99C9F1 url(../images/lightsky.jpg) repeat ;
	}


#footer p {
	font-size: 0.95em;
	font-weight: bold;
	margin-bottom:0.2em;
	}
	
	
#footer p.sm {
	font-size: 0.9em;
	color:#222;
	font-weight: normal;
	padding-top:0.25em;
	}
	
	
.w3_icon {
	float: right;
	margin-top:4px;
	margin-left: 15px;
	border-style: none;
	}
	


h2, h3, h4 {
	font-weight: bold;
	color: #2e5e98;
	letter-spacing: 0.025em;
	margin-top:0.5em;
	margin-bottom:0.3em;
	}
	
	
.bordered h2.no_border {
	border-style: none;
	}
	

/* Rounded top for all 3 column areas */

#nav h1, .sidebar2 h1, .content h1 {
	margin-top:0;
	margin-bottom:0;
	margin-left:15px;
	font-size: 1.35em;
	border-bottom: 1px solid #2e5e98;
	color: #ffff33;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	background: #2e5e98 url(../images/roundedright.gif) no-repeat right top;
	letter-spacing: 0.06em;
	}
		
		
	
	
	
.content h2, .sidebar2 h2 {
	margin-bottom:0.15em;
	padding-top:14px;
	font-size: 1.3em;
	border-top: 1px dotted #660033;
	padding-bottom:10px;
	}
	
	

.content h3, .sidebar2 h3 {
	margin-top:7px;;
	margin-bottom:0.2em;
	font-size: 1.15em;
	padding-top: 0.35em;
	}		
	
	
	
	

/* Weeky schedule table */


table {
	border-collapse:collapse;
	margin-top:1em;
	border-left: 1px solid #2e5e98;
	}


th {
	font-size: 1.15em;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	font-weight: bold;
	color: #ffff33;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.03em;
	background-color:#2e5e98;
	}
	
td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border: 1px solid #555;
	line-height: 1.35;
	}
	
.roundedtablehead {
	background:#2e5e98 url(../images/roundedrightwhite.gif) no-repeat right top;
	}
	
.alt {
	background: #ccdff7 url(../images/lightsky.jpg) no-repeat 0px 0px;
	}
	
	
	
	
	
	
/* Various additional text styles */

	
.bordered td.hilight, ul li.hilight,.hilight {
	color: #2e5e98;
	font-weight: bold;
	}

.hilight_2, .bordered td.hilight_2 {
	color: #000099;
	font-weight: bold
	}
	

.pres_bold {
	font-weight: bold
	}


.hilight_3, .content .bordered td.hilight_3 {
	color: #004400;
	font-weight: bold
	}

.feint {
	color: #777;
	}
	
	
.feint2 {
	color: #000066;
	}

	
	
	
	


.content p, .content td, .content li, .sidebar2 p, .sidebar2 li {
	font-size: 1em;
	letter-spacing: 0.03em;
	color:#223;
	line-height: 1.5;
	}
	
	
.content p.larger {
	font-size: 1.15em;
	line-height: 1.6;
	}



.content ul, .sidebar2 ul  {
	padding-bottom:4px;
	}

 
.bordered ul {
	margin-left:30px;
	}
	
	
.bordered li {
	padding-left:15px;
	margin-bottom:0.6em;
	line-height: 1.35;
	}


.content p, .sidebar2 p	{
	margin-bottom:0.65em;
	}








/* Styles list for links page only */


.content .bordered ul.links {
	padding-bottom: 3px;
	padding-left:35px
	}


.content .bordered ul.links li {
	padding-bottom:3px;
	margin-right:12px;
	padding-left:4px;
	list-style: url(../images/cursor.jpg);
	}
	
.content .bordered ul.links li a:link, .content .bordered ul.links li a:visited {
	padding:2px;
	}





/* Links which are not styled navigation block lists */

a:link, a:visited	{
	color: #2e5e98;
	text-decoration: underline;
	background-color: transparent;
	}


a:hover, a:active {
	color: #fff;
	text-decoration: none;
	background:#2e5e98;
	}



/* Useful styles - clearing and borders */


.clear {
	clear:both;
	}


.no_border {
	border-style: none;
	}



	
.right_image {
	float: right;
	margin-left: 12px;
	}

.frame {
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	}
	
	
	.block_image {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;	
	}
	

/* Styled list to present photos and captions - each within li */


.content .bordered ul.gallery {
	padding-top:3px;
	padding-left:0;
	margin-left:0;
	margin-bottom:10px;
	list-style: url(none) none;
	
	}

.content .bordered ul.gallery li	{
	font-size: 0.9em;
	line-height: 1.1;
	text-align: center;
	width: 114px;
	list-style: url(none) none;
	color: #2e5e98;
	font-weight: bold;
	float:left;
	}


.content .bordered ul.gallery li img {
	border-top: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #aaa;
	display: block;
	background: #fff;
	padding: 1px;
	margin-top:10px;
	list-style: url(none) none;
	}
	
	
.map {
	padding-top:10px;
	padding-left:50px;
	padding-bottom:11px;
	padding-right:5px;
	background: url(../images/mapicon.gif) no-repeat 2px center;	
	}
	
	
a:hover.map, a:active.map {
	background: url(../images/mapicon.gif) no-repeat 2px center;
	background-color: #2e5e98;
	color: #fff;
	}
	
.othermap {
	padding-top:10px;
	padding-left:50px;
	padding-bottom:11px;
	padding-right:5px;
	background: url(../images/mapicon2.gif) no-repeat 2px center;
	}
	
	a:hover.othermap, a:active.othermap {
	background: url(../images/mapicon2.gif) no-repeat 2px center;
	background-color: #2e5e98;
	color: #fff;
	}
	
.pdf li {
	list-style: square url(../images/pdf_icon.jpg);
	margin-left: 35px;
	padding-left: 5px;
	}
	
.word li {
	list-style: square url(../images/word_icon_sm.jpg);
	margin-left: 35px;
	padding-left: 5px;
	}
	
.excel li {
	list-style: square url(../images/excel_icon_sm.jpg);
	margin-left: 35px;
	padding-left: 5px;
	}
	
	
.word_margin li {
	list-style: square url(../images/word_icon_sm.jpg);
	margin-left: 15px;
	padding-left: 5px;
	padding-top:10px;
	}
	
	
	
.super {
	font-size: 0.7em;
	vertical-align: super;
	}






/*Form*/

legend {
	font-size: 1.2em;
	font-weight: bold;
	color:#2e5e98;
	padding-bottom:10px;
	}

fieldset {
	margin-top:15px;
	padding:16px 1px 1px 2px;
	border: 1px solid #2e5e98;
	margin-bottom:15px;
	
	}

.form  {
	background: #fff;
	}

fieldset ol li {
	list-style: none;
	display:block;
	height:35px;
	}


fieldset ol li.text_area {
	height:150px;
	padding-top: 20px;
	}

fieldset ol li input {
	width:180px;
	clear: right;
	float: right;
	}

fieldset ol li input, fieldset ol li textarea {
	background: #ffffcc;
	font-size: 1.2em;
	padding:3px;
	color: #2e5e98;
	line-height: 1.5;
	border-top: 2px solid #000;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	border-left: 2px solid #000;
	letter-spacing: 0.03em;
	}



fieldset ol li label,fieldset ol li.text_area  label  {
	font-weight: bold;
	}

fieldset ol li.text_area  label{
	padding-bottom:7px;
	display:block;
	}


fieldset ol li textarea {
	width:375px;
	height:120px;
	padding-bottom:30px;
	display:block;
	}

fieldset ol li.clear_both {
	clear:both;
	display:block;
	padding-top:50px;
	}


fieldset ol li input#submit {
	width:90px;
	background-color:#2e5e98;
	font-weight: bold;
	clear:both;
	color: #fff;
	margin-right:90px;
	cursor: default;
	padding:1px;
	}
	
.content .bordered ul li {
	list-style: url(../images/block_list.gif) none;
	margin-left: 30px;
	padding-left: 1px;
	line-height: 1.5em;
	margin-bottom: 5px;
	}
	
	
.content .bordered blockquote p {
	margin-left: 30px;
	margin-right: 30px;
	color:#1A3353;
}