/*
 * sgpn css file
 * © 2009 e-motion design
 */

/* == General == */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 10px;
}

.mceContentBody, .mceContentBody td {
	font-size: 12px;
}

img { border: none; }
p { margin: 1em 0; }
a {
	color: #359AA3;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a:hover {
	text-decoration: underline;	
}
hr {
	margin: 1.5em 0;
	border: none;
	border-top: 1px dashed #CCCCCC;
	height: 1px;
	line-height: 1px;
	display: block;
}
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
ul {
	padding: 0;
	list-style-type: none;
}
li {
	margin: 0.5em 0;
	position: relative;
}
ul li {
	padding: 0 0 0 40px;
	background: transparent url('../images/bullet.gif') no-repeat 22px 0.35em;
}

form {
	padding: 0;
	margin: 0;
	border: none;
}
fieldset {
	padding: 5px 10px;
	margin: 0 0 10px;
	border: 1px solid #CCCCCC;	
}
input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;	
}
h1, h2, h3, h4, h5, h6,
.contentheading, .componentheading {
	font-weight: bold;
	margin: 0.5em 0;	
}
h1 { font-size: 200%; }
h2, .contentheading, .componentheading {
	font-size: 150%;
	line-height: 130%;
	font-style: italic;
	color: #359AA3;
}
h3 {
	font-size: 130%;
	font-style: italic;
	color: #359AA3;
}
h4 {
	font-size: 120%;
	font-style: italic;
	color: #359AA3;
}
h5 {
	font-size: 110%;
	font-style: italic;
	color: #359AA3;
	margin: 0;
}
h6 {
	font-size: 100%;
	margin: 0;
}
/* == Layout == */

#bg {
	background: transparent url('../images/wave-bg.jpg') no-repeat center 80px;
	min-width: 970px;
	min-height: 580px;
}
#wrap {
	width: 970px;
	margin: 0 auto;
	min-height: 580px;
	position: relative;
}
#home #wrap {
	background: transparent url('../images/home/home-img.jpg') no-repeat right 94px;
}
#header {
	position: absolute;
	top: 0;
	width: 970px;
	height: 115px;
	clear: both;
}
#main {
	width: 970px;
	min-height: 480px;
	overflow: auto;
	padding-top: 192px;
	background: transparent url('../images/content-bg.jpg') no-repeat 12px 192px;
}
#home #main {
	padding-top: 160px;
	min-height: 1px;
	height: 320px;
	background: none;
}
#content {
	font-size: 120%;
	line-height: 150%;
	margin: 11px 0 0 24px;
	padding: 15px 30px;
	width: 468px;
	float: left;
}
#content .contentpaneopen {
	width: 100%;	
}
#home #content {
	margin: 0;
	padding: 0 20px 0 30px;
	width: 450px;
	float: none;
	font-size: 12px;
}
#home #content a,
#home #content h2 {
	color: #FFFFFF;
}
#home #content a {
	text-decoration: underline;	
}
#right {
	float: left;
	width: 418px;
	font-size: 12px;	
}

#top {
	position: absolute;
	top: 115px;
	padding: 0 30px 0 24px;
	width: 910px;
	height: 85px;
	color: #FFFFFF;
}
#top a {
	color: #FFFFFF;
	text-decoration: underline;
}

#bottom {
	font-size: 12px;
	overflow: auto;
	width: 970px;
}

#footer {
	background-color: #A6A6A6;
	color: #FFFFFF;	
}

/* == Menu == */
.moduletable-menu {
	float: right;
	margin-right: 30px;
	display: inline;
	position: relative;
}
.moduletable-menu ul {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}
.moduletable-menu ul li {
	display: block;
	float: left;
	margin: 0;
	position: relative;
	padding: 0 1px 7px 0;
	background: none;
}
.moduletable-menu ul li.active {
	background: transparent url('../images/menu-active-bg.gif') no-repeat right bottom;
}
.moduletable-menu ul li a {
	display: block;
	float: left;
	padding: 44px 3px 0 20px;
	border-right: 2px solid #CCCCCC;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #54696B;
}
.moduletable-menu ul li a:hover,
.moduletable-menu ul li li a:hover,
.moduletable-menu ul li.active li a:hover {
	color: #A9D31C;
	text-decoration: none;
}
.moduletable-menu ul li.item2 a {
	max-width: 76px;	/* ie6 css overwrites using width */
	padding-top: 30px;
}
.moduletable-menu ul li.item4 a {
	max-width: 95px;	/* ie6 css overwrites using width */
	padding-top: 30px;
}
.moduletable-menu ul li.active a {
	border-right: 2px solid #A9D31C;
	color: #A9D31C;
}
.moduletable-menu ul li ul {
	display: block;
	height: auto;
	position: absolute;
	z-index: 99;
	left: -999em;
	top: 68px;
	width: 160px;
	clear: both;
	background-color: #FFFFFF;
	border: 2px solid #A9D31C;
	border-top: none;
}
.moduletable-menu ul li li {
	width: 150px;
	padding: 0 5px;
}
.moduletable-menu ul li.active li {
	background: none;
}
.moduletable-menu ul li li a {
	display: block;
	float: none;
	padding: 5px 0;
	border: none;
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #656565;
	border: none;
	border-bottom: 1px solid #CCCCCC;
}
.moduletable-menu ul li.item2 li a,
.moduletable-menu ul li.item4 li a {
	padding: 5px 0;
	max-width: none;
}
.moduletable-menu ul li li.last a {
	border-bottom: none;
}

