/* Mylius.it Master Stylesheet by Simon Griffee http://hypertexthero.com
Last update: Friday, 14 May 2010
*/

* {margin:0; padding:0;}

body {
	font:normal 76%/1.7em helvetica, verdana, arial, sans-serif;
	background:#fff url(../images/bg-canvas.gif) repeat 0 0;
	color:#333;
	}
a:link {
	text-decoration:none;
	color:#39C;
	}
a:visited {
	text-decoration:none;
	color:#39C;
	}
a:hover, a:active {
	text-decoration:none;
	border:none;
	color:#C66;
	}
a.linkpad {padding:1em; margin-left:-1em;}

a img {border:none;}
div#accessibility {display:none;}

/* #container {width:770px; margin:0 auto;} */

#header {
	height:130px;
  	margin-bottom:30px;
  	}
#logonav {
	position:relative;
	width:300px;
	height:130px;
	}
* html #logonav {
	float:left;
	}
#header h1#logo a {
	position:absolute;
	top:25px;
	left:186px;
	display:block;
	width:128px;
	height:120px;
	text-indent:-1000em;
	background:transparent url(../images/logo.gif) no-repeat 0 0;
	border:none !important;
	outline:none; /*stop outline from showing in firefox when click link*/
	}
/* #header h1 a:hover {
	background-position:0 -174px;
	} */
ul#nav {
	position:absolute;
	right:140px;
	top:0;
	z-index:20;
	text-align:left;
	margin:0 0 1em;
	}
/*ul#nav li ul {margin-bottom:1em;}
ul#nav li ul li ul {margin-bottom:0;}
ul#nav li {
    list-style:none;
    font-size:1.1em;
    line-height:1.4em;
    margin-top:0;
    }
ul#nav li a {display:block;}*/

#wrapper {
	float:left;
	width:100%;
/*	background:transparent url(../images/wave.gif) repeat 0 50%; */
	}
#content {
	margin:0 33% 2em 200px;
	width:50%;
	}

/* =home ------------------------- */
body#home {text-align:center;}
body#home #content {
	margin:24px auto 0;	
	width:500px;
	border:none;
	}
/*body#home #content p {text-align:left; color:#666;}*/
body#home #content img {margin:0.4em auto 1em;}
/*body#home #content h2, body#home #content h3 {text-align:center;}*/
div.sectionl {float:left; width:300px; text-align:left; margin:10px 0; color:#333;}
div.sectionr {float:right; width:180px; text-align:right; margin:10px 0; color:#333;}
div.section h2 {margin-top:1em; text-align:center !important;}
/*div.section h3, div.section p {display:inline !important;}*/
div.section p {margin-left:0.7em;}
div#intro {
	text-align:center !important;
	font-style:italic;
	margin:0 auto;
	}
div#intro p {background-image:none !important; padding-left:0 !important; font-style:normal; margin:0 auto 1.5em; font-size:1em; width:400px; color:#555;}
div#intro a p {color:#39c !important;}
div#intro a:hover p {color:#c66 !important;}

div.thumbs {margin:10px 0;}
div.thumbs img {margin:0 10px 20px 0 !important; display:inline;}

#side1 {
/*	float:left;width:140px;margin-left:-100%;*/
	width:140px;
	position:absolute;
	top:0; left:0;
	padding:10px;
	font-size:1em;
	line-height:1.5em;
	margin-top:68px;
	color:#666;
	}
#side2 {
	float:right;
	width:180px;
	padding:10px;
	font-size:0.9em;
	line-height:1.5em;
	}
#side2 * {padding-right:40px;}
#side2 ul li {list-style:disc inside !important;}
h1 {
	font-size:2.1em;
	line-height:1.3em;
	font-weight:normal;
	}	
h1#latest {
	font-size:1.6em;
	}
/*h1#singlearticletitle, legend {

	}*/

p.dateauthor {
font-style:italic; 
color:#666;
}

#content p {
	font-size:1.1em;
	line-height:1.6em;
	margin-bottom:0.8em;
	}

/*div.newsec {margin-bottom:1.6em;}*/
body#news div#content h1 i a:link, body#news div#content h1 i a:visited {font-style:normal; font-size:0.7em; color:#333;}
body#news div#content h1 i a:hover, body#news div#content i a:active {color:#c66;}

h2, h3 {
	text-transform:uppercase;
	font-size:1.3em; 
	line-height:1.3em;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-top:1.8em;
	margin-bottom:0.2em;
	}
body#searchresults h3 {
	display:inline;
	}
h3 {
	font-size:1em;
	line-height:1.6em;
	font-style:italic;
	}
h4, h5 {
	font-size:1.1em;
	line-height:1.8em;
	font-weight:bold;
	margin:1em 0;
	}
h5 {
	font-style:italic;
	}
h6 {
	font-size:0.9em;
	line-height:1.6em;
	font-weight:bold;
	margin:1.1em 0;
	}

#content ul, #content ol {margin:1em; list-style:disc inside;}

#content ul, #content ol, #content p {font-size:normal !important;}

ul li ul li {font-size:0.9em !important; font-style:italic !important;}
blockquote {margin-left:1.5em;}
	
pre {
	font-family:monospace;
	font-size:1em;
	margin:1em 0 1em 1em;
	line-height:1.6em;
	}
