/*////////////////////////////////////////////////////
//													//
//                GENERAL STYLES	                //
//													//
// SITE: C-MIST										//
// AUTHOR: MARC JONES, ICEBOMB						//
// VERSION: 1.0										//
// CREATED: 21 MAY 09						//
// LAST UPDATED: 02 JAN 10							//
//													//
////////////////////////////////////////////////////*/

html, body {
	margin: 0px auto;
	height:100%; /* needed for container min-height */
}
body {
	text-align: center;
	font-size: 65%;
	background-color: #efefef;
}
h1, h2, h3, h4, h5, h6, p, li, label, a, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
}
.highlight {
	color: #F26304;

}

/* LAYOUT :: MAIN ELEMENTS */
#shell {
	width: 914px;
	text-align: center;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-image: url(img/shell_bg.jpg);
	background-repeat: repeat-y;
}
#mastHead {
	width: 900px;
	height: 140px;
	overflow: hidden;
	background-image: url(img/masthead_bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-right: 7px;
	margin-left: 7px;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#footer {
	width: 900px;
	margin: 0px;
	overflow: hidden;
	background-image: url(img/footer_bg.jpg);
	background-repeat: no-repeat;
}
#wrapper {
	width: 900px;
	overflow: hidden;
	margin-right: 7px;
	margin-left: 7px;
	background-image: url(img/wrapper_bg.jpg);
	background-position: bottom;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1px;
	background-repeat: repeat-y;
}
/* LAYOUT :: OTHER ELEMENTS */
#headingBar {
	width: 900px;
	height: 69px;
	margin: 0px;
	margin-left: 7px;
	margin-right: 7px;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(img/headingbar_bg.jpg);
	background-repeat: repeat-x;
	background-color: #082F68;
	overflow: hidden;
}
#sideMenu {
	width: 200px;
	margin: 0px;
	float: left;
	text-align: left;
	border: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ffffff;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#mainContent {
	width: 699px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	overflow: hidden;
}
#footer {
	width: 900px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(img/footer_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	margin-right: 7px;
	margin-left: 7px;
}
/* MENU :: SIDE MENU */
#sideMenu li {
	height: 40px;
	width: 200px;
	border: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
}
#sideMenu li a {
	background-image: url(img/sidemenu_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 187px;
	padding-left: 13px;
	line-height: 40px;
	color: #000000;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	height: 40px;
	background-color: #EBEBEB;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#sideMenu li a.double {
	line-height: 15px;
	padding-top: 6px;
	height: 34px;
}
#sideMenu li a:hover,
#sideMenu li #active {
	color: #FFFFFF;
	background-position: 0px -40px;
	background-color: #E06716;
}
/* MASTHEAD :: ELEMENTS */
#logo {
	margin: 0px;
	width: 900px;
	height: 140px;
	overflow: hidden;
	background-image: url(img/logo_bg.gif);
	background-repeat: no-repeat;
}
/* HEADING BAR :: ELEMENTS */
.titleLink {
	background-image: url(img/titlelink_a.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 699px;
	display: block;
	float: left;
}
.homeLink,
.homeLink2 {
	background-image: url(img/homelink_a.gif);
	background-repeat: no-repeat;
	height: 69px;
	display: block;
	float: left;
	width: 181px;
	background-position: 0px 0px;
	padding: 0px;
	padding-left: 20px;
	line-height: 69px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #EBEBEB;
}
.homeLink:hover,
.homeLink2:hover {
	background-position: 0px -69px;
}
.homeLink {
	float: left;
}
.homeLink2 {
	float: left;
}
/* MAIN CONTENT :: BREADCRUMB NAVIGATION */
#mainContent #breadcrumb {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #868686;
	padding: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
/* MAIN CONTENT :: ELEMENTS - SLIDESHOW */
#slideshowBox {
	position:relative;
}
#slideshowBox img {
	border: none;
}
#slideshowBox DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshowBox DIV.active {
    z-index:10;
}

