/* Start of CMSMS style sheet 'Colours' */
/* Layout sections */
	body {
		background: #ccc;
		color: #333;
		}
		
	div#pagewrapper {
		border: 1px solid #000;
		background: #fff;
	    }
		
	div#header {
		color: #fff;
		}
		
	div#footer {
		color: #fff;
		background-color: #385C72;
		}
		
/* Links */		
	a,
	a:link 
	a:active, a:visited {
		color: #385C72;
	}

/* Headings */	
	h1, h2, h3, h4, h5, h6 {
		color: #000;
	}
/* End of 'Colours' */

/* Start of CMSMS style sheet 'Tools' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */
/* End of 'Tools' */

/* Start of CMSMS style sheet 'Default CSSMenu Vertical' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
	width: 100%; 
	}


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
    margin-left: -1px;
	}
#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 
	}
#primary-nav li { 
    margin-bottom: -1px; 
	position: relative; 
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	border: 1px solid #006699; 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
	}
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #ececec; 
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #C7C7C7; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: #E7AB0B; 
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
/* End of 'Default CSSMenu Vertical' */

/* Start of CMSMS style sheet 'Typography' */
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 75.01%;
/*                line-height: 1em;*/
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: underline;
	}

        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
               color: #fff;
        }

	a:hover {
	text-decoration: none;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.4em;
	}
	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted black;
	}

	
/* END TYPOGRAPHY */	
/* End of 'Typography' */

/* Start of CMSMS style sheet 'Forms' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		
/* End of 'Forms' */

/* Start of CMSMS style sheet 'Layout CSSMenu Vert 1C' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */


/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        width: 100%;
        margin: 1.5em auto 2em auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: right;
        width: 70%;
        margin-right: 2%;
        display: inline;
    }
    div#menu_vert {
        float: left;
        width: 25%;
        display: inline;
        margin-left: 0;
    }
    div#content2 {
        display: none;
    }
    div#menu_horiz {
        display: none;
    }
/* END CONTENT */
/* End of 'Layout CSSMenu Vert 1C' */

/* Start of CMSMS style sheet 'Layout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 1em;
        text-align: center;
    }
    div#pagewrapper {
        margin: 0 auto;
        max-width: 70em;
        min-width: 60em;
        padding: 0;
        text-align: left;
    }
    #container {
	position: relative;
	margin: 0;
    }
    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 4;
            height: 80px;
            background: #385C72;           
            text-align: center;
            font-size:35px;
        }
        div#header h1 a {
            height: 80px;
            margin: 0;
            padding: 0;
            font-size:35px;
            color:white;
            text-decoration:none;
        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {

        }
        
        /* MAIN */
            div#main {

            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {

        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   padding: 1em 0;
   text-align: left;
/*   margin: 0 1em;*/
   border-bottom: 1px dotted #000;
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }
/* End of 'Layout' */

/* Start of CMSMS style sheet 'Album (for default, ImageGallery, and Thickbox templates)' */
/*
This template is needed if you use the default, ImageGallery, or Thickbox templates in the Album module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:auto;
	margin:0 0.5em 0.5em 0;
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
}

.thumb img,.thumb a img,.thumb a:link img
{
/* Set link formatting*/
	/* width:100px; */
/* Thumb width*/ 
	height:72px;
/* Thumb height*/
	padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	border-top:1px solid #eee;
/* Borders of thumb frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
#TB_overlay
{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6px;
	opacity:0.6px;
}

#TB_window
{
	position:absolute;
	background:#fff;
	z-index:102;
	color:#000000;
	display:none;
	border:4px solid #525252;
}

#TB_window img
{
	display:block;
	margin:15px 0 0 15px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

#TB_caption
{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
	margin-right:100px;
}

#TB_closeWindow
{
	height:25px;
	float:right;
	padding:10px 12px 5px 10px;
}

#TB_closeWindow a,#TB_closeWindow a:link,#TB_closeWindow a:visited
{
	color:#f6f7f0;
	background:#d40d0e;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#TB_closeWindow a:hover
{
	background:red;
	color:white;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#TB_closeWindow a:active
{
	color:#f6f7f0;
	background:#d40d0e;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

#TB_closeAjaxWindow
{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent
{
	padding:2px 15px 15px;
	overflow:auto;
}

#TB_load
{
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	overflow:visible;
	visibility:visible;
	display:block;
	z-index:101;
}

#TB_loadContent
{
	margin-left:-125px;
	position:absolute;
	top:-50px;
	left:50%;
	width:250px;
	height:100px;
	visibility:visible;
}

/* End of 'Album (for default, ImageGallery, and Thickbox templates)' */