@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	/* without margins the page would be stuck to the sides*/
	font-family: "Myriad Pro";   /* base font is defined in the page */
	padding:0;
	background-image:url(images/bluestripe-background.png);
	background-repeat: repeat;
	
			
}

a:hover {
	text-decoration:underline;	
}


#topbluebar {
	position:relative;
	width:100%;
	height:140px;
	padding:0;
	margin:0; 
	top:0px;
	z-index: 1;
	background-image:url(images/topbluebarblur.jpg);
	background-repeat:repeat;

	
		
}

#thickgoldbar {
	position:relative;
	background-color:#5080a4;
	width:100%;
	height:40px;
	top:36px;
	z-index:2;
	padding-left:325px;
	
}

#thingoldbar {
	position:relative;
	background-color:#3172a4;
	width:100%;
	height:5px;
	top:36px;
	z-index:1;
	
}

#boxcontent {
	width:100%;
	height:auto;
		
}

#scpcsdribbon {
	position:relative;
	background-image: url(images/scpcsd-ribbon-red-small.png);
	background-repeat:no-repeat;
	padding-top:275px;
	padding-left:10px;
	width:30%;
	top:-110px;
	left:3px;
	float:left;
	z-index:9;
	
}

#twitfaceimages {
	position: relative;
	float:inherit;
	padding-top:8px;
	padding-left:8px;
	left:1em;
	top:-100px;
	width:32%;
	height:500px;
	font-size:9px;
	z-index:4;
}

#supletter {
	position: relative;
	left:-45em;
	top:-15px;
	width:25%;
	z-index:7;
}

#googlefeed{
	position:relative;
	float:left;
	width:26%;
	top:225px;
	left:-24em;
	z-index:3;
	color: #000;
	background-color:#FFF;
	font-family: "Lucida Sans", Verdana, Georgia;
	font-size: 12px;
}

#bottomcontact {
	position:relative;
	clear: both;
	padding:4px;
	width:100%;
	background-image: url(images/bottombluebarblur.png);
	background-repeat: repeat-x;
	height: 290px;
	color:#000000;
	font-family: "Myriad Pro";
	font-size:13px;
	z-index:5;
}

#bottomcontact td{
	color:#CCC;	
	font: "Myriad Pro";
	text-decoration:none;
	font-size:.8em;
}

#bottomcontact a{
	color:#CCC;	
	font: "Myriad Pro";
	text-decoration:none;
	font-size:1em;
}

#bottomcontact a:hover{
	text-decoration:underline;	
}

#googlesearch {
	position: relative;
	float:left;
	left:690px;
	top:-10px;
	width:29%;
	padding-left: 3px;
	z-index:1;
}

#homecontactus {
	position: relative;
	color:#FFF;
	width:13%;
	left:530px;
	top:10px;
	z-index:3;
}

#homecontactus a{
	text-decoration:none;	
	font: "Myriad Pro";
	font-size:.9em;
}

#menu {
	position: relative;
	float:left;
	color:#000;
	background-color:#FFF;
	width:100%;
	height: 34px;
	top:36px;
	padding-left:330px;
	border-bottom:thin;
	border-bottom-color:#4a1500;
	border-bottom-style:solid;
	z-index:8;

}

#content {
	position:relative;
	float:right;
	color:#000;
	left:2em;
	top:50px;
	width:69%;
	height:700px;
	z-index:5;
	
}

#content2 {
	position:relative;
	float:right;
	padding:10px;
	color:#000;
	background-image:url(images/content2-background.png);
	left:-7em;
	top:45px;
	width:60%;
	font-family: "Myriad Pro";
	font-size:.75em;
	z-index:5;
	
}

#content2 td{
	font-family:"Myriad Pro";
	font-size:1.2em;
	color:#000;
	
	
	
}

#content2 ul{
	font-family:"Myriad Pro";
	font-size:1.1em;
	
}

#content2 a{
	color:#052c49;
	text-decoration:none;
}

#content2 a:hover{
	text-decoration:underline;
}

#content2 p{
	font-family:"Myriad Pro";
	font-size:13px;
	text-align: justify;
}

#content3 {
	position:relative;
	float:right;
	left:-7em;
	top:55px;
	width:60%;
	height:4em;
	z-index:5;
	
}

.leftalign {
	text-align: left;	
	font-family:"Myriad Pro";
}

#excellence {
	position: relative;
	top:-120px;
	left:29em;
	width:63%;
	height:31px;
	z-index:6;
}

#otherlinks {
	position: relative;
	float:left;
	width: 42em;
	height:auto;
	left:29.5em;
	top:-88px;
	border-top: dotted;
	border-top-width:thin;
	border-top-color:#8F8F8F;
	z-index:5;
}

#otherlinks2 {
	position:relative;
	float:left;
	top:95px;
	left:20em;
	width: 17%;
	height:175px;
	color:#000;
	font-family: "Myriad Pro";
	background-color:#000;
	z-index:8;
}

#otherlinks2 a{
	color:#fff;
	text-decoration:none;
	font-family:"Myriad Pro";
	font-size:1.1em;
	font-weight: normal;
	
}

#otherlinks2 a:hover{
	text-decoration:underline;	
}



/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
  
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
    
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#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;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("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;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("images/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	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 */
	}