/* 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: #0E6090;
/*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;
	visibility: hidden;
}

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

/* Start of CMSMS style sheet 'ksgd_css2' */
/*--------------------- GLOBAL SETTINGS ------------------------------ */

body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #005989;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
img {
	border: none;
}
/* ---------------------------- LAYOUT SETTINGS ----------------------*/
#main_container {
	width: 795px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	border: 2px solid #ffffff;
	padding: 4px;
	background-color: #0E6090;
}

#main_container_bg{
width: 795px;
background-color: #ffffff;

}
/* ----------------------------- TOP LOGIN SECTION -------------------------- */
#top_header {
	padding: 2px 6px;
	background-color: #00375E;
	color: #ffffff;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	height: 25px;
}
/* ------------------------------- TOP BANNER ------------------------------- */
#main_header{
background: #EAEAEA;
height: 204px; /*Height of top section*/
}
#content_wrapper{
	float: left;
	width: 100%;
	background-color: #ffffff;
	background-image: url(images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0;




}
/* ---------------------------- LEFT COLUMN ------------------------------- */
#leftcolumn{
	float: left;
	width: 155px; /*Width of left column*/
	margin-left: -790px; /*Set left margin to -(MainContainerWidth)*/
}
/* ---------------------------- CONTENT ------------------------------- */
#content {
	margin-left: 155px; /*Set left margin to LeftColumnWidth*/
	text-align: left;
	padding: 20px;
	padding-top: 10px;
	background-image: url(images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00375E;
	line-height: 130%;
	padding-bottom: 25px;

}
#content a, #content a:link, #content a:visited {
	color: #00375E;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	color: #0E6090;
}
body#current-projects #content, body#contact-us #content, body#course-portfolio #content, body#in-the-media #content {
	margin-left: 10px;
}
#content h1 {
	color: #00375E;
	margin: 0;
	padding: 0;
	font-size: 135%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/* --------------------------- IMAGE HOLDER ----------------------------*/
#content #image_holder {
	border: 2px solid  #00375E	;
	background: #ffffff;
	float: right;
	clear: right;
	display: block;
	margin: 5px 0 3px 10px;
	padding: 3px;
	postion: absolute;
	top: 0;
	}
	/*--------------------CURRENT PROJECT ------------------------ */
img.thumb_border {
	border: 2px solid #00375E;
	padding: 2px;
	background-color: #ffffff;
	margin: 0 4px 4px 0;

}
/*--------------------EXPAND CONTENT ------------------------ */
#content #current_projects {
	list-style-type: square;
	padding: 0;
	margin: 0 0 0 5px;
}
#content #current_projects li {
	padding: 0px;
	margin: 5px 0;
}
#content #current_projects a {      
      text-decoration: none;
      color: #00375E;
      font-weight: bold;
}
#content #current_projects a:hover {
     color: #0E6090;
}
/*-------------------- CURRENT PROJECTS ------------------------ */
#content #projectSummary {
	width: 465px;
	display: block;
	float: left;
	clear: left;
	border-bottom: 1px solid #00375E;
	padding-bottom: 8px;
}
#content #projectSummary a, #content #projectSummary a:link, #content #projectSummary a:visited {
	color: #00375E;
	text-decoration: none;
	font-weight: bold;
}
#content #projectSummary a:hover {
	color: #00375E;
	}
#content #projectSummary #projectSummaryTitle {
	display: block;
	float: left;
	height: 15px;
	color: #00375E;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	width: 465px;
	margin: 4px 0 5px 0;
	
}
#content #projectSummary #projectSummaryTitle a, #content #projectSummary #projectSummaryTitle a:link, #content #projectSummary #projectSummaryTitle a:visited {
	text-decoration: none;
	color: #00375E;
	font-weight: bold;
}
#content #projectSummary #projectSummaryTitle a:hover {
	color: #0E6090;
}
#content #projectSummary #morelink {
	float: left;
	
}
#content #projectsFull {
	float: left;
	margin: 8px 0 0 0;
	clear: left;
	width: 475px;
}
#content #projectFullTitle {
	font-weight: bold;
	font-size: 13px;
	margin: 3px 0;	
}
#content #projectsFull a, #content #projectsFull a:link, #content #projectsFull a:visited  {
	color: #00375E;
	text-decoration: none;
	font-weight: bold;
}
#content #projectsFull a:hover {
	color: #0E6090;
}
/*-------------------------- NAV ----------------------------- */
#nav_wrapper {
	border-top: 3px solid #00375E;
	border-bottom: 3px solid #00375E;
	padding: 3px 0;
	background-color: #ffffff;
}
#nav {
	list-style-type: none;
	background-image:url(images/nav_bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0;
	padding-bottom: 2px;
	padding-top: 2px;
}

#nav li 
	{ 
	display: inline;
	margin-left: -4px;
	}

#nav li a, #nav li a:link, #nav li a:visited 
{
	padding: 2px 8px 2px 8px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

#nav li a:hover
{
	background-image: url(images/navover_bg.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #ffffff;
	color: white;
}
#nav li a.active {
	background-image: url(images/navover_bg.gif);
	background-repeat: repeat-x;
	color: white;
}
/*-------------------SUB NAV ------------------------------------- */
#subnav_wrapper {
	width: 155px; 
	margin: 5px; 
	background-image:url(images/subnav_bg.jpg); 
	background-repeat: repeat-x; 
	height: 442px; 
	border-top: 8px solid #00375E;
	float: left;
	display: inline;
	position: relative;
	top: 0;
	left: 0;
        
}
#subnav {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;

}
#subnav li {
	margin: 5px 0;
}
#subnav a, #subnav a:link, #subnav a:visited   {
	display: block;
	padding: 0 5px 3px 3px;
	width: 145px;
	border-bottom: 1px dotted #eee;
	text-align: right;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
#subnav a:hover {
	color: #00375E;
}
#subnav a img.current {
	/*visibility: visible;*/
	margin-bottom: 3px;
}
/*---------------- FOOTER ---------------------------------- */
#footer{
clear: left;
width: 100%;
	padding: 5px 0 0 0;
	color: #ffffff;
	text-align: center;
	background-color:  #0E6090;
	font-size: 12px;
	line-height: 115%;
	font-family: Arial, Helvetica, sans-serif;

}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 130%;
}
#footer a:hover {
	color: #00375E;
}
/*---------------------- COPYRIGHT -------------------------- */
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	margin: 5px 0;
	clear: both;
	
}
#copyright a, #copyright a:link, #copyright a:visited {
	color: #ffffff;
	text-decoration: none;

}
#copyright a:hover {
	color: #00375E;
}
#j2_copyright {
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	margin: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#j2_copyright a, #j2_copyright a:link, #j2_copyright a:visited{
	text-decoration: none;
	color: #ffffff;
}
#j2_copyright a:hover {
	color: #00375E;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* End of 'ksgd_css2' */

/* Start of CMSMS style sheet 'lightbox' */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(modules/Album/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(modules/Album/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modules/Album/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 of 'lightbox' */