/*******************
 * GENERAL Settings
 *******************/
/* Gutter Background		: #6b5b45;  Chocolate Brown		*/
/* Background Color			: #FFFFF7;  Off-White			*/
/* Body Text Color			: #000000;  Black				*/
/* Dominant Contrast Color	: #FF9000;  Burnt Orange		*/
/* Secondary Contrast Color	: #003EBA;  Dark Blue			*/
/* Tertiary Contrast Color	: #5D7CBA;  Med Blue			*/
/* Alt. Color				: #FFE3BF;  Lt. Beige			*/
/* Alt. Color				: #FFC77F;  Dk. Beige			*/
/* Alt. Color				: #B8DCE8;  Jet Stream Blue		*/
/* Alt. Color				: #FFCC00;  Golden Yellow		*/
/* Alt. Color				: #010066;  Royal Blue			*/
/* Content Background		: #F0D469;  Dark Yellow			*/

BODY.AdminTool {
	background-image: url('../images/parchment.gif');
}

BODY.Site {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
	text-align: center;
	background-color: #6b5b45;	/* Gutter Color */
	height: 100%;
}

BODY.ContentPage {
	background-image: url('../images/parchment.gif');
}

DIV.SiteBanner {
	position: relative;
	overflow: visible;
	z-index: 1;
}

DIV.PageContent {
	position: relative;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image: url('../images/parchment.gif');
	z-index: 0;
}

DIV.SiteFooter {
	position: relative;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

DIV.SiteBody {
	position: relative;
	width: 900px;		/* Site width + Border left + Border right */
	height: 1066px;		/* SiteFooter top + SiteFooter height + Bottom Gutter */
	margin: 0px auto;
	z-index: 0;
}

img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

img.button:hover {
	cursor: pointer;
}

/*******************
 * ANCHORS
 *******************/
A { outline: 0; }

A:link, A:visited, A:active {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #003EBA;
	
}

A:hover {
	cursor: pointer;
	color: #000000;
}

A.LargeLink {
	font-size: 12pt;
}

A.SmallLink {
	font-size: 6pt;
}


A.DesignBuildLink {
	font-size: 12pt;
}

A.MailTo {
	font-size: 10pt;
}

A.Footer {
	font-size: 12pt;
}

A:hover.SlideShow, A:hover.CGDButton {
	background: transparent;
	border: none;
	padding-left:  3px;
	padding-right: 3px;
}

A:hover.NoBdrImg {
	background: transparent;
	border: none;
	padding-left:  3px;
	padding-right: 3px;
}

/*******************
 * SPANS
 *******************/
SPAN.CGDBodyText {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}

SPAN.CGDBodyText8 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: normal;
	color: black;
}

SPAN.CGDBodyText12bb {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12pt;
	font-weight: bolder;
	color: black;
}


H1.CGDHdr1 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
	color: black;
}

H2.CGDHdr2 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	color: black;
}

H3.CGDHdr3 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: black;
}

SPAN.CGDText10 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #003EBA;
}

SPAN.CGDText10b {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #003EBA;
}

SPAN.CGDText12 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12pt;
	font-weight: normal;
	color: #003EBA;
}

SPAN.CGDText12b {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #003EBA;
}


SPAN.CGDText14 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 14pt;
	font-weight: normal;
	color: #003EBA;
}

SPAN.CGDText14b {
	font-family: Verdana, Tahoma, Arial;
	font-size: 14pt;
	font-weight: bold;
	color: #003EBA;
}

SPAN.CGDText24 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 24pt;
	font-weight: normal;
	color: black;
}

SPAN.disabledLink {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #777;
}


/*******************
 * DIVS
 *******************/
DIV.NavBarMenuOff {
	position: relative;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #003EBA;
	padding-left:  3px;
	padding-right: 3px;
}

DIV.NavBarMenuOn {
	position: relative;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #003EBA;
	cursor: pointer;
	/* border: solid 1px #003EBA; */
	/* background: #FFE3BF; */
	padding-left:  3px;
	padding-right: 3px;
}

DIV.NavMenu1 {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 80px;
	border: solid 1px black;
	z-index: 1;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
	z-index: 9;
}

DIV.FormError {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	color: Red;
}

DIV.GalleryCounter {
	font-family: Tahoma, Verdana, Arial;
	font-size: 6pt;
	font-style: italic;
	font-weight: bold;
	color: black;
}

/*******************
 * IMAGES
 *
 *******************/

IMG.Thumbnail {
	border: solid 2px #eeeeee;
}

IMG.EmptyThumbnail {
	border: none;
	padding: 2px;
}

IMG.SelectedThumbnail {
	border: solid 2px red;
}

