/* **** Navagation styles	**** */

   @import "navigation.css";
	
	

/*  
***********************************************  
						TAGS  
***********************************************  
*/

body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.80em
}
a {
cursor:					hand;
}

a:hover {
text-decoration:		underline;
}


/* 
********************************************   
						Id's   
********************************************
*/
#alumni_control { 
height: 			15px;
width:			100%;
font-size: 		0.8em;
color: 			#000000;
float: 			left;
background: 	#fff;
padding-top:	10px;
border-bottom: 1px solid #e2e2e2;
margin: 			0 0 10px 0;
}

#column1  { /*width:25%;float:left;background-color:#fff;border-left:1px solid #000;height:auto;top:-36px;position:absolute;left:-1px;z-index:99;*/
/*border-left:1px solid #000000;*/
float:left;
height:auto;
margin:0 -1px 10px 0;
width:25%;
z-index:99;
}

/*#column1 h2*/ h2{ 
color:				#fff;
text-align: 		center;
font-size: 			1.3em;
padding: 			5px;
background-color:	#85a2bc;
margin-top: 		0px;
line-height: 		24px;
font-weight:bold;
}
#ContentArea {float:left; display:block;
	background-color:			#ffffff;
	width:						100%;
/*	border:						groove #990033 3px;*/
	height:						auto;
	z-index: 					40;
	/*position:relative;*/
}


#FurtherDetail {
	display:						none;
	position:					absolute;
/*	left:							expression(document.body.offsetWidth / 95);
	top:							expression(document.body.offsetTop);   */
	left:							10px;
	top:						   10px;
	height:						100%;
	width:						95%;
/*	width:						expression(document.body.offsetWidth - 20);*/
	z-index:						45;
	border:						3px outset #ffffff;
	background-color:			#FFFFFF;
	filter:						alpha(opacity=60);
	alpha:						50%;

}


#HiddenLink {
	text-decoration:				none;
}

#LogonArea {
width:					100%;
height:					285px;
/*position: 				relative;
top:						10px;*/
float: 					right;			
/*border:					outset 1px #ffffff;*/
background:#85a2bc;
/*padding-top:			3px;
padding-bottom:			5px;		
padding-left:			5px;
margin:			0px;*/
		
}
#ContentModule02 {
padding-top:			3px;
padding-bottom:			5px;		
padding-left:			5px;
margin:			0px;
}

#RightColumn {
width:					163px;
height:					285px;
float: 					right;
clear:right;			
padding-top:			5px;
padding-bottom:			5px;		
/*padding-left:			5px;*/
margin-right:			10px;
*margin-right:			5px;	
}
/*#RightColumn h2{
font-size:1.3em;
line-height:24px;
text-align:center;
color:#003399;
font-weight:bold;
}*/

#dropholder {
background-image:	url(../images/dropholder_bg.gif);
float: 				left; 
width: 				759px; 
height: 				77px; 
border-left: 		1px solid #000; 
border-right: 		1px solid #000;
font-family:		Arial, Helvetica, sans-serif; 
color: 				#333333; 
font-size: 			1.1em; 
margin: 				0; 
padding:				0;
}
.index #dropholder {border-bottom:1px solid #000;}
#quicklinks {
float:				left; 
margin: 				0px 5px 0px 10px; 
line-height: 		20px;
}

#faq {
float: 				left; 
margin: 				0px 5px 0px 5px; 
line-height: 		20px;
}

#MainText {
width:		73%;
float: 		left;
padding:    3px;
margin-top: 5px;
font-size:	1.1em;
}

.start #MainText {
width:		50%;
float: 		left;
padding:    3px;
margin-top: 5px;
font-size:	1.1em;
/*margin-left:195px;*/
display:inline;
}
/*.start #MainText h2{
font-size:1.3em;
line-height:24px;
text-align:center;
color:#003399;
font-weight:bold;
}*/

#menu1 {
position: 			relative; 
top: 					0px; 
left: 				5px; 
margin-top:			53px;
}

#menu1 a {
color:				#fff; 
text-decoration:	none; 
margin-right:		25px; 
font-size: 			0.9em;
}

#menu1 a:hover {
color: 				#0066CC;
}

#masthead {
clear:				both; 
}

#myGallery, #myGallerySet, #flickrGallery {
width: 				758px;
height: 				259px;
z-index:				5;
border: 				1px solid #000;
background-color:	#000000;
}

#flickrGallery {
width: 				500px;
height: 				334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: 			none;
}


#SelectedPage {
background-color:		#85a2bc;
opacity: 				.9;
border:					1px inset #85a2bc;
}

/*
***********************************************
						Classes
***********************************************
*/
.FieldTitle {
font-weight:      800;
color:				#ffffff;	
}	


.jdGallery {
overflow: 			hidden;
position: 			relative;
}

.jdGallery img {
border: 				0;
margin: 				0;
}

.jdGallery .slideElement {
width: 					100%;
height: 					100%;
background-color: 	#000;
background-repeat: 	no-repeat;
background-position: center center;
background-image: 	url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement {
width: 					100%;
height: 					100%;
position: 				absolute;
left: 					0;
top: 						0;
background-color: 	#000;
background-repeat: 	no-repeat;
background-position: center center;
background-image: 	url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone {
position: 				absolute;
z-index: 				10;
width: 					100%;
margin: 					0px;
left: 					0;
bottom: 					0;
height: 					40px;
background: 			#333;
color: 					#fff;
text-indent:			0;
overflow: 				hidden;
}

* html .jdGallery .slideInfoZone {
bottom: 					-1px;
}

.jdGallery .slideInfoZone h2 {
padding: 				0;
font-size: 				80%;
margin: 					0;
margin: 					2px 5px;
font-weight: 			bold;
color: 					#fff;
}

.jdGallery .slideInfoZone p {
padding: 				0;
font-size: 				80%;
margin: 					2px 5px;
color: 					#eee;
}

.jdGallery div.carouselContainer {
position: 				absolute;
height: 					135px;
width: 					100%;
margin: 					0px;
left: 					0;
top: 						0;
z-index: 				10;
}

.jdGallery a.carouselBtn {
position: 				absolute;
bottom: 					0;
right: 					30px;
height: 					20px;
/*width: 				100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: 			center;
padding: 				0 10px;
font-size: 				13px;
background: 			#333;
color: 					#fff;
cursor: 					pointer;
}

.jdGallery .carousel {
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}

.jdExtCarousel {
overflow: hidden;
position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label {
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}

.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.jdGallery a.left
{
left: 0;
top: 0;
background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { 
background: 		url('img/fleche1.gif') no-repeat center left; 
}

.jdGallery a.right
{
right: 			0;
top: 				0;
background: 	url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
left: 			0;
top: 				0;
width: 			100%;
height: 			100%;
}

.minihead {
text-align:			right; 
float:				right;
border:							0;
}

.withArrows a.open
{
position: 			absolute;
top: 					0;
left: 				25%;
height: 				99%;
width: 				50%;
cursor: 				pointer;
z-index: 			10;
background: 		none;
-moz-opacity:		0.8;
-khtml-opacity: 	0.8;
opacity: 			0.8;
}

.withArrows a.open:hover { 
background: 			url('img/open.png') no-repeat center center;
}

* html .withArrows a.open:hover { 
background: 			url('img/open.gif') no-repeat center center;
filter:					alpha(opacity=80);
}

.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}

.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #aaa;
}


.column1info
{
color:				#616161;
padding-left: 		10px;
}

.clearer
{
background-color: #fff;
}

.clearer p
{
padding: 5px;
}

.newsbox  
{	
margin: 0px 10px 10px 10px;
background-color:#003462;
padding: 5px;
border-top: 7px solid #fff;
color: #fff;
}

.newsbox h3
{
color: #fff;
margin: 0px 0px 0px 0px;
font-size: 1.3em;
font-weight:bold;
}

.newsbox p
{ 
margin:0px;
font-size: 0.8em;
}

.newsbox p a
{ 
color: #CCCC99;
text-decoration:underline;
}

.newsbox p a:hover
{
color:#999999;
}

/*
****************** for Testing *************************
*/
.setUrl {
    	background-image: 	url(../images/FrostedBackground.jpg);
}
.loseUrl {
    	background-image: 	url(none);
}