#slideshowBox DIV.last-active {
    z-index:9;
}
/* MAIN CONTENT :: ELEMENTS - MAPBOX */
#mapBox {
	float:left; 
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mapBox p {
	padding-top: 5px;
	margin: 0px !important;
}
/* MAIN CONTENT :: ELEMENTS - TEXT */
#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent p,
#mainContent ul,
#mainContent ol {
	text-align: left;
	margin-right: 16px;
	margin-left: 16px;
}
#mainContent h1 {
	margin-top: 16px;
	margin-bottom: 7px;
	font-size: 2.2em;
	color: #E06716;
}
#mainContent h2 {
	font-size: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #525252;
}
#mainContent h3 {
	font-size: 1.4em;
	margin-top: 8px;
	margin-bottom: 6px;
	color: #E06716;
}
#mainContent p {
	color: #525252;
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: justify;
}
/* MAIN CONTENT :: ELEMENTS - LISTS */
#mainContent ul,
#mainContent ol {
	padding-right: 16px;
	padding-left: 16px;
}
#mainContent li {
	font-size: 1.2em;
	color: #525252;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainContent ol li {
	margin-right: 7px;
	margin-left: 7px;
}
#mainContent li li {
	font-size: 1em;
}
#mainContent ul li {
	list-style-type: disc;
}
#mainContent ol li {
	list-style-type: decimal;
}
/* MAIN CONTENT :: ELEMENTS - LINKS */
#mainContent a {
	color: #E06716;
}
.downloadLink {
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	padding: 8px;
	background-color: #E06716;
	color: #FFFFFF!important;
	text-decoration: none;
}
.downloadLink:hover {
	background-color: #082F67;
	text-decoration: underline;

}
/* MAIN CONTENT :: ELEMENTS - TABLES */
#mainContent .plainTable {
	width: 600px;
	color: #082f67;
	text-align: left;
	margin-right: 16px;
	margin-left: 16px;
}
#mainContent .plainTable td {
	font-size: 1.2em;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* MAIN CONTENT :: ELEMENTS - IMAGES */
#mainContent .floatLeft {
	float: left;
	margin: 16px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #EBEBEB;
	padding: 5px;
}
#mainContent .floatRight {
	float: right;
	margin-top: 0px;
	border: 1px solid #EBEBEB;
	padding: 5px;
	margin-right: 16px;
	margin-bottom: 10px;
	margin-left: 16px;
}
#mainContent .floatNone {
	margin-top: 0px;
	border: 1px solid #EBEBEB;
	padding: 5px;
	margin-right: 16px;
	margin-bottom: 10px;
	margin-left: 16px;
	width: 200px;
}
#mainContent .floatLeft p, 
#mainContent .floatRight p,
#mainContent .floatNone p {
	margin: 0px !important;
	margin-top: 6px !important;
}
.imgRow {
	margin: 0px;
	margin-left: 11px;
	overflow: hidden;
	width: 680px;
}
.imgRow a {
	margin: 5px;
	padding: 0px;
	width: 84px;
	border: 1px solid #FFFFFF;
	float: left;
	display: block;
}
.imgRow a:hover {
	border: 1px solid #E06716;
}
/* MAIN CONTENT :: ELEMENTS - COLUMNS */
#leftCol {
	width: 495px;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	float: left;
}
#rightCol {
	float: left;
	width: 199px;
}
#rightCol h2 {
	margin-top: 20px !important;
}
#rightCol h2,
#rightCol p,
#rightCol li {
	color: #FFFFFF !important;
}
#rightCol a {
	color: #FFFFFF !important;
	text-decoration: none;
}
#rightCol a:hover {
	color: #082F67!important;
	text-decoration: underline;
}
#rightCol ul {
	margin-right: 0px!important;
}
#rightCol li {
	margin-right: 5px!important;

}
#rightCol .blockLink {
	display: block;
	padding: 15px;
	font-size: 1.6em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#rightCol .blockLink:hover {
	color: #FFFFFF !important;
	background-color: #FA8132;
}
/* MAIN CONTENT :: ELEMENTS - REPEATING BLOCKS */
.infoBlock {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;

}
.wrap {
	width: 100%;
	overflow: hidden;
}

.centredBlock {
	width: 670px;
	font-size: 1em;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.centredBlock a {
	display: block;
	text-decoration: none;
	float: left;
	text-align: center;
	color: #525252 !important;
	padding-right: 15px;
	padding-left: 15px;
}
.centredBlock a.logo1 {
	width: 80px;
}
.centredBlock a.logo2 {
	width: 90px;
}
.centredBlock a.logo3 {
	width: 105px;
}
.centredBlock a.logo4 {
	width: 135px;
}

/* FOOTER :: ELEMENTS */
#footer #footLogos {
	width: 590px;
	float: left;
	text-align: left;
	padding-left: 5px;
	font-size: 1em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
}
#footer #footLogos a {
	display: block;
	text-decoration: none;
	float: left;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}
#footer #footLogos a.logo1 {
	width: 70px;
}
#footer #footLogos a.logo2 {
	width: 80px;
}
#footer #footLogos a.logo3 {
	width: 90px;
}
#footer #footLogos a.logo4 {
	width: 120px;
}

#footer #footAdd {
	width: 290px;
	float: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#footer p {
	color: #4e4e4e;
	font-size: 1.1em;
	text-align: right;
	margin: 10px;
}
#footer a {
	color: #4e4e4e;
	text-decoration: none;
}
#footer a:hover {
	color: #000000;
	text-decoration: underline;
}