/*=====================*/
/* CSS for CAD/CAM in Schools
/*=====================*/

html, body { margin: 0; padding: 0; font-size: 100%; background-color:#fff; }
body {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#333;
}

textarea, input, td, th, div {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
}

form { padding:0px; margin:0px;}

label { margin-bottom:2px; }

.clearer {
	margin: 0 0 0 0 !important;
	padding:0;
	clear: both;
	height:1px;
	line-height: 1px;
	overflow:hidden;
}


h1 {
	font-size:100%;
	color:#666;
	background-color:#e9f2f9;
	font-weight:bold ;
	height:16px;
	padding:0.5em 1em;
 	margin:1em 1em 0.5em 1em;
}

h2, .h2, td.h2 {
	font-size:100%;
	font-weight:bold ;
	letter-spacing:1.1px;
	color:#999;
	padding:0.2em 0em;
	margin:0;
	margin-bottom:0.5em;
	border-bottom:1px dashed #999;
}

h2 a:link, h2 a:visited { text-decoration:none; color:#999; }

h3 { font-size:1.2em;font-weight:bold;color:#999;}

h4 {
	margin:0;padding:0;
	font-size:100%;
	font-weight:bold;
}
h4 a:link, h4 a:visited { font-weight:bold; }

p {
	margin:0;padding:0;
	margin-bottom:15px;
	border:0px solid orange;
}

.PageContent ul {
	margin-top:0px;
	margin-bottom:15px;
	border:0px solid orange;
}

a:link { color: #3d89bf; }
a:visited { color:#96a4cd; }
.leftcol a:link, .leftcol a:visited { color:#eee; }


ul.list  {
    margin:0;
    padding:0;
	padding-left:2em;
	border:0px dotted orange;
	text-indent:0;
	list-style-type: disc;
	list-style-image: url("../images/arrow.gif");
}

ul.list  li {
	margin-bottom:0.5em;
}


/*-- Text Styles --*/
.error { color:#c00; font-weight:bold; padding:6px 0px; }
.success { color:#063; font-weight:bold; padding:6px 0px; }
.msg { color:#063; font-weight:bold; padding:6px 0px; }
.hint { font-size: 90%; color: #76797c; margin: 0 0 0.2em 0; }

.inactive { color:#76797c; }

.big  { font-size:110%; }
.std { font-size:100%; }
.small { font-size:90%; }
.smaller { font-size:85%; }


/*==== Forms ====*/

.button {
    font-size:11px;
    background-color:#999;
    font-weight:bold;
    color:#fff;
    border-color:#fff #666 #666 #fff;
    border-width:1px 1px 2px 1px;
    border-style:solid;
}
.required { font-size: 90%; color: #76797c; }

select {
    line-height:1.5em;
}
.textinput {
    border:1px solid #999;
    line-height:1.5em;
}

/* Login form in left hand column */
.loginform {
	padding-top:12px;
	border-bottom:1px solid #fff;
}
.loginform td {
    color:#eee;
}
.loginform a { color:#fff; }

/*-- Header bar styles --*/
#Header {
    width:100%;
}

#Header .logo {
    width:140px;
    text-align:center;
}

.topbar {
    background-color:#999;
    padding:8px 15px;
    height:20px;
}

.breadcrumb {
    height:12px;
    padding:8px 15px;
}

.siteheading {
    color:#fff;font-size:14px;
    font-weight:bold;
    font-family:arial;
}

/*-- Footer Bar --*/

#Footer {
	background-color:#ccc;
	padding:6px;
	border-top:1px solid #fff;
	border-bottom:4px solid #999;
	color:#666;
	font-weight:normal;
}

/*=========== Main Layout ============*/

.columns2 {
    border-left-width: 140px;  /* left column width */
    border-left-color: #999;   /* left column colour */
    background-color: #fff; /* center column colour */

    height: auto !important;
    height: 500px;
    min-height: 500px;
    border-top:1px solid #999;
}
.columns2 { width:auto; border-left-style:solid;  }

.leftcol {
    width: 140px;              /* left column width */
    margin-left: -140px;       /* _negative_ left column width */
}

.inner { margin: 0; width: 100%; }

.leftcol { float: left; position: relative; z-index: 10; }
.centercol { float: left; width: 100%; position: relative; z-index: 12;  }


/* ====== Left Menu Styles ====== */
#nav ul {
    margin:0px;
    padding:0px;
    list-style-type: none;
}

#nav a {
    display: block;
    padding: 5px 5px 5px 8px;
    width: 127px;
    background-color: #999;
    border-bottom: 1px solid #eee;
}

#nav a:link, #nav a:visited {
    color: #eee;
    font-weight:bold;
    text-decoration: none;
}

#nav a:hover, #nav a.level1_on:link, #nav a.level1_on:visited  {
    color: #666;
    background-color: #b4cde1;
}

#nav a.level2, #nav a.level2_on {
    display: block;
    padding:3px 5px 3px 18px;
    width: 117px;
    background-color:#ccc;
    border-bottom: 1px solid #aaa;
}

#nav a.level2:link, #nav a.level2:visited {
    color:#666;
}

#nav a.level2:hover, #nav a.level2_on:link, #nav a.level2_on:visited  {
    color: #666;
    background-color: #b4cde1;
}

#nav a.level3, #nav a.level3_on {
    display: block;
    padding:3px 5px 3px 28px;
    width: 107px;
    background-color:#eee;
    border-bottom: 1px solid #ccc;
}

#nav a.level3:link, #nav a.level3:visited {
    color:#666;
}

#nav a.level3:hover, #nav a.level3_on:link, #nav a.level3_on:visited  {
    color: #666;
    background-color: #b4cde1;
}


