# /*
#
#    cp1162 Project
#
#    This is a project specific style sheet and should follow the master style sheet
#    as an override of master style setup.
#
# */

# /*
# black			#000000		( column background
#					calendar links
#					content center links
#					text )			
# darkblue		#00007f		( masonic text )		
# royalblue1		#0000cc		( content center hover
#					location hover
#					official business hover )			
# royalblue2		#0000ff		( calendar hover
#					accu weather foreground )			
# almostblack		#111111		(calendar overlay background)		
# coalblack		#202020		( official business visited links
#					location visited links )
# darkgray		#404040		( official business links )			
# skyblue		#418fd8		( menu active links		
#					menu links
#					menu visited links )		
# charcoal		#4c4c4c		( twitter overlay background )		
# purple		#553e8a
# purpleblue		#6441d8		( hover )			
# cloadyblue		#7cadee		( awbg )			
# mediumgray		#7f7f7f		( link )			
# 									maroon		#801c1c		( header right & left )	
# lightgray		#808080		( hrule
#					content center visited )			
# dark green		#837419
# medium purple		#8c74c5
# gray green		#988d52
# light purple		#9b89c5
# 									lightmaroon		#9c3838		( banner
#														header center
#														header strip )
# green haze		#c0c84d
# sandstone		#caa44e
# goldenrod		#cab84e		(new content area)	
# gold			#d7c04e		(content background):	
# yellow green		#dde37b
# kaki			#dfe397
# flesh			#e4c47b
# wheat			#e4cd97
# bright red		#f70000		( menu highlite	
#					official business active
#					location active
#					content center active )
# neonpink		#ff00ff		(update)		
# white			#ffffff		( location text
#					header text
#					menu )
# */

/* -----------------------------------*/
/* ------>>> HTML OVERRIDE <<<--------*/
/* -----------------------------------*/

html				{}
body				{ background-color: #000000; }

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

.container			{ height: 1050px; }  /* 768px; } */


/* -----------------------------------*/
/* ------->>> TYPOGRAPHICAL <<<-------*/
/* -----------------------------------*/

.centeredtext			{ text-align: center;}

.righttext 			{ text-align: right;}
				
.lefttext 			{ text-align: left;}

.plarge				{ font-size: 1.4em; }

.pnormal			{ font-size: 1.2em; }

.psmall				{ font-size: 1.2em; 
				margin: 0 0 .5em;}

.psmaller			{ font-size: 1.1em; 
				margin: 0 0 .5em;}

.pxtrasmall			{ font-size: 1em; 
				margin: 0 0 .5em;}

.pxtraxtrasmall			{ font-size: .75em; 
				margin: 0 0 .5em;}

.pcntrvert			{ font-size: 1.2em; 
				padding: 1em 0;}

.pbanner			{ font-size: 1.2em; 
				color: #ffffff;
			  	background: #9c3838;
			  	padding: 0 10px 0 15px;}

.columnbox 			{ padding: 1.5em 1.5em 0 1.5em;
				color: #dfe397;
			  	background: #000000; }

.border 			{ border-right: 1px solid #000000; }

.colborder 			{ border-right: 1px solid #000000; }

.updatecolor			{ font-size: 1.2em; 
				color: #ff00ff;}

div.scroll 			{ height: 522px;
				overflow: auto; }
				


#contentblock			{ height: 522px;  }
#socialblock			{ height: 72px; }

#topleft, #topright		{ background: #000000; }
#bottomleft, #bottomright	{ background: #000000; }
#contentleft, #contentright	{ background: #000000; }

#topcenter, #contentcenter	{ background: #cab84e; }
#bottomcenter			{ background: #cab84e; }

#topleft, #topright		{ height: 36px; }
#topcenter			{ height: 36px; }

#bottomleft, #bottomright	{ height: 18px; }
#bottomcenter			{ height: 18px; }

#headerleft, #headerright	{ height: 108px; }
#headercenter			{ height: 108px; }

#contentleft, #contentright	{ height: 612px; }
#contentcenter			{ height: 612px; }

/* -----------------------------------*/
/* ------->>> TYPOGRAPHICAL <<<-------*/
/* -----------------------------------*/

#topbartext 			{ padding: 18px 0 0 0;}
#topbartext 			{ text-align: right;}

#header1text			{ font-size:3.5em;
				padding: 15px 0 0 0; }

#header2text			{ margin: -10px 0 0 0;}

#logoleft			{ margin: 0 0 0 28px;}
#logoright			{ padding: 10px 0 0 0;}
			  	
#location			{ margin: 179px 0 0 0; } /* 208px 0 0 0; } */ /* 272px 0 0 0; } */
#oblocation			{ margin: 144px 0 0 0; } /* 220px 0 0 0; } */ /* 246px 0 0 0; } */

#hrule 				{ color: #808080;
				background-color: #808080;
				height: 3px; }

#hruleannounce 			{ color: #808080;
				background-color: #808080;
				height: 3px; }

#hruletextdeco 			{ color: #808080;
				background-color: #808080;
				height: 3px;
				margin: .75em 0; }
				
#cantloadcal			{ display: block; }
#preloadcal			{ display: none; }
#loadcal			{ display: none; }

#textoverlay			{ position: absolute;
				top: 10px;
				left: 360px; }
#textoverlay h1 		{ color: #dfe397; }				
#textoverlay h3 		{ color: #dfe397; 
				margin-top: -15px; }				

#askone				{ color: #00007f; }

#vaText				{ vertical-align:middle; } 

/* -----------------------------------*/
/* --------->>> ANCHORS <<<-----------*/
/* -----------------------------------*/

#location p a:link 		{ color: #dfe397; text-decoration:none; }
#location p a:active 		{ color: #ff0000; text-decoration:none; }
#location p a:visited 		{ color: #202020; text-decoration:none; }
#location p a:hover 		{ color: #0000cc; text-decoration:none; } 

#oblocation p a:link 		{ color: #dfe397; text-decoration:none; }
#oblocation p a:active 		{ color: #ff0000; text-decoration:none; }
#oblocation p a:visited 	{ color: #202020; text-decoration:none; }
#oblocation p a:hover 		{ color: #0000cc; text-decoration:none; } 

#contentcenter p a:link 	{ color: #000000; text-decoration:none; font-weight: bold; }
#contentcenter p a:active 	{ color: #ff0000; text-decoration:none; }
#contentcenter p a:visited 	{ color: #808080; text-decoration:none; font-weight: bold; }
#contentcenter p a:hover 	{ color: #0000cc; text-decoration:none; background-color: #cab84e; } 

#contentcenter div a:link 	{ color: #000000; text-decoration:none; font-weight: bold; }
#contentcenter div a:active 	{ color: #ff0000; text-decoration:none; }
#contentcenter div a:visited 	{ color: #808080; text-decoration:none; font-weight: bold; }
#contentcenter div a:hover 	{ color: #0000cc; text-decoration:none; background-color: #cab84e; } 

#camolink p a:link 		{ color: #000000; text-decoration:none; font-weight: normal; }
#camolink p a:active 		{ color: #000000; text-decoration:none; }
#camolink p a:visited 		{ color: #000000; text-decoration:none; font-weight: normal; }
#camolink p a:hover 		{ color: #000000; text-decoration:none; background-color: #cab84e; } 
#camolink p a 			{ color: #000000; }



/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

ul 				{ margin: 0 5em 1.5em 0; }
	
ul#menu li 			{ list-style-image: url(../images/selectableMenuItem2.gif);
				list-style-type: none; /* removes the bullet point */ }

ul#menu li a 			{ font-size: 1.5em;
				display: block;
				text-decoration: none; }

#menu a:link 			{ color:#7b8219; text-decoration:none; }
#menu a:active 			{ color:#7b8219; text-decoration:none; }
#menu a:visited 		{ color:#7b8219; text-decoration:none;  }
#menu a:hover 			{ color:#dfe397; text-decoration:none; } 

#navHome a.navHome:link 	{ color:#dfe397; }
#navHome a.navHome:active 	{ color:#dfe397; }
#navHome a.navHome:visited 	{ color:#dfe397; }
#navHome a.navHome:hover 	{ color:#dfe397; background-color: #000000; }
#navHome li.navHomeLI 		{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navAboutUs a.navAboutUs:link 	{ color:#dfe397; }
#navAboutUs a.navAboutUs:active { color:#dfe397; }
#navAboutUs a.navAboutUs:visited { color:#dfe397; }
#navAboutUs a.navAboutUs:hover 	{ color:#dfe397; background-color: #000000; }
#navAboutUs li.navAboutUsLI 	{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navFromTheEast a.navFromTheEast:link 	{ color:#dfe397; }
#navFromTheEast a.navFromTheEast:active { color:#dfe397; }
#navFromTheEast a.navFromTheEast:visited { color:#dfe397; }
#navFromTheEast a.navFromTheEast:hover 	{ color:#dfe397; background-color: #000000; }
#navFromTheEast li.navFromTheEastLI 	{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navCalendar a.navCalendar:link { color:#dfe397; }
#navCalendar a.navCalendar:active { color:#dfe397; }
#navCalendar a.navCalendar:visited {color:#dfe397; }
#navCalendar a.navCalendar:hover { color:#dfe397; background-color: #000000; }
#navCalendar li.navCalendarLI 	{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navAlbums a.navAlbums:link 	{ color:#dfe397; }
#navAlbums a.navAlbums:active 	{ color:#dfe397; }
#navAlbums a.navAlbums:visited 	{ color:#dfe397; }
#navAlbums a.navAlbums:hover 	{ color:#dfe397; background-color: #000000; }
#navAlbums li.navAlbumsLI 	{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navGLDE a.navGLDE:link 	{ color:#dfe397; }
#navGLDE a.navGLDE:active 	{ color:#dfe397; }
#navGLDE a.navGLDE:visited 	{ color:#dfe397; }
#navGLDE a.navGLDE:hover 	{ color:#dfe397; background-color: #000000; }
#navGLDE li.navGLDELI 		{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navLLN a.navLLN:link 		{ color:#dfe397; }
#navLLN a.navLLN:active 	{ color:#dfe397; }
#navLLN a.navLLN:visited 	{ color:#dfe397; }
#navLLN a.navLLN:hover 		{ color:#dfe397; background-color: #000000; }
#navLLN li.navLLNLI 		{ list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navContactUs a.navContactUs:link { color:#dfe397; }
#navContactUs a.navContactUs:active { color:#dfe397; }
#navContactUs a.navContactUs:visited { color:#dfe397; }
#navContactUs a.navContactUs:hover { color:#dfe397; background-color: #000000; }
#navContactUs li.navContactUsLI { list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navRelatedLinks a.navRelatedLinks:link { color:#dfe397; }
#navRelatedLinks a.navRelatedLinks:active { color:#dfe397; }
#navRelatedLinks a.navRelatedLinks:visited { color:#dfe397; }
#navRelatedLinks a.navRelatedLinks:hover { color:#dfe397; background-color: #000000; }
#navRelatedLinks li.navRelatedLinksLI { list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navMemorial a.navMemorial:link { color:#dfe397; }
#navMemorial a.navMemorial:active { color:#dfe397; }
#navMemorial a.navMemorial:visited { color:#dfe397; }
#navMemorial a.navMemorial:hover { color:#dfe397; background-color: #000000; }
#navMemorial li.navMemorialLI { list-style-image: url(../images/nonSelectableMenuItem2.gif); }

#navOfficerAccess a.navOfficerAccess:link { color:#dfe397; }
#navOfficerAccess a.navOfficerAccess:active { color:#dfe397; }
#navOfficerAccess a.navOfficerAccess:visited { color:#dfe397; }
#navOfficerAccess a.navOfficerAccess:hover { color:#dfe397; background-color: #000000; }
#navOfficerAccess li.navOfficerAccessLI { list-style-image: url(../images/nonSelectableMenuItem2.gif); }

/* You'll then need to insert an id into the <body> tag. */
/* The id should be representative of where users are    */
/* located in the site, and should change when users     */
/* move to a different site section. When on the 'Home'  */
/* page, it should read <body id="home">, in 'About Us', */
/* it should read <body id="about">, and in 'Contact Us',*/
/* <body id="contact">.                                  */
/*                                                       */
/* <ul>                                                  */
/* <li><a href="#" class="home">Home</a></li>            */
/* <li><a href="#" class="about">About us</a></li>       */
/* <li><a href="#" class="contact">Contact us</a></li>   */
/* </ul>                                                 */

#navHome .navHome, 
#navAboutUs .navAboutUs, 
#navFromTheEast .navFromTheEast, 
#navCalendar .navCalendar, 
#navAlbums .navAlbums, 
#navGLDE .navGLDE, 
#navLLN .navLLN, 
#navContactUs .navContactUs, 
#navRelatedLinks .navRelatedLinks, 
#navMemorial .navMemorial, 
#navOfficerAccess .navOfficerAccess {}

