﻿/* Zero margin and padding */
html, body, p {
	margin: 0;
	padding: 0;
}


/* Body */
body {
	background-color: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #606060;
}


/* Wrapper (contains all page elements) */
#wrapper {
	background-color: #FFFFFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3em;
	padding-right: 3em;
	width: 820px;
	min-height: 1024px;
}


/* Logo */
#logo {
	float: left;
	padding: 30px 0 32px;
}


/* Tabs */
#tabs {
	float: left;
	margin-bottom: 20px;
	width: 100%;
	background: #FFFFFF url(../../../../images/tab_background.gif) repeat-x bottom;
}

#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabs ul li {
	float: left;
	margin-right: 3px;
	background: url(../../../../images/tab_right.gif) no-repeat right top;
	border-bottom: 1px solid #CCCCCC;
}

#tabs ul li a {
	display: block;
	padding: 5px 6px 4px;
	background: url(../../../../images/tab_left.gif) no-repeat left top;
	color: #606060;
	text-decoration: none;
}

#tabs ul li a:hover {
	color: #FF7C19;
}


/* Breadcrumbs */
#breadcrumbs {
	clear: both;
	padding-bottom: 2em;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #FF7C19;
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}


/* Side menu */
#sidemenu {
	padding: 4em 0 0;
	width: 170px;
}

#sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidemenu ul li {
	padding: 0.7em 0 0.7em 2em;
}

#sidemenu ul li.nc {
	background: transparent url(../../../../images/nav_square.gif) no-repeat 0 8px;
}

#sidemenu ul li.hc {
	background: transparent url(../../../../images/nav_arrow.gif) no-repeat 0 7px;
}

#sidemenu ul li.l0 {
	border-bottom: 1px dotted #CCCCCC;
}

#sidemenu ul li.l1 {
	margin: 0 0 0 2em;
}

#sidemenu ul li a:link, #sidemenu ul li a:visited {
	background-color: transparent;
	color: #606060;
	text-decoration: none;
}

#sidemenu ul li a:hover {
	background-color: transparent;
	color: #FF7C19;
	text-decoration: underline;
}


/* Content - contains Main (i.e. body text) and Right (i.e. sidebar) */
#content {
	float: right;
	width: 620px;
}


/* Main */
#main {
	float: left;
	width: 575px;
}

#main p a:link, #main p a:visited {
	color: #FF7C19;
	text-decoration: none;
}

#main p a:hover {
	text-decoration: underline;
}


/* Right */
#right {
	float: right;
	width: 25px;
	margin-top: 30px;
}


#right a:link, #right a:visited {
	color: #FF7C19;
	text-decoration: none;
}


#right a:hover {
	text-decoration: underline;
}


/* Footer */
#clearFooter {
	clear: both;
	height: 25px;
}

#footer {
	height: 100px;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
}

#footer p {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 2em;
}

#footer a:link, #footer a:visited {
	color: #606060;
	text-decoration: none;
}

#footer a:hover {
	color: #FF7C19;
	text-decoration: underline;
}

#footerLeft {
	float: left;
	text-align: left;
	width: 65%;
}

#footerRight {
	float: right;
	text-align: right;
}


/* To be moved */
img.share_icon {
	margin-right: 5px;
}


#share {
	margin-top: 30px;
}


.slideShow {
	position: relative;
	height: 300px;
}

.slideShow img {
	position: absolute;
	z-index: 8;
	opacity: 0.0;
}

.slideShow img.active {
	z-index: 10;
	opacity: 1.0;
}

.slideShow img.last-active {
	z-index: 9;
}