/*--- Page Content and Heading ---*/

.PageContent {
 	border:0px solid #ccc;
 	margin:1em;
 	margin-top:0;
 	padding:1em;
 	line-height:140%;
}

.PageHeading {
	background-color:#efefef;
	border1:1px solid #ccc;
	font-weight:bold ;
	height:16px;
	padding:0.5em 1em;
 	margin:1em;
}

/*-- links in PageHeading to next, prev etc */
.nextprev {
	float:right;font-weight:normal;font-size:11px;
}
.nextprev a:link, .nextprev a:visited { text-decoration:none; color:#666; }
.nextprev a:hover { background-color:#ccc; }
.nextprev .dim { color:#999; }

table.tablelist { border-spacing:0px;width:100%; }
table.tablelist td { vertical-align:top; padding:4px; }

tr.tableheading td { vertical-align:top; background-color: #eee;font-weight:bold;color:#333;border-bottom:1px solid #ccc;border-top:1px solid #ccc }
tr.actionrow td { background-color:#fff;border-bottom:1px solid #fff }
tr.tablerow td { border-bottom:1px solid #eee;vertical-align:top; }
tr.whiterow td { background-color:#fff;border-bottom:1px solid #ccc }
tr.shadedrow td { background-color:#eee;border-bottom:1px solid #ccc }
tr.inactiverow td { background-color:#fff;border-bottom:1px solid #ccc;color:#999; }

.label { color:#999;font-weight:bold; }
td.label { color:#999;font-weight:bold;text-align:right; }
td.field { padding:2px 4px; }

table.viewone {
	margin-bottom:2em;
	empty-cells:show;
}

table.viewone tr.heading td, table.viewone td.heading {
	background-color:#eee;
	color:#666;
	font-weight:bold;
	border-style:dashed;
	border-width:0px 0px;
	border-color:#999;
}

table.viewone td {
	padding:6px 6px ;
	border-bottom:1px solid #eee;
	vertical-align:top;
}

.searchbox {
	background-color:#f7f7f7;
	border:1px solid #ccc;
	padding:0.5em 1em ;
	font-size:11px;
	font-size:85% ;
}



/*--- Boxes on the homepage ---*/

.shadowbox {
	width:28%;
	margin:10px 10px 10px 0px;
	position: relative; /*IE needs this to show float properly*/
	float:left ;
}

.shadowboxfloat {
	margin:0px;
	margin-left:5px;
	background: url("../images/shadowlight.gif") repeat;
	}

.shadowcontent1, .shadowcontent2, .shadowcontent3 {
	position: relative;
	padding: 10px;
	top:-2px; left:-2px;  /* define the shadow 'offset'*/
	height:200px;
	border-style:solid;
	border-width:8px 1px 1px 1px;
}

.shadowtitle {
	margin-left:3px;
	padding:0;
}

.shadowcontent1 {
	background:#e9f2f9;
	border-color:#b5cede;
}


.shadowcontent2 {
	background:#eeeec8;
	border-color:#cece66;
}


.shadowcontent3 {
	background:#e4d7d6;
	border-color:#966463;
}

/*-- Viewing Images ---*/
.thumbnail {
	float:left ;
	position: relative;
	margin:0;padding:0;
	margin:0px 10px 10px 0px;
	text-align:center;
	background-color:#fff;
	background: url(../images/shadow.gif) no-repeat bottom right;
}

.thumbnail table {
	margin: 0px 6px 6px 0px;
	border: 0px solid #ccc;
}

.shadowimg {
	float:left ;
	position: relative;
	margin:0px;padding:0px;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin-right:12px ;
}

.shadowimg img {
	margin: 0px 6px 6px 0px;
	padding:4px;
	border: 1px solid #ccc;
	background:#fff;
}


/* task images have captions underneath */
.taskimage {
	float:left;
	text-align:center;
	color:#666;
	margin-bottom:20px;
}
.shadowimgtask {
	margin:0px;padding:0px;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin-right:12px ;
}

.shadowimgtask img {
	margin: 0px 6px 6px 0px;
	padding:4px;
	border: 1px solid #ccc;
	background:#fff;
}
.taskimage .caption {
	width:300px;
}	

/*-- Case study of the month on homepage --*/
#homeimg { width:100%;background-color:#eee; }
#homeimg td {
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#eee;
}
#hometext {
	border-bottom:1px dashed #999;background:#eee;padding:6px 12px;
}

#homecasestudy {
	background:#fff;border-bottom:1px dashed #999;
 	margin-top:0;
 	padding:1em 0em 0.5em 2em;
}