.moduletable-menu ul li.active li a {
	border-right: none;
	color: #656565;
}
.moduletable-menu ul li li.active a {
	color: #A9D31C;
}

/* == Modules == */
.moduletable-logo {
	float: left;
	margin: 10px 0 0 23px;
	display: inline;
}

.moduletable-search {
	float: right;
}
.search-search {
	position: relative;	
}
.inputbox-search {
	position: absolute;
	right: 25px;
	top: 0;
	margin: 0;
	border: none;
	background: transparent url('../images/search-bg.png') no-repeat right top;
	padding: 2px 0 3px 10px;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	width: 135px;
}
.button-search {
	position: absolute;
	right: 0;
	top: 0;
}
.moduletable-text-size {
	clear: right;
	float: right;
	margin-top: 30px;
	width: 200px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.moduletable-breadcrumbs {
	clear: both;
	padding-left: 33px;
	text-transform: lowercase;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}
.moduletable-breadcrumbs .separator {
	padding: 0 3px;	
}
.module-news,
.module-events,
.module-database {
	float: left;
	width: 290px;
	margin: 0 60px;
	padding: 0;
	min-height: 380px;
	background: transparent url('../images/mod-bg.jpg') no-repeat center 110px;
	display: inline;
}
#home .module-news,
#home .module-events,
#home .module-database {
	margin: 0 10px 20px;	
}
.module-news h3,
.module-events h3,
.module-database h3 {
	text-align: center;
	color: #359AA3;
	padding: 0 0 0 10px;
	margin: 0 -15px 0.5em;
	width: 235px;
}
.module-news div div div,
.module-events div div div,
.module-database div div div {
	padding: 140px 40px 20px;
	width: 210px;
}
.module-news div div div {
	background: transparent url('../images/news-bg.png') no-repeat center top;
}
.module-events div div div {
	background: transparent url('../images/events-bg.png') no-repeat center top;
}
.module-database div div div {
	background: transparent url('../images/database-bg.png') no-repeat center top;
}

.module-news div div div div,
.module-events div div div div,
.module-database div div div div {
	background: none;
	padding: 0;
	width: auto;
}

.moduletable-footer {
	overflow: auto;
	font-weight: bold;
	width: 970px;
	margin: 0 auto;
}
.moduletable-footer p {
	margin: 0.5em 0;
}
.moduletable-footer a {
	color: #FFFFFF;
	padding: 0 3px;
}

/* == Misc == */

.bordered-table, .bordered-table tbody, .bordered-table tr {
	border-collapse: collapse;
	margin: 0;
	padding: 0;	
}
.bordered-table td {
	padding: 8px;
	border: 1px dashed #CCCCCC;
	font-size: 90%;
}
.article_separator { display: none; }

/* Firefox anchor links within SEO template fix
.gecko .anchorLink a { position: relative; }
*/


/* wide content */
/* #main.com_mtree */
#main.com_calendar {
 background-image: url(../images/content-bg-wide.jpg);
}
/* #main.com_mtree #content */
#main.com_calendar #content {
 width: 852px;
}

/* modules */
.module-database {
 position: relative;
}
.module-database select ,
.module-database input {
 position: absolute;
 right: 38px;
 width: 150px;
 font-family: Arial, helvetica, sans-serif;
 font-size: 12px;
 border: 1px solid #5dabd9;
}
.module-database select {
 width: 150px;
 padding: 0px;
}
.module-database input {
 width: 148px;
 padding: 1px 0px;
}

/* branding */
.branding:hover {
 color: #ed2c24;
}