/* colors
green: #8cc63e
red: #ff1d21
blue: #195c93
yellow: #DFB145
grey for backgrounds: #eeeeee
grey for borders: #999999
*/

body {
    margin:0px;
    padding:0px;
    background:#e5e5e5;/* make lighter */
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
#container {
    margin:0 auto;
    width:840px;
    padding: 5px 60px 5px 60px;
    background-image:url(/resources/images/layout/container-middle.jpg);
    background-repeat:repeat-y;
}
/* container shadow */

#bottomshadow {
    background-image:url(/resources/images/layout/container_bottom.jpg);
    background-repeat:no-repeat;
    background-position:-3px 0px;
    margin:0 auto;
    width:957px;
    height:38px;
}
#firstlinks {
    margin: 10px 0px 0px 0px
}
#footer {
    margin:0 auto;
    width:840px;
    padding: 5px 60px 5px 60px;
    text-align:center;
    font-size:12px;
}
#footer a {
    text-decoration:none;
    color:#000000;
    font-size:12px;
}
#footer a:hover {
    text-decoration:underline;
}

#header {
}

#header a img {
    border:0px;
    margin:0px;
}

#logo {
    float:left;
}
#search {
    float:right;
}
#search a {
    text-decoration:none;
    color:#000000;
}
#picturebanner {
    margin: 0px 0px 5px 0px;
}
#bread {
    float:left;
    width:430px;
    margin:0px 0px 5px 0px;
    font-size:12px;
}
#bread a {
    color:#999999;
    text-decoration:none;
}
#rightlinks {
    float:right;
    margin:0px 5px 5px 0px;
}
#rightlinks a {
    color:#339c0b;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
}
#bottomlinks {
    margin:15px 0px 30px 0px;
}
.clear {
    clear:both;
}
#leftlinks {
    float:left;
    width:180px;
    margin:10px 5px 0px 0px;
}
#middlecontent {
    float:right;
    width:650px;
    padding:10px 0px 0px 0px;
    line-height: 1.4;
}

#middlecontent a {
    font-weight:normal;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
}

#middlecontent .teacher-training-links a { /* links on mci courses*/
    font-weight:bold;
    font-size:16px;
    cursor: pointer;
}

#middlecontent .image-no-border img {
    border:none;
}

#middlecontent .with-border img {
    border:2px #ccc solid;
    margin:0px 0px 5px 5px;
}

/************* magazine and jobs - job box is the area that jobs are placed  ***********/

#middlecontent .job-box {
    border-bottom:1px #999 solid;
    padding:5px;
    display:block;
}

#middlecontent .job-box li {
    margin:2px 0px 2px 0px;
}

#middlecontent .job-heading a {
    font-weight:bold;
    margin:0px 0px 2px 0px;

}
#middlecontent .find-out-more {
    cursor:pointer;
}

/************* main content ***********/

#content {
    float:left;
    width:460px;
    margin:5px 10px 0px 0px;
}

/* middle content a img will need to be taken out once advertisement is being placed */

#middlecontent a img {
    border:1px #ccc solid;
}

#content a img {
    border:1px #ccc solid;
    margin:0px 0px 15px 15px;
}


#testimonials {
    float:right;
    width:160px;
    padding:15px 0px 10px 10px;
}


/*************round corner middle content ***********/

#middlecontent .top {
    background-image:url(/resources/images/layout/maincontent_top.jpg);
    background-repeat:no-repeat;
    padding:8px 0px 8px 0px;
}
#middlecontent .middle {
    background-image:url(/resources/images/layout/maincontent_middle.jpg);
    background-repeat:repeat-y;
    background-position:1px 0px;
    padding:8px 23px 8px 20px;
    text-align:justify;
}
#middlecontent .bottom {
    background-image:url(/resources/images/layout/maincontent_bottom.jpg);
    background-repeat:no-repeat;
    padding:8px 0px 8px 0px;
}

/* testimonials quote box */

#quotes {
    width:180px;
    float:right;
    color:#4b8a33;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
}

#quotes p {
    padding:0px;
}
#quotes p.name {
    color:#000;
    font-size:12px;
}
#quotes .top-image {
    background:url(/resources/images/layout/quotes-top.jpg) no-repeat;
    height:8px;
    background-position: -1px 0px;
}
#quotes .middle-content {
    background:url(/resources/images/layout/quotes-middle.jpg) repeat-y;
    padding:10px 20px 10px 20px;
}
#quotes .bottom-image {
    background:url(/resources/images/layout/quotes-bottom.jpg) no-repeat;
    height:19px;
    background-position: -1px;
}
/***************** database interaction areas ***************/
table.styled_form {
	padding:0;
	margin:0;
	border:1px solid #ccc;
	border-collapse:collapse;
}
table.styled_form th, table.results th {
	background-color:#eee;
	border:1px solid #ccc;
}
table.styled_form tr {
	padding:0;
	margin:0;
}
table.styled_form td {
	padding:3px;
	margin:0;
}
.required {
	color:red;
	font-weight:bold;
	font-size:1em;
}
.error {
	color:red;
}
input.form_btn {
	background-color:red;
	color:#fff;
}
table.results {
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
table.results tr, table.results td {
	padding:0;
	margin:0;
}
.admin_menu {
	background-color:#F6EAD0;
	font-weight:normal;
}
.admin_menu img {
	margin:3px 3px 3px 10px;
}
#container_admin {
    margin:0 auto;
    width:920px;
    padding: 5px 20px 5px 20px;
    background-image:url(/resources/images/layout/container_middle.jpg);
    background-repeat:repeat-y;
}
#middlecontent_admin {
    float:right;
    width:730px;
    padding:10px 0px 0px 0px;
    line-height: 1.4;
}
.notes {
	font-size:0.8em;
	color:#666;
}
.stdTable {
	border: 1px solid #000;
	border-collapse: collapse;
	width: 100%;
	empty-cells: show;
}
.stdTable th {
	border: 1px solid #000;
}
.stdTable td {
	border: 1px solid #444;
}
.centre {
	margin: 0 auto;
}
.nowrap {
	white-space: nowrap;
}
#paging {
	width: 100%;
	margin: 0 auto;
	text-align: center; 
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
.th-left tr th {
	text-align: left;
}
.w150 {
	width: 150px;
}