/* This basically creates a rule that only takes effect  */
/* when class="home" is contained within id="home", and  */
/* when class="about" is in id="about" and               */
/* class="contact" is in id="contact". These situations  */
/* will only occur when the user is in the appropriate   */
/* section of the site, seamlessly creating our          */
/* highlighted navigation item.                          */


/* -------------------------------------------*/
/* -------->>> ACCUWEATHER WIDGET <<<---------*/
/* -------------------------------------------*/

#accuweather 			{ height: 162px;
				background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/winter1_180x150_bg.jpg ); 
				background-repeat: no-repeat; 
				background-color: #7cadee;
				background-position: top center; }

#NetweatherContainer 		{ }

#accuweather 			{ text-align: center; 
				font-family: arial, helvetica, verdana, sans-serif; 
				font-size: .75em;
				color: #0000ff; }

/* -------------------------------------------*/
/* -------->>> WHATSAID DASHBOARD <<<---------*/
/* -------------------------------------------*/

.darkenBackground 		{ background-color: rgb(0, 0, 0);
				opacity: 0.7; /* Safari, Opera */
				-moz-opacity:0.70; /* FireFox */
				filter: alpha(opacity=70); /* IE */
				z-index: 20;
				height: 100%;
				width: 100%;
				background-repeat:repeat;
				position:fixed;
				top: 0px;
				left: 0px; }

.overlayBackground 		{ background-color: #4c4c4c;
				z-index: 50;
				background-repeat:repeat;
				position:absolute;
				top: 12%;
				left: 40%; }

.closebutton 			{ background-color: transparent;
				z-index: 60;
				background-repeat:repeat;
				position:absolute;
				top: 6px;
				left: 300px; }

.saidwidget 			{ background-color: transparent;
				z-index: 55;
				background-repeat:repeat;
				position:absolute;
				height: 400px;
				width: 250px;
				top: 53px;
				left: 50px; }
				
				
/* -------------------------------------------*/
/* -------->>>  ELECTION OVERLAY  <<<---------*/
/* -------------------------------------------*/

.electionDarkenBackground 	{ background-color: rgb(0, 0, 0);
				opacity: 0.7; /* Safari, Opera */
				-moz-opacity:0.70; /* FireFox */
				filter: alpha(opacity=70); /* IE */
				z-index: 20;
				height: 100%;
				width: 100%;
				background-repeat:repeat;
				position:fixed;
				top: 0px;
				left: 0px; }

.xelectionOverlayBackground 	{ background-color: #4c4c4c;
				z-index: 50;
				background-repeat:repeat;
				position:absolute;
				top: 16.5%;
				left: 36%; }

.electionOverlayBackground 	{ background-image: url(../images/parchment3.png);
				width: 408px;
				height: 600px;
				z-index: 50;
				position:absolute;
				top: 16.5%;
				left: 36%; }

.electionOverlayFont		{ font-weight: bold;
				font-size: xx-large;
				width: 300px;
				color: #000;
				position:absolute;
				top: 10%;
				left: 15%; }

.electionClosebutton 		{ background-color: transparent;
				z-index: 60;
				background-repeat:repeat;
				position:absolute;
				top: 40px;
				left: 335px; }


/* -------------------------------------------*/
/* ---------->>> ALEXA DASHBOARD <<<----------*/
/* -------------------------------------------*/

.alexawidget			{ width:110px; 
				height: 99px;
				padding-bottom: 9px;}


/* -------------------------------------------*/
/* -------->>> CALENDAR DASHBOARD <<<---------*/
/* -------------------------------------------*/

#blanket 			{ background-color:#111111;
				opacity: 0.45; /* Safari, Opera */
				-moz-opacity:0.45; /* FireFox */
				filter: alpha(opacity=45); /* IE */
				position:absolute;
				z-index: 9001;
				top:0px;
				left:0px;
				width:100%; }

#popUpDiv 			{ position:absolute;
				background-color: transparent;
				background-image: url("../images/cpgreen-day-bg300x300.png");
				width:300px;
				height:300px;
				z-index: 9002; }

#popUpClosebutton 		{ background-color: transparent;
				z-index: 60;
				background-repeat:repeat;
				position:absolute;
				top: 4px;
				left: 260px; }

#popUpDiv ul,ol  		{ padding-left: 2.5em; }

#popUpDiv li 			{ list-style-type: none; /* removes the bullet point */ }