strong, b {
	font-weight: bold;
	}
	
img.endbull {display:inline;}
div.end {display:block; margin:1em 0; color:#ccc; text-align:center;}
img.ornament {display:block; margin:1em auto;}
p.artinav {display:block; margin:2em 0; background:none !important; padding:0 !important;}
	
table {margin:1em 0;}	
th, td {padding:4px;}

#side1 ul, #side2 ul {
margin:0 0 1em 0;
}

#side1 li, #side2 li {
list-style:none;
margin:0;
line-height:1.5em;
}

#side1 h4, #side2 h4 {
	font-size:1.1em;
	font-weight:bold;
	font-style:normal;
	margin:1em 0 0;
	}
#side1 p, #side2 p {margin-top:0;}

p#phototoggle a:link, p#phototoggle a:visited {border:none; color:#000;}
#side2 dl {margin-top:0.5em;}
#side2 dt {font-weight:bold; display:inline;}
#side2 dd {display:inline;}

div.newsitem {margin-bottom:5em;}

/* Workaround for IE list bug http://www.csscreator.com/node/6745 */
/*ul#nav li a {display: inline-block;}
ul#nav li a {display: block;}*/

* html #logonav ul li ul {margin-top:-1em;} /* for IE */
#logonav ul li ul li {font-size:0.9em;}

#footer {
	clear:left;
	margin:0 33% 3em 200px !important;
	padding-top:0.8em;
	line-height:1.6em;
	width:50%;
	color:#aaa;
	font-size:1em;
	text-align:left;
/*  border-top:double #ccc;*/
	}
body#home #footer {
	margin:0 auto 1em;
	text-align:center;	
	}
ul#footnav {
	padding-top:0;
	list-style:none;
	margin:0;
	}
ul#footnav li {
	display:inline;
	margin:0 1em 0 0;
	}
#footer p {
	margin:0;
	}
	
	
	
/*body#news #content p {background:none; padding:0; margin:0;}*/
body#news a#news-nav {color:#000;}

body#news #content h1 a {color:#000;}
body#news #content h4.archiveyear {
	font-size:1.4em;
	line-height:1.5em;
	margin:0;
	letter-spacing:normal;
	background:#c00;
	}
body#news #content h5.archivemonth {
	font-size:1em;
	line-height:1.5em;
	margin:0; 
	}
body#news #content p.archiveday {
	font-size:1em;
	margin:0 0 -1.5em 1em !important;
	}
body#news #content p.archivetitle {
	position:relative;
	color:#ccc;
	font-weight:bold;
	padding-left:3.3em;
	}
/*body#news #content p em {font-size:0.9em; font-style:italic; font-weight:normal;
	}
body#news #content p a {
	border-bottom:1px solid #eee;
	}*/
	
	
/* =FORMS ------------------------------------------------ */

/*body#contact #content {width:300px; text-align:center; margin:0 auto;}*/
form {margin-top:1em;}

input.button {
display:block;
width:auto !important;
margin:0.1em 0 1.618em;
/*cursor:pointer; commenting out for now to investigate validator warning */
}
fieldset {border:none;}
input, textarea, label {width:100%;}
input, textarea {padding:2px; background:#f8f8f8; border:1px solid #ccc;}
input {margin-bottom:1em;}
textarea {margin-bottom:1em; height:15em;}
label {color:#333; font-size:1.1em;}
label em {font-size:0.8em;}
div.button input {width:auto;}
input.button {text-transform:capitalize;}
input#zemSubmit {width:auto;}
body#contact legend {display:none;}

div#search {margin-top:1em; float:right;}
div#search label {display:inline; font-size:1em;}
div#search input {
font-size:1em;
display:inline;
width:auto;
margin:0 0 0 5px;
}

	
/* =Photos --------------------------------------------- */

ul#photos {margin:0; padding:0;}
ul#photos li {
display:block;
float:left;
}
ul#photos li a {
display:block;
width:100px; 
height:100px;
list-style:none;
border:none;
margin:5px 10px 5px 0;
}
ul#photos li img {width:100px; height:100px;}

a.thumb {margin-right:10px;}

/* =Lightbox --------------------------------------------- http://www.huddletogether.com/projects/lightbox/ */

/*#lightbox {
    background-color:#eee;
    padding: 10px;
    }
#lightboxDetails {
    font-size: 0.8em;
    padding-top: 0.4em;
    }   
#lightboxCaption {float:left; font-size:1.3em;}
#keyboardMsg {float:right; font-size:1.1em;}

#lightbox img {border:none;} 
#overlay img {border:none; position:absolute; z-index:500;}

#overlay {background-image:url(../images/overlay.png);}

* html #overlay {
    background:transparent url(../images/overlay_ie.gif) repeat 0 0;
    }*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/* =Treeview Navigation ---------------------------------------- */
ul#nav {margin:0; padding:0;}
ul#nav li {list-style:none;}

span.currentmenu, a.currentmenu {color:#000 !important; font-weight:bold !important;}
span.currentmenu:hover, a.currentmenu:hover {background:transparent !important;}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
/*  background-color: white;*/
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
/*  background-color: #eee;*/
	color:#000;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #c66; cursor: pointer; }

.treeview li { background: url(/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }