/**
 * (c)2011 Wyrix
 */


/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-size:100%; margin:0; padding:0; }
a { outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
del,ins { text-decoration:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { font-size:100%; }

/* start */
html { height:100%; margin-bottom:1px; overflow-y:scroll; }
body { background-color:#fff; color:#000; font:normal normal normal 75%/125% arial,sans-serif; height:100%; }

/* LAYOUT
*********************************************/
div#overall { height:100%; margin:0 auto; text-align:left; width:100%; }
div#container { text-align:left; }

/* Layout Classes */

/* Floats */
.floatLeft { float:left; }
.floatRight { float:right; }
.floatClear { clear:both; }

/* MENUS
*********************************************/

/* LINKS
*********************************************/
a:link,a:visited { color:blue; font-weight:normal; text-decoration:underline; }
a:hover { color:blue; font-weight:normal; text-decoration:none; }

/* STANDARD
*********************************************/

/* MODULES
*********************************************/

/* CONTENT
*********************************************/

/* OVERRIDES
*********************************************/

/* SYSTEM
**************************************************/

/* OpenID icon style */
input.system-openid,input.com-system-openid { background:url(http://openid.net/login-bg.gif) no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

/* Unpublished */
.system-unpublished { background:#e8edf1; border-top:4px solid #c4d3df; border-bottom:4px solid #c4d3df; }

/* System Messages */
#system-message { margin-bottom:10px; padding:0; }
#system-message dt { font-weight:bold; }
#system-message dd { margin:0; font-weight:bold; text-indent:30px; }
#system-message dd ul { color:#0055BB; margin-bottom:10px; list-style:none; padding:10px; border-top:3px solid #84A7DB; border-bottom:3px solid #84A7DB; }

/* System Standard Messages */
#system-message dt.message { display:none; }
#system-message dd.message { }

/* System Error Messages */
#system-message dt.error { display:none; }
#system-message dd.error ul { color:#c00; background-color:#E6C0C0; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B; }

/* System Notice Messages */
#system-message dt.notice { display:none; }
#system-message dd.notice ul { color:#c00; background:#EFE7B8; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E; }

/* Debug */
#system-debug { color:#ccc; background-color:#fff; padding:10px; margin:10px; }
#system-debug div { font-size:11px; }

/* GENERAL
**************************************************/

/* Form validation */
.invalid { border-color:#ff0000; }
label.invalid { color:#ff0000; }

/* Buttons */
#editor-xtd-buttons { padding:5px; }
.button2-left,.button2-right,.button2-left div,.button2-right div { float:left; }
.button2-left a,.button2-right a,.button2-left span,.button2-right span { display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer; }
.button2-left span,.button2-right span { cursor:default; color:#999; }
.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span { padding:0 6px; }
.page span { color:#000; font-weight:bold; }
.button2-left a:hover,.button2-right a:hover { text-decoration:none; color:#0B55C4; }
.button2-left a,.button2-left span { padding:0 24px 0 6px; }
.button2-right a,.button2-right span { padding:0 6px 0 24px; }
.button2-left { background:url(../images/system/j_button2_left.png) no-repeat; float:left; margin-left:5px; }
.button2-right { background:url(../images/system/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px; }
.button2-left .image { background:url(../images/system/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore,.button2-left .article { background:url(../images/system/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak { background:url(../images/system/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank { background:url(../images/system/j_button2_blank.png) 100% 0 no-repeat; }

/* Tooltips */
div.tooltip { float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000; }
div.tooltip h4 { padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../images/system/selector-arrow.png) no-repeat; }
div.tooltip p { font-size:90%; margin:0; }

/* Caption fixes */
.img_caption.left { float:left; margin-right:1em; }
.img_caption.right { float:right; margin-left:1em; }
.img_caption.left p { clear:left; text-align:center; }
.img_caption.right p { clear:right; text-align:center; }

/* Calendar */
a img.calendar { width:16px; height:16px; margin-left:3px; background:url(../images/system/calendar.png) no-repeat; cursor:pointer; vertical-align:middle; }



/* Website specific */
@font-face {
    font-family: "Baskerville Old Face";
    src: url('../fonts/baskoldface.eot?#iefix') format('embedded-opentype'), 
		     url('../fonts/baskoldface.woff') format('woff'), 
		     url('../fonts/baskoldface.ttf') format('truetype'),
		     url('../fonts/baskoldface.svg#svgFontName') format('svg');
}

body {
	background-color: #777777;
}

div.body {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

div.content {
	display: table;
	min-height: 412px;
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
	background-position: bottom center;
}

div.content > div {
	display: table-row;
}

div.content > div > div {
	display: table-cell;
	padding: 10px;
}

div.content > div > div > div {
	border: solid 1px #0082c6;
	margin-top: 10px;
	
	/* rounded corners */
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

div.content > div > div > div p {
	margin: 5px;
}

div.content > div > div > div table {
	margin: 5px;
}

div.content div.left {
	width: 280px;
}

div.content div.left div.slideshow {
	overflow: hidden;
}

div.content div.left div.slideshow img {
	width: 280px;
	height: 120px;
}

div.content div.left h2 {
	background-color: #0082c6;
	padding: 3px;
	text-align: center;
	color: white;
	font-family: Baskerville Old Face;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: 1px;
	
	/* rounded corners */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.content div.right {
	width: 680px;
}

div.content div.right h1 {
	background-color: #0082c6;
	padding: 3px;
	text-align: center;
	color: white;
	font-family: Baskerville Old Face;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: 1px;
	
	/* rounded corners */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.content div.right h2 {
	font-family: Baskerville Old Face;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 1px;
	margin: 15px 5px 10px 5px;
}

div.footer {
	text-align: center;
	font-size: 10px;
	border-top: solid 2px #0082c6;
	padding: 3px;
}

div.footer a {
	color: black;
	text-decoration: none;
}

div.header {
	height: 175px;
	position: relative;
}

div.header img.left {
	position: absolute;
	left: 10px;
	top: 13px;
}

div.header img.right {
	position: absolute;
	right: 10px;
	top: 10px;
}

div.menu {
	background-color: #0082c6;
	font-size: 15px;
	padding: 7px;
	text-align: right;
}

div.menu ul {
	display: inline;
	list-style-type: none;
	border-right: solid 1px white;
	margin-right: 20px;
}

div.menu ul li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	border-left: solid 1px white;
}

div.menu ul li a {
	color: white;
	text-decoration: none;
}

/* phocagallery */
div#phocagallery div.pagination {
	margin-bottom: 10px;
}