/* scotsscripts.com */
/* Make sure the layout is centered in IE5 */
body { text-align: center; }
#page { text-align: left; }
/* Keeps IE6 from cutting pulled/pushed images */
ul, ol { position: relative; }
/* Fixes incorrect styling of legend in IE6 fieldsets. */
legend { margin-bottom: 1.4em; }
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left: 2em; }
/* --------------------------------------------------------------
   Boilerplate reset.css
   * Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,  pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
a img { border: none; }
input,textarea { margin: 0; }
/* Removes Firefox imposed outline */
a { outline: none; }
/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* main site */
body {
margin: 0;
padding : 0;
font : 80% "Trebuchet MS", verdana, arial, verdana, arial, sans-serif;
color : #2E2E2E;
background : #e0e9ff;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
/* background : #363636 url(images/back.jpg) repeat-y center; */
}
#container {
border: green 2px solid;
width : 870px;
padding: 10px;
margin-left : auto;
margin-right : auto;
background : #FFFFFF;
text-align: left;
}
#container b {
	color: #264059;
}
#banner_container {
height : 120px;
clear: both;
width: auto;
padding-bottom: 25px;
}
			/*TOP BANNERs*/
#banner {
float : left;
width : 240px;
height : 100px;
padding : 0;
}
			/*MIDDLE BANNERs*/
#bannerm {
float: left;
white-space:nowrap;
height : 100px;
width : 233px;
padding: 0 0 0 15px;
border-left: 1px solid #DFDFDF;
text-align: left;
}
			/*RIGHT BANNERs*/
#bannerb {
border-left: 1px solid #DFDFDF;
float : right;
height : 100px;
width : 240px;
padding: 0 0 0 10px;
text-align: center;
font-size: 9pt;
}
			/*TOP MENU*/
#navcontainer {
clear: both;
width : 100%;
padding-top: 5px;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background: #363636 url(images/nav_back.png) right;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #363636;
color : #F0FDC1;
}
#navcontainer ul li a:hover {
background : #FFFFFF;
color : #0040FF;
}
#active a:link, #active a:visited {
background : steelblue;
color : #FFFFFF;
}
#active a:hover {
background : #A9C457;
color : #2f2f2f;
}
			/*LEFT CONTENT*/
#sidebar {
float : left;
width : 170px;
margin : 0 0 0 0;
padding : 10px;
padding-top: 0px;
padding-left: 0px;
background : #FFFFFF;
border-right: 1px solid #DFDFDF;
}
#sidebar input[type="text"] {
 	width: 160px;
	color: gray;
}
#sidebar img {
	background: #FFFFFF;
	padding: 4px;
	border: 1px solid black;
	text_align: center;
}
#sidebar h5 {
	text-align: center;
	padding: 0px;
	margin: 0px;
}
			/*LEFT MENU*/
#menu {
width : 160px;
padding : 10px 0 0 0;
text-align: left;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
display : block;
width : 155px;
padding: 0;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
text-decoration : none;
color : #2e2e2e;
border-bottom: 1px solid #FFFFFF;
}
#menu a:hover {
border-bottom: 1px solid #0040FF;
color : #2e2e2e;
}
#mactive a:link, #mactive a:visited, #mactive a:hover {
border-bottom: 1px solid #0040FF;
font-weight: bold;
}
			/*CENTRE CONTENT*/
#content {
padding : 10px;
margin-left : 190px;
}
#content hr {
	width: 100px;
	text-align: center;
	color: #DFDFDF;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 170px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #FFFFFF;
}
			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 140px;
padding : 1ex;
color : #333;
background : #FFFBEF;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 10px;
color : #000000;
font-face: verdana;
font-size: 9pt;
text-align: center;
background: #f7f7f7;
}
#footer a:link, #footer a:visited {
color : #7F170F;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #FFFBEF;
color : #000000;
}
			/*TYPOGRAPHY*/
h1, h2 {
margin : 0 0 10px 0;
letter-spacing : 2px;
font-size : 1.5em;
color : #000000;
}
h3 {
margin : 0 0 10px 0;
font-size: 1.2em;
color : #0099CF;
font-weight: bold;
}
h4 {
margin : 0 0 10px 0;
font-size: 1em;
color : #4F3B18;
font-weight: bold;
}
			/*LINKS*/
a {
color : #0040FF;
text-decoration : none;
}
a:hover {
color : #800000;
text-decoration:  underline;
}
			/*CLASSES*/
.news {
font-size : 100%;
color : #333;
}
.sitename {
font-size : 180%;
margin : 0 0 10px 0;
color : #000000;
font-family: "courier new",courier;
}
blockquote {
font-style : italic;
/* color : #FFA600; */
/* color: #800000; */
color: #355840;
}
div.box {
	border: 1px solid #000000;
	padding: 4px;
}
/* forms */
form {
	padding: 0 0 0 0px;
	padding: 0 0 0 0px;
	text-align: left;
 }
input[type="text"] {
 	background-color: #F8FFE0;
	border: 1px solid black;
	padding: 1px;
	margin-bottom: 2px;
}
input[type="submit"] {
 	border: 1px solid #7F170F;
 	background-color: #FFFFFF;
 	border-style: outset;
 	text-align: center;
	margin-bottom: 2px;
}
textarea {
	border: 1px solid black;
	padding: 1px;
}
