/* ---------------------------------------------------------------------

	Site Builder: Remove this comment section when done
	
	This stylesheet contains site specific styles for 1 client.
		there are several other style sheets associated with 
		all projects.  These other stylesheets are:
		~ set base typography (typography.css)
		~ reset css styles for all browsers (reset.css)
		~ contain styles for IE 6 and below (ltIE7.css)
		~ & if the site uses a JS library and needs it (js_conditional.css)
	DO NOT TOUCH THESE. EVER.
	
	Declare overrides in this file IF you know what you are doing.
	
	Otherwise this stylesheet is used to declare positioning,
	images, colors, and other elements that make the site unique
	
	IMPORTANT
	
	UNT Branding Requirements are explicit:
		~ The UNT Wordmark is absolutly required (Top left corner of the screen is the "preferred" location)
		~ The UNT LetterMark is optional but "preferred"
		~ UNT Green = #059033; Black = #000000; White = #FFFFFF
		~ See: http://www.unt.edu/identityguide/webuse.htm
	
	Reccommended Helper Sites:
	
	Color Tools:
	~ http://www.colourlovers.com/
	~ http://www.alvit.de/web-dev/color-tools-mixers-palettes.html
	
------------------------------------------------------------------------ */


/*--------------------------------------------------------             

      =GENERIC       	body, wrappers, etc
	  
----------------------------------------------------------*/

body { 
  background-color: #000000;
  text-align:center;
}

#wrapper { /* This is a superflous div for the benefit of Dreamweaver, without this, background inherits the body color */
  background-color:#000000;
  width: 950px;
/*  margin: 0 auto;  */
  text-align:left;
}

#jumpNavigation { /* Jump links for screenreaders and cell phones, + target of TOP links, don't change */
	position:absolute;
	left:-9999px;
	height:1px;
	line-height:1px;
}

.container { /* wraps everything */
	position: relative;
}

/*-----------------------------------------------------------------------------------
	=HEADER          
	
	~ See Shea Enhancement: http://www.mezzoblue.com/tests/revised-image-replacement/
	~ Set #header width and height to image dimensions (MAX Width 950px with no margins or padding!
	~ Set #header span backround image to image source
	~ adjust margins if image requires border or fake it in your image
				 
-------------------------------------------------------------------------------------*/


#header {
	width: 950px;
	margin: 0px;
	height: 150px;
	position: relative;
	margin-bottom:0em;
	}

#header span {
	background: url(../images/header.png) no-repeat; /*Replace this value with the actual url of the header image ; */
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	margin: 0px;
	padding: 0px;
}



/****************************************************************************************/
/* Nav Section: A site will only have 1 nav style, remove the extras for speedier css   */
/****************************************************************************************/



/*----------------------------------

   =GLOBAL NAVIGATION
     ~ A Standard ul and li based nav tree (add style rules)

---------------------------------*/

#left {

}	

#nav {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align: middle;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

#nav a {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align: middle;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}	
#nav a:hover{
	color:#000000;
}

/*----------------------------------

   =PAGE TITLE
		 
---------------------------------*/

#titleSection {

	margin-bottom:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-top:15px;
}

#pageTitle {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#f29400;
	clear:none; /* Overrides reset.css */
}
/*----------------------------------

   =HEADINGS 

---------------------------------*/
h1 {
	font-size:24px;
	font-weight: bold;
	color: #f29400;
}

#contentWell h1 a{
	font-size:24px;
	font-weight: bold;
	color: #f29400;
}
#contentWell h1 a:hover{
	font-size:24px;
	font-weight: bold;
	color: #ffffcc;
}

h2 {
	font-size:20px;
	font-weight: bold;
	color: #f29400;
	text-align:center;
}
#contentWell h2 a {
	font-size:20px;
	font-size:larger;
	font-weight: bold;
	color: #f29400;
	text-align:center;
}
#contentWell h2 a:hover {
	font-size:20px;
	font-size:larger;
	font-weight: bold;
	color: #ffffcc;
	text-align:center;
}

h3 {
	font-size:14px;
	font-weight: bold;
	color: #f29400;
}
#contentWell h3 a {
	font-size:14px;
	font-weight: bold;
	color: #f29400;
}

#contentWell h3 a:hover {
	font-size:14px;
	font-weight: bold;
	color: #ffffcc;
}
/*----------------------------------

   =CONTENT 

---------------------------------*/
#pageContent {
	background-color:#000000;
	padding-top: 18px;
	padding-bottom:18px;
	font-family:"Times New Roman", Times, serif;
	color:#18d6ee;
	font-size:14px;
}

#pageContent ul{
	list-style-image:url(../images/bullet.png);
}
	
#pageContent a {
	color:#ffffcc;
	text-decoration:none;
	font-size:14px;
}

#pageContent a:hover {
	color:#ffffxx;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

#pageContent img {
	padding-right:10px;
	padding-left:10px;

}

blockquote {
	color: #18d6ee;
	font-style:normal;
}


/*----------------------------------

   =LIGHTBOX 

---------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink: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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*----------------------------------

   =FOOTER 

---------------------------------*/

#footer {
	text-align:center;
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
	background-color: #000000;
	color:#18d6ee;
	clear:both;
}

#footer div {
	padding: .35em 0;
}

#footer a {
	color:#ffffcc;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffcc;
	text-decoration:none;
}