div.caldiv li li a:link 	{ color: #000000; text-decoration:none; }
div.caldiv li li a:active 	{ color: #000000; text-decoration:none; }
div.caldiv li li a:visited 	{ color: #000000; text-decoration:none; }
div.caldiv li li a:hover 	{ color: #0000ff: text-decoration:none; }


/* -------------------------------------------*/
/* -------->>>   SPACER CLASSES   <<<---------*/
/* -------------------------------------------*/

.spacer-3			{ padding-top: 3px; }
.spacer-6			{ padding-top: 6px; }
.spacer-9			{ padding-top: 9px; }
.spacer-12			{ padding-top: 12px; }
.spacer-15			{ padding-top: 15px; }
.spacer-18			{ padding-top: 18px; }
.spacer-36			{ padding-top: 36px; }
.spacer-54			{ padding-top: 54px; }
.spacer-72			{ padding-top: 72px; }
.spacer-90			{ padding-top: 90px; }
.spacer-108			{ padding-top: 108px; }
.spacer-126			{ padding-top: 126px; }
.spacer-144			{ padding-top: 144px; }
.spacer-162			{ padding-top: 162px; }
.spacer-180			{ padding-top: 180px; }
.spacer-198			{ padding-top: 198px; }
.spacer-216			{ padding-top: 216px; }
.spacer-234			{ padding-top: 234px; }
.spacer-252			{ padding-top: 252px; }
.spacer-270			{ padding-top: 270px; }
.spacer-288			{ padding-top: 288px; }
.spacer-306			{ padding-top: 306px; }
.spacer-324			{ padding-top: 324px; }
.spacer-342			{ padding-top: 342px; }
.spacer-360			{ padding-top: 360px; }
.spacer-378			{ padding-top: 378px; }
.spacer-396			{ padding-top: 396px; }
.spacer-414			{ padding-top: 414px; }
.spacer-432			{ padding-top: 432px; }
.spacer-450			{ padding-top: 450px; }
.spacer-468			{ padding-top: 468px; }
.spacer-504			{ padding-top: 504px; }
.spacer-522			{ padding-top: 522px; }
.spacer-540			{ padding-top: 540px; }
.spacer-558			{ padding-top: 558px; }
.spacer-576			{ padding-top: 576px; }
.spacer-594			{ padding-top: 594px; }
.spacer-612			{ padding-top: 612px; }
.spacer-630			{ padding-top: 630px; }
.spacer-648			{ padding-top: 648px; }
.spacer-666			{ padding-top: 666px; }
.spacer-684			{ padding-top: 684px; }
.spacer-702			{ padding-top: 702px; }
.spacer-720			{ padding-top: 720px; }
.spacer-738			{ padding-top: 738px; }
.spacer-756			{ padding-top: 756px; }
.spacer-774			{ padding-top: 774px; }
.spacer-792			{ padding-top: 792px; }
.spacer-810			{ padding-top: 810px; }
.spacer-828			{ padding-top: 828px; }
.spacer-846			{ padding-top: 846px; }
.spacer-864			{ padding-top: 864px; }
.spacer-882			{ padding-top: 882px; }
.spacer-900			{ padding-top: 900px; }
.spacer-918			{ padding-top: 918px; }
.spacer-936			{ padding-top: 936px; }
.spacer-954			{ padding-top: 954px; }
.spacer-972			{ padding-top: 972px; }
.spacer-990			{ padding-top: 990px; }
.spacer-1008			{ padding-top: 1008px; }
.spacer-1026			{ padding-top: 1026px; }
.spacer-1044			{ padding-top: 1044px; }
.spacer-1062			{ padding-top: 1062px; }
.spacer-1080			{ padding-top: 1080px; }
.spacer-1098			{ padding-top: 1098px; }
.spacer-1116			{ padding-top: 1116px; }
.spacer-1134			{ padding-top: 1134px; }
.spacer-1152			{ padding-top: 1152px; }
.spacer-1170			{ padding-top: 1170px; }
.spacer-1188			{ padding-top: 1188px; }
.spacer-1206			{ padding-top: 1206px; }
.spacer-1224			{ padding-top: 1224px; }


/* -------------------------------------------*/
/* -------->>>      NOT USED      <<<---------*/
/* -------------------------------------------*/

#headerstrip			{ background: #9c3838; }
#headerleft, #headerright	{ background: #801c1c; }
#headercenter			{ background: #9c3838; }