html{font-size:100%}
body{font-size:62.5%; font-family: Arial, Helvetica, Geneva, sans-serif; background:url(/images/bodybackground2.jpg) top center no-repeat;}
p{font-size:1.2em; padding:5px; margin:5px;}
h1{font-size:1.5em; color:#293F64; font-weight:bold; padding:5px; margin:5px;}
h2{font-size:1.3em; font-weight:bold; padding:5px; margin:5px;}
h3{font-size:1.2em; font-weight:bold; padding:5px; margin:5px;}
h4{font-size:1.2em; font-weight:bold; padding:5px; margin:5px;}
/*h5{font-size:1.2em; font-weight:bold; padding:5px; margin:5px;}
h6{font-size:1.2em; font-weight:bold; padding:5px; margin:5px;}*/

ul, td, tr{font-size:1.2em;}
ol{font-size:1.2em;}

img{border:none;}

a:link{text-decoration:none; background-color:#FFF; color:#293F64;}
a:visited{text-decoration:none; background-color:#FFF; color:#293F64;}
a:hover{text-decoration:underline; background-color:#FFF; color:#293F64;}
a:active{text-decoration:none; background-color:#FFF; color:#293F64;}

/* Set the widths for the grid */
#wrapper{width:760px; height:auto; margin:0 auto 30px auto; background-color:#FFF;}
#headerwrapper{width:760px; height:300px; margin:0 auto; background-color:#FFF;}
#tinkerlogo{height:150px; width:140px; float:left; clear:left;}
#scarlogo{height:135px; width:140px; float:left; clear:left; margin-top:15px; text-align:center;}
#topimage{width:610px; height:300px; float:right; overflow:hidden;}

#leftcolumn{float:left; width:200px; height:auto; margin:15px 10px 20px 0;  background-color:#293F64; color:#FFF;}
#leftcolumn h5{background-color:#B5B5B5; color:#000; margin:0; padding:2px 5px; font-size:1.4em; font-weight:800;}
#leftcolumn h6{padding:5px; margin:0; font-size:1.4em; font-weight:800;}
#leftcolumn p, #rightcolumn h2{padding:0; margin:0 0 10px 0;}
#maincolumn{width:530px; height:auto; float:left; margin:15px 0 20px 5px;}
#maincolumn ul{margin-left:20px;}
#maincolumn li{list-style-image:url(/navigation/bullet.gif); padding:2px 0; margin-top:3px;}
#maininnercolumn{width:540px; height:auto; float:right; margin:15px 0 0 10px; padding-bottom:20px;}
#rightcolumn{width:200px; height:auto; float:right; margin:20px 10px 20px 10px; background-color:#293F64; color:#FFF;}
#rightcolumn p, #rightcolumn h3{padding:10px; margin:10px;}
#rightcolumn h5{background-color:#B5B5B5; color:#000; margin:0; padding:2px 5px; font-size:1.4em; font-weight:800;}
#rightcolumn h6{padding:5px; margin:0; font-size:1.4em; font-weight:800;}
#rightcolumn p, #rightcolumn h2{padding:0; margin:0 0 10px 0;}
#footer{width:760px; height:40px; margin-left:auto; margin-right:auto;margin-top:50px;padding:3px 0;clear:both; color:#FFF; background-color:#293F64;}
#footer a:link{color:#FFF; background-color:#293F64; text-decoration:none;}
#footer a:visited{color:#FFF; background-color:#293F64; text-decoration:none;}
#footer a:hover{color:#B5B5B5; background-color:#293F64;text-decoration:underline;}
#footer a:active{color:#FFF; background-color:#293F64;text-decoration:none;}
#copyright{float:left; margin-left:10px; width:560px;}
#contact{float:right; margin-right:10px; width:150px; font-weight:bold; text-align:right;}

/* Top Navigation */
#topnav{width:760px; height:auto; margin-left:auto; margin-right:auto; padding:5px 0;clear:both; color:#FFF; background-color:#293F64; text-align:center; font-size:1.5em; font-weight:700;}
#topnav a:link{color:#FFF; background-color:#293F64; text-decoration:none;}
#topnav a:visited{color:#FFF; background-color:#293F64; text-decoration:none;}
#topnav a:hover{color:#B5B5B5; background-color:#293F64;text-decoration:underline;}
#topnav a:active{color:#FFF; background-color:#293F64;text-decoration:none;}

/*expanding menu stuff goes here*/

#ExpandingSidebar {
 list-style: none;
  width: 180px;
  padding: 20px 0;
  font-size:1.25em; font-weight:bold;
  line-height:1.4em; 

}

#ExpandingSidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
    
#ExpandingSidebar li {
    width: 180px;
    margin: 0;
	color: #FFF; background-color:#293F64;
	padding: 3px 0 3px 5px;
}

#ExpandingSidebar li.level1 a {
    display: block;
   	color: #FFF;  background-color:#293F64;
    text-decoration: none;
    width: 180px;
	padding: 3px 0 3px 5px;

}

#ExpandingSidebar li.level1 visited {
    display: block;
   	color: #FFF;  background-color:#293F64;
    text-decoration: none;
    width: 180px;
	padding: 3px 0 3px 5px;

}

#ExpandingSidebar li.level2 a {
    display: block;
   	text-decoration: none;
    width:180px;
	padding: 3px 0 3px 15px;}

#ExpandingSidebar li.level3 a {
    display: block;
    padding: 3px 0 3px 5px;
    text-decoration:none;
    width:180px;
}

#ExpandingSidebar li.levelcurrent1 a {
    display: block;
    padding: 3px 0 3px 5px;
	text-decoration: none; 
	width:180px;
	color: #B5B5B5;  background-color:#293F64;
}

#ExpandingSidebar li.levelcurrent2 a {
   display: block;
  padding: 3px 0 3px 15px; 
   width:180px;
}

#ExpandingSidebar li.levelcurrent3 a {
    display: block;
   padding: 3px 0 3px 5px;
    text-decoration: none;
    width:180px;
}

html>body #ExpandingSidebar li a {
    width: auto;
}


#ExpandingSidebar li.level1 a:hover {
    padding: 3px 0 3px 5px;
    text-decoration: underline;
	color:#B5B5B5;
}

#ExpandingSidebar li.level2 a:hover{
    padding: 3px 0 3px 15px;
  	text-decoration: none;
	
}

#ExpandingSidebar li.level3 a:hover{
    padding: 3px 0 3px 5px;
    text-decoration: underline;
}

/* Other classes */

.imgright{float:right; margin-left:10px;}
.frontimgright{float:right; margin:0 10px; width:auto; height:auto;}
.imgleft{float:left;}
.cap{font-weight:bold; font-size:3em;}
.centre{margin:50px;}
.contact{margin:10px 30px;}
.formtext{font-size:1.2em;}
.noindent{padding:5px 0; margin:7px 0; font-size:1em;}
.redspan{color:#F00; background-color:#FFF;}
.nobold{font-weight:normal;}


/*Classes for FCKEditor */

#breadcrumb{width:500px; height:auto; margin:0; padding:5px 10px 10px 0; text-align:right; float:right;}
#breadcrumb p{font-size:1.2em; padding:0; margin:0;}