TD.HBSelected {
	background-image: url('../FirstPropCopy/images/Buttons/Button_HBBkgnd.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

TD.HDSelected {
	background-image: url('../FirstPropCopy/images/Buttons/Button_HDBkgnd.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

/*******************
 * TABLE Elements
 *******************/
TD.FormHeader {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
	overflow: hidden;
}

.Form {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	text-decoration: none;
	overflow: hidden;
}

TD.Footer {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: #777777;
	font-weight: normal;
}


TD.FormButton {
	cursor: pointer;
}

.FormButtonX {
	cursor: pointer;
	border: solid 1px blue;
	background: #F0F0F0;
	color: #0F0F0F;
}

.FormLabel {
	text-align: right;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
}

.FormField {
	border: solid 1px blue;
	background: white;
}

TABLE.StdTable {
	border: solid 1px #777;
}

TABLE.StdTable TH {
	font-family: Verdana, Tahoma, Arial;
	font-size: .6em;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: solid 1px #777;
}

TABLE.StdTable TR {
	height: 16px;
}

TABLE.StdTable TD {
	font-family: Verdana, Tahoma, Arial;
	font-size: .6em;
}

TABLE.StdTable.Gallery {
	border: none;
}


/*******************
 * TABS
 *******************/

SPAN.TabName {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #003EBA;
	padding-left:3px;
	padding-right:3px;
	cursor: pointer;
}

SPAN.TabName:hover {
	color: #000000;
	cursor: pointer;
}

SPAN.LogoutLink {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #003EBA;
	padding-left:3px;
	padding-right:3px;
	cursor: pointer;
}

SPAN:hover.LogoutLink {
	cursor: pointer;
}


TD.TabFront {
	color: #000000; 
	background: #f0d469;
	
	border-top: #285495 1px solid;
	border-right: #285495 1px solid;
	border-left: #285495 1px solid;
	padding: 4px;
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-align: center;
}
	
TD.TabBack {
	color: #000000; 
	background: #e7cb61;
	
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #285495 1px solid;
	padding: 4px;
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-align: center;
}
	
TD.TabFiller {
	color: #285495; 
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	border-bottom: #285495 1px solid;
	padding: 5px;
	text-align: right;
}

DIV.TabView {
	background: #f0d469;
	
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: #285495 1px solid;
	border-left: #285495 1px solid;
	border-bottom: #285495 1px solid;
	display: none;
	position: relative;
	overflow: hidden;
	height: 300px;
}

DIV.TabView2 {
	background: #f0d469;
	
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	border: #285495 1px solid;
	display: none;
	position: relative;
	overflow: hidden;
	height: 300px;
}


DIV.TabVertPos {
	position: absolute;
	top: 50%;
	display: table-cell;
	vertical-align: middle;
}

DIV.TabContent {
	background: #f0d469;
}

TD.VTabFront {
	color:			#000000; 
	background:		#f0d469;
	
	border-top:		#285495 1px solid;
	border-left:	#285495 1px solid;
	border-bottom:	#285495 1px solid;
	border-right:	none;
	
	padding: 4px;
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-align: center;
}
	
TD.VTabBack {
	color:			#000000; 
	background:	#e7cb61;
	
	border-top:		#999999 1px solid;
	border-left:	#999999 1px solid;
	border-bottom:	#999999 1px solid;
	border-right:	none;
	
	padding: 4px;
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-align: center;
}
	
TD.VTabFiller {
	color: #285495; 
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	border-bottom: #285495 1px solid;
	padding: 5px;
	text-align: right;
}

DIV.VTabView {
	position:		relative;
	float:			left;
	
	background:		#f0d469;
	
	padding-top:	12px;
	padding-left:	10px;
	padding-bottom:	12px;
	padding-right:	10px;
	
	border-top:		#285495 1px solid;
	border-left:	#285495 1px solid;
	border-bottom:	#285495 1px solid;
	border-right:	#285495 1px solid;
	
	overflow:		hidden;
	
	width:			600px;
	height:			400px;
	
	left:			-2px;
	z-index:		1;
}


#overlappopup{ /*don't change id name */
position: absolute; /*don't change position property */
z-index: 1000;
background: white;
border: 12px solid black;
padding: 10px;
left: 0;
top: 0;
visibility: hidden;
}


/*
 * Busy Glass Pane
 */
 
DIV#busyGlassPane {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 999998;
	background-color: #000;
	opacity: 0.75;
	-moz-opacity: 0.75;
	margin: 0;
	paddint: 0;
	filter:alpha(opacity=10);
}

DIV#busyIndicator {
	float: right;
	font-weight: bold;
	position: fixed;
	left: 45%;
	top: 40%;
	border: 5px double #ff9000;
	height: 100px;
	width: 150px;
	text-align: center;
	padding-top: 20px;
	z-index: 999999;	
	background-color: #FFF;
	display: inline;
}

DIV#busyIndicator > img {
	padding-top: 10px;	
}

DIV#errorPanel {
	border: solid 1px red;
	padding: 8px;
	width:400px;
	margin: 0 auto;
	text-align: center;
	color: red;
	font-family:Verdana;
	font-size:8pt;
	font-weight: bold;	
}

DIV#errorPanel img:hover {
	cursor: pointer;
}

.errorMsg {
	text-align: left;
	color: red;
	font-family:Verdana;
	font-size:8pt;
	font-weight: bold;
}

SELECT.adminNav option {
	padding: 2px;
}

SELECT.adminNav option.separator {
	border-bottom: solid 1px black;
}


.GalleryCat {
	color: #333333;
	background-color: #e0e0e0;
	float: left;
	font-size: 11px;
	line-height: 13px;
	margin: 8px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	height: 165px;
	width: 150px;
	font-family: Arial;
	font-weight: bold;
}

.GalleryCat .title {
	overflow: hidden;
	text-transform: uppercase;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	background-color: #c0c0c0;
}

.GalleryCat .imgBox {
	position: relative;	
	height: 147px;
	width: 150px;
}

.GalleryCat .image {
	overflow: hidden;
	height: 109px;
	left: 6px;
	position: absolute;
	top: 6px;
	width: 138px;
}

.GalleryCat .link {
	overflow: hidden;
	height: 20px;
	left: 6px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	top: 140px;
	width: 138px;
}

.GalleryCat img {
	/*border: solid 1px #a0a0a0;*/
}

IMG.GalleryViewThumb {
	border: solid 1px #c0c0c0;
	width:100px;
	height:50px;
}

IMG.GalleryView {
	border: solid 2px #a0a0a0;
	max-width:800px;
	_width:expression(this.width > 800 ? "800px" : true);
	max-height:480px;
	_height:expression(this.height > 480 ? "480px" : true);
}

IMG.Scroller {
	position:absolute;
	top:4;
	border: outset 2px #C0C0C0;
}
