/* Start of CMSMS style sheet 'v4' */
/*-*-*- base.css -*-*-*/

body
{
	/*/*//*/ width: 130%;			/* nn4 fix */
}
.hide
{
	display: none;
}
.clear, #nsFooterClear
{
	clear: both;
}
.inside
{
	padding: 0.5em;
}
#oldBrowserNotice
{
	text-align: center;
	display: block;		/* overriding the display:none on this block
				   so that version 4 browsers still see the
				   old browser notice */
}
#contentColumn
{
	/*/*/ margin: 0 12em;			/* ie4 fix */
}
#leftColumn
{
	float: left;
	width: 12em;
	/*/*/ margin-right: -12em;		/* ie4 fix */
}
#rightColumn
{
	float: right;
	width: 12em;
	/*/*/ text-align: left;			/* ie4 fix */
	/*/*/ margin-left: -12em;		/* ie4 fix */
}
#masthead, .hnav, #contentColumn, #contentColumn .inside, #footer
{
	/*/*//*/ border: none;			/* nn4 fix */
	/*/*//*/ margin: 0;			/* nn4 fix */
}
#nsFooterClear
{
	/*/*//*/ display: block;		/* nn4 fix */
}
#footer
{
	text-align: center;
}


/*-*-*- hnav.css -*-*-*/

/*/*//*/
	.hnav
	{
		text-align: center;
		padding: none;
	}
	.hnav ul, .hnav ul li
	{
		list-style-type: none;
		display: inline;
	}
/*--> IE4 does not do inline lists, so this CSS is shown only to NN4. <--*/


/*-*-*- borders.css -*-*-*/

#masthead, #footer, .hnav, #contentColumn
{
	border: solid 1px #000;
}
#pageWrapper
{
	/*/*//*/ border: solid 1px #000;	/* hide from ie4 */
}
#masthead
{
	/*/*//*/ border-width: 0 0 1px 0;	/* hide from ie4 */
}
#footer
{
	/*/*//*/ border-width: 1px 0 0 0;	/* hide from ie4 */
}
.hnav
{
	/*/*/ border-top-width: 0;		/* hide from nn4 */
	/*/*//*/ border-width: 1px 0;		/* hide from ie4 */
}
#contentColumn
{
	margin-top: -1px;
}

/*-*-*- colors.css -*-*-*/

body
{
	background-color: #fff;
	/*/*//*/ background-color: #ccc;	/* nn4 coloring */
	color: #000;
}
#pageWrapper
{
	background-color: #fff;
	color: #000;
}
#contentcolumn					/* selector case hack */
{
	color: #000;
	background-color: #eee;
}


/*-*-*- gutters.css (or what's left) -*-*-*/

#pageWrapper
{
	margin: 0 1em;
}
#masthead
{
	/*/*//*/ padding-bottom: 0;		/* nn4 fix */
}
#masthead h1
{
	/*/*/ margin: 0;			/* ie4 fix */
}
.hnav ul
{
	/*/*/ margin-top: 0;			/* ie4 fix */
	/*/*//*/ padding: 0.1em 0 0.4em ;	/* nn4 fix */
}

a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 

}

a:visited {
   text-decoration: underline;
   background-color: inherit;
             /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   /*background-color: #C3D4DF;*/

}
/******************************************************************************/
/* End of 'v4' */

/* Start of CMSMS style sheet 'vnav' */

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 0px #000;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 0px #000;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav h3
{
	/* perhaps this belongs partly in gutters.css and partly in 
	   fonts.css. However, the heading size for vnav elements is
	   controlled here because it is a specific vnav visual element
	   rather than something that's going to be applied to the whole
	   layout. So that if you were to remove vnav.css from your
	   layout, you wouldn't have any extra, unused CSS in the rest
	   of your stylesheets. */

	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

/******************************************************************************/

.vnav form
{
margin: 0;
}

.vnav input
{
background-color: #000;
color: #fff;
border-color: #888;
}
/* End of 'vnav' */

/* Start of CMSMS style sheet 'gutters' */

body
{
	margin: 0;
	padding: 0em 2em;		/* remove this padding if you want the layout to
				   stretch from edge to edge of the viewport. */
}
p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* specifically define this for Opera's sake,
				   and also for better consistency across 
				   all platforms  */
}
.inside
{
	padding: 0 1.5em;	/* this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
}
#leftColumn, #centerColumn, #rightColumn, #masthead
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   previous selector. */
}
#masthead, #footer
{
	padding: 1em;
}
.vnav
{
	margin: 1em 0;
}
html>body #footer
{
	padding-bottom: 1.01em;	/* this is to fix a bug in mozilla that results
				   in a 1px line of white below the footer when
				   the document gets very long. extremely long
				   documents may generate the bug again. if
				   you experience that, increasing this value
				   may help. i think this is related to moz's
				   off-by-one troubles as the bug does not
				   occur in any other browser */
}
/******************************************************************************/
/* End of 'gutters' */

/* 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)' */