/* GND CSS */
/* General styles */

/*  
old pink: #c53d6e
new pink 1: #AE24EB
new pink 2: #c53d6e
purple: #D7D7FF
dark-blue: #261F52
light-blue: #4E669A
dark-gray: #474747
light-gray: #AAA

*/

	@font-face {
	font-family:"Calibri";
	src: url(../../fonts/CALIBRI3.eot);
	}

	body{
	margin:0;
	font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
	color:black;
	background:white;
	}
	
	/*Non-IE7 browsers will display this*/
	html>/**/body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	}
	
	a:link, a:visited{color:#4e669a;text-decoration:none;}
	a:active, a:hover{color:#c53d6e;text-decoration:underline;}
	
	.pink{
	background-color:#c53d6e;
	}
	
	.pink p{
	color:white;
	padding:0.5ex;
	}
	
	.blue{
	background-color:#261F52;
	}
	
	.gray{
	color:#474747;
	}
	
	.greyback {
	background-color: #E0E0E0;
	}

	
	.right{
	float:right;
	border:0;
	margin-right:1ex;
	padding:0;
	}
	
	.bgl{background:url(bgl.jpg) right repeat-y #E1E1E1;width:auto;}
	.bgr{background:url(bgr.jpg) left repeat-y #E1E1E1;width:auto;}
	
	.picture{
	border:1px solid #333333;
	margin:1ex;
	text-align:center;
	}
	
	.Boldlink{
	font-weight:bold;
	}
	
	.paddedTable{
	/*TBA*/
	}
	
	.paddedTable td{
	padding:0.5ex;
	}
	
/* Banner styles */

	#banner{
	margin:0 0 0 2ex;
	height:100px;
	background:url(bannerBG.jpg) no-repeat right;
	}
	
	#banner h1{
	position:absolute;
	left:-1000px;
	top:-1000px;
	}
	
	#banner h2{
	position:absolute;
	left:-2000px;
	top:-2000px;
	}
	
	.bannerTop{
	height:6px;
	border-bottom:1px solid white;
	}
	
/* Navigation styles */

	#navigation{
	width:200px;
	background:url(navBG.jpg) no-repeat left;
	border-bottom:1px dotted #AAA;
	margin:0;
	padding:0;
	}
	
	#navigation ul{
	list-style:none;
	text-align:right;
	margin:0.25ex 1.5ex 0.25ex 1.25ex;
	padding:0;
	}
	
	#navigation li{
	padding:0.15ex;
	font-size:95%;
	padding-right:1.75ex;
	background:url(bullet.gif) right no-repeat;
	margin:0;
	}
	
	#navigation li:hover{
	background:url(bulleta.gif) right no-repeat;
	}

	.linkbottom{
	border-bottom:1px dotted #AAA;
	}
	
	#navigation a:link, #navigation a:visited{color:#676767;text-decoration:none;}
	#navigation a:active, #navigation a:hover{color:#261F52;}
	
	.navTop{
	border-right:1px solid white;
	height:38px;
	}
		
/* Feature Text */

	#featureText{
	/*TBA*/
	}
	
	#featureText h2{
	margin:0;
	padding:0.75ex 0 0.75ex 1.5ex;
	font-weight:normal;
	font-size:115%;
	color:#D7D7FF;
	}
	
/* Feature */

	#feature{
	vertical-align:top;
	background:url(GNDfrontTemp.jpg) #261F52 no-repeat;
	}
	
	#feature img{
	border-top:1px solid white;
	border-bottom:1px solid white;
	}

/* Collumn */

	.colHeader{
	margin-right:2px;
	border-bottom:1px dotted #AAA;
	}
	
	.colHeader h2{
	margin:0;
	padding:1ex 0 0.75ex 1.5ex;
	font-weight:normal;
	font-size:110%;
	color:#222222;
	}
	
	.colHeader img{
	float:left;
	padding:1ex 1ex 0.75ex 2ex;
	border:0;
	}
	
	.colHeader form{
	margin:1ex;
	}
	
	.colSection{
	/*TBA*/
	}
	
/* Sub Features */

	#subFeat{
	height:173px;
	background:url(thumbnailgradient.jpg) top repeat-x #EBEBE9;
	vertical-align:top;
	padding:2ex 0 0 1ex;
	border-top:1px dotted #AAA;
	margin:0;
	}
	
	.thumbnail{
	padding:0 1ex 0 1ex;
	width:229px;
	}
	
	.thumbnail h2{
	margin:0 0 1ex 0;
	color:#c53d6e;
	font-weight:normal;
	font-size:120%;
	}
	
	.thumbnail p{
	margin:0;
	color:#474747;
	font-size:90%;
	}
	
	.thumbnail h4{
	float:right;
	font-size:90%;
	font-weight:normal;
	padding-top:1ex;
	margin:0;
	}

	.thumbnail img{
	border:0;
	margin:0.5ex;
	float:left;
	}
	
	.sectionSplit{
	height:90px;
	font-size:80%;
	font-weight:bold;
	color:#261F52;
	padding:0 0.5ex 0 0.5ex;
	margin-top:2px;
	border-right:1px dotted #261F52;
	}
	
/* Content */

	.content{
	padding:1ex;
	}
	
	.contentCell{
	border-left:1px dotted #AAA;
	vertical-align:top;
	}
	
	.content p{
	margin:0.25ex 0 1ex 0;
	}
	
/* Tray */

	#tray{
	background-color:#c53d6e;
	text-align:center;
	font-size:85%;
	color:#D7D7FF;
	padding:3ex 1ex 2ex 1ex;
	}
	
	#tray ul{
	list-style:none;
	margin:1.5ex 0 0 0;
	}
	
	#tray li{
	display:inline;
	
	margin:0;
	}
	
	#tray p{
	margin:0 0 1.5ex 0;
	}
	
	#tray a:link, #tray a:visited{color:white;text-decoration:none;}
	#tray a:active, #tray a:hover{text-decoration:underline;}
	
/* Popup Previews */

/*
Contain all popup material in a span with the class preview.  
The link for the popup should be in a strong tag - change .preview strong as needed for formatting.
Include the table in this strong tag as well, but treat it as its own entity.
*/

/*
	.preview{
	margin:0;
	padding:0;
	}

	.preview strong table td{
	position:absolute;
	margin:0;
	width:281px;
	height:154px;
	background:url(previewBox.png) no-repeat;
	padding:45px 12px 15px 12px;
	vertical-align:top;
	color:#474747;
	}
	
	.preview strong table{
	position:relative;
	z-index: 500;
	top:0%;
	left:15%;
	font-size:80%;
	font-weight:normal;
	magin:0;
	padding:0;
	}
	
	.preview strong img{
	border:2px solid #c53d6e;
	margin: 0.5ex 0 0.5ex 0;
	}
	
	.preview strong table a:link,
	.preview strong table a:visited{
	color:#261F52;
	text-decoration:none;
	border-bottom:1px dotted #261F52;
	}
	
	.preview strong table a:active, 
	.preview strong table a:hover{
	color: #c53d6e;
	border-bottom:1px dotted #c53d6e;
	}
	
	.preview strong table p{
	margin:0;
	}
	
	.preview strong table h4{
	font-weight:bold;
	margin:0;
	}
	
	span.preview table{
	display: none;
	}
	
	span.preview strong:hover table{
	display: inline;
	}

*/
	
/* albums col */

	#albums{
	padding:0.75ex;
	background:url(navBG.jpg) no-repeat left top #EDEDEB;
	border-right:1px dotted #AAA;
	margin-right:2px;
	font-size:80%;
	border-bottom:1px dotted #AAA;
	}
	
	.album{
	padding:0.75ex;
	padding-bottom:4ex;
	border-bottom:1px dotted #474747;
	}
	
	.album img{
	border:1px solid #474747;
	padding:1px;
	background:white;
	margin:0.1ex 0.5ex 0.2ex 0;
	display:block;
	position:relative;
	}
	
	.album h4{
	margin:0;
	font-size:120%;
	font-style:normal;
	}
	
	.album p{
	margin:0;
	}
	
	.album h5{
	font-size:100%;
	font-weight:normal;
	color:#474747;
	margin:0 0 1ex 0;
	padding:0;
	}
	
	#albums a:link, #albums a:visited{color:#c53d6e;text-decoration:none;}
	#albums a:active, #albums a:hover{text-decoration:underline;}
	
	#albums h6{
	padding-left:3ex;
	font-weight:normal;
	font-size:105%;
	margin:1ex 0 1ex 0;
	}
	
/* members homepage thumbs */

	#members{
	padding:0;
	margin:0;
	}

	.memberYear{
	font-size:80%;
	font-weight:bold;
	color:#261F52;
	padding:1.5ex 0.75ex 0.5ex 0.5ex;
	margin:0.25ex 0 1ex 0;
	border-right:1px dotted #261F52;
	text-align:right;
	}
	
	.memberTable{
	border-top:1px dotted #AAA;
	height:100%;
	}
	
	.memberTableLeft{
	border-left:1px dotted #AAA;
	}

	.memberTable td, .memberTableLeft td{
	padding:0.25ex;
	margin:0;
	}
	
	#members p{
	font-size:80%;
	margin:0;
	padding:0.5ex 1ex 0 1ex;
	}
	
	#members h2, #members h2 a:link, #members h2 a:visited{
	margin:1ex 0 1ex 0.5ex;
	color:#c53d6e;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
	padding-left:0;
	}
	
	#members h2 a:active, #members h2 a:hover{
	color:#261F52;
	border-bottom:1px dotted #261F52;
	}
	
	#members img{
	background:white;
	padding:1px;
	border:1px solid #AAA;
	margin:0 0.5ex 1ex 0;
	}
	
	#members h4{
	float:right;
	font-size:90%;
	font-weight:normal;
	padding:1ex 1ex 0 0;
	margin:0;
	}
	
	#members h4 img{
	border:0;
	margin:0;
	padding:0 0.25ex 0 0;
	}
	
/* News section */

	#news{
	background:#261F52;
	color:white;
	border-bottom:1px solid white;
	padding:0.5ex;
	margin:0;
	font-size:80%;
	margin-right:2px;
	200px;
	}
	
	#news h6{
	padding-left:3ex;
	font-weight:normal;
	font-size:115%;
	margin:1ex 0 1ex 0;
	}
	
	#news a:link, #news a:visited{color:#D7D7FF;text-decoration:none;}
	#news a:active, #news a:hover{color:white;text-decoration:underline;}
		
	.newsItem{
	padding:0.75ex;
	border-bottom:1px dotted #AAA;
	}
	
	.newsItem p{
	margin:0;
	}
	
	.newsItem h4{
	margin:0;
	font-size:120%;
	}
	
	.newsItem h5{
	color:#CCC;
	font-weight:normal;
	margin:0 0 1ex 0;
	font-size:105%;
	}
	
	.newsItem a:link, .newsItem a:visited{color:#D7D7FF;text-decoration:none;}
	.newsItem a:active, .newsItem a:hover{color:white;}
	
/* Search form styles */

	.searchbox{
	width:92%;
	}
	
/* Column feature styles */

	#colfeature{
	height:82px;
	text-align:center;
	padding:6px;
	border-bottom:1px dotted #AAA;
	}
	
/* Subpage styles */

	.pagecontent{
	width:556px;
	vertical-align:top;
	border-left:1px dotted #AAA;
	}
	
	.previewtable{
	text-align:center;
	}
	
	.previewtable td{
	padding:0.75ex;
	}
	
	.previewtable img{
	border:1px solid #261F52;
	margin:1ex;
	padding:1px;
	background:#FFF;
	}