<!--
/*  CSS Style Sheet - Website.Domain v1.0
 *  CSS version 2.0
 *  Validate at: http://jigsaw.w3.org/css-validator/
 * 
 *
 *
 *
 *
 *
 *
 *
*/

/*	Colors
		<Coloreds>
		#660000 Red 1, used for headers
		#C01C1D Red 2, used for logo box
		#000066 Dark Blue 1, used for headers
		#000033 Darker Blue 2, used for headers, navigation anchors
		#3399CC Light Blue, used for background on footer hover anchors
		
		<Blacks and Whites>
		#000000 Black used for quick links, text
		#FFFFFF White used for banner links, overall background, hover footer anchors
		
		<Grays>
		#CCCCCC Lightest Gray, used for backgrounds, dividers and borders
		#999999 Darker Gray, used to border lightest
		#666666 Darker Gray, used to border drop Down Shadows
		#333333 Darkest Gray, Ash Gray, used for header 1, Drop down shadows, footer anchors
*/


/* -------NOTES ->

1. Do NOT leave spaces between the property value and the units! If you use "margin-left: 20 px" instead of "margin-left: 20px" it will only work properly in IE6 but it will not work in Mozilla/Firefox or Netscape.
2. <head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>	
3. Order for margins and padding (Top Right Bottom Left)
4. Background-postion: http://www.w3schools.com/css/pr_background-position.asp
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
*/

/* Entire Document Section */
html  /*/  <purpose>format entire document</purpose>  /*/
{
	background-color: #FFFFFF;
	text-align: center;
}

body   /*/  <purpose>format entire document</purpose>  /*/ 
{
	width: 770px;
	font-family: "Times New Roman",Georgia,Serif;
	margin-right: auto;
	margin-left: auto;
}

.outerDoubleBorder   /*/  <purpose>Double border with filled color</purpose>  /*/ 
{
	background-color: #CCCCCC;
	border: solid 1px #333333;	
} 
 

.innerDoubleBorder /*/  <purpose>Double border with filled color</purpose>  /*/ 
{
	margin: 2px;
	background-color: #FFFFFF;
	border: solid 1px #666666;
	padding: 5px;
}

.borderBlack img
{
	border: solid 1px #FFFFFF;
}

/* Global Section */
.timeDate
{
	font-weight: bold;
	font-size: smaller;
	display: inline;
}

.leftFloat
{
	float: left;
	padding: 10px;
}

.leftFloatCenter
{
	float: left;
	text-align: center;
	padding: 10px 10px 0px 0px;
	margin: 0px 10px 0px 10px;
	border-right: solid 1px #999999;
}

.leftFloatNoPad
{
	float: left;
}

.leftFloatWithShadow
{
	float: left;
	background-color: #CCCCCC;
	font-weight: bolder;
	padding: 2px;
	border: solid 1px #999999;
		
	/*/Shadow Properties/*/
	margin: 0px 5px 5px 5px;
}

.DropDownShadow1
{
	margin: 10px 0px 5px 0px;
	background: #333333;
	border: solid 1px #666666;
	padding: 15px 5px 5px 15px;  /*/ must be less than the margin of the content, px size of the shadow/*/
	
}

.DropDownShadow2
{
	margin: 0px 0px 10px 10px;
	background: #333333;
	border: solid 1px #666666;
	padding: 0px 5px 5px 0px;  /*/ must be less than the margin of the content, px size of the shadow/*/
	
}

.clearFloats
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

h2
{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
}

h3
{
	text-align: center;
	margin: 1px 0px 10px 0px;
}

hr
{
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	margin: 2px 8px 0px 8px;
}

li
{
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 7px 0px;
}

.red1
{
	color: #660000;
}

.blue1
{
	color: #000066;
}

.blue2
{
	color: #000033;
}

.silver1
{
	color: #000066;
}

.imageLinks
{
	text-align: center;
}

.acaLogo
{
	width: 95px;
	height: 90px;
	background-image: url('../images/80x90.ACALogo.gif');
	background-repeat: no-repeat;
	background-position: top center;
}


.aacoLogo
{
	width: 95px;
	height: 90px;
	background-image: url('../images/85x64.AACOLogo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}


.ncaLogo
{
	width: 95px;
	height: 90px;
	background-image: url('../images/85x85.NCALogo.gif');
	background-repeat: no-repeat;
	background-position: top center;
}


.imageLinks a
{


}

.imageLinks a:hover, .imageLinks a:focus
{
	/*/border: solid 1px #CCCCCC;/*/
}

.imageLinks img
{
	/*/border: solid 0px #CCCCCC;/*/
	padding: 5px;
	margin: 5px;
}


/* Header and Navigation Section */
.amberAlertBox
{
	/*/width: 770px;/*/
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 15px 0px 0px 0px;
	border: solid 2px #660000;
	
	position: relative;
	top: 0px;
	left: 0px;
		
	background-image: url('../images/41x50.amberAlertTicker.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.amberAlertTicker
{
	height: 50px;
	width: 500px;
}

.logoBox
{
	margin-left: auto;
	margin-right: auto;
	height: 237px;
	/*/width: 700px;/*/
	/*/border: solid 1px #c11b1d;/*/
/*/	background-color: #660000;/*/
	padding: 2px 2px 2px 2px;
}

.innerAmberAlertTicker
{
	position: absolute;
	top: 35px;
	left: 205px;
}

h1  /*/  <purpose>h1 SEO, display second title</purpose>  /*/
{
	display: block;
	height: 0px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-family: "Arial, Helvetica, sans-serif";
	color : #660000;
	background-color: #7f192e;
	font-size: .2em;
	
}

.navigation
{
	/*/width: 770px;/*/
	margin: 10px 0px 5px 0px;
	height: 48px;
	background-image: url('../images/mapbar.700x48.gif');
	background-repeat: no-repeat;
	background-position:center center;
}

.navigation a
{
	text-decoration: none;
	line-height: 48px;
	vertical-align: middle;
	font-size: larger;
	font-weight: bold;
	color: #000033;
	/*/margin: 0px 0px 0px 0px;/*/
	padding: 4px 10px 2px 10px;
}

.navigation a:hover, .navigation a:focus
{
	font-weight: bolder;
	background-image: url('../images/10x24.NextPage.gif');
	background-repeat: repeat-x;
	background-position:center center;
}

.activePage
{
	background-image: url('../images/10x24.ActivePage.gif');
	background-repeat: repeat-x;
	background-position:center center;
}

.leftMap /*/  <purpose>hold all in page navigation to the left</purpose>  /*/
{
	float: left;
	width: 174px;
	margin: 0px 5px 0px 0px;
	z-index: 1;
}

.leftMapHeader/*/  <purpose>seperate the different link sections</purpose>  /*/
{


	font-weight: bolder;
	padding: 3px;
	color: #000066; /*/ blue1 /*/
	background-image: url('../images/168x50.Banner3.gif');
	background-repeat: no-repeat;
	background-position: top center;

}

.leftMapLink /*/  <purpose>color each link group</purpose>  /*/
{
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.leftMapLinkGroup /*/  <purpose>color each link group</purpose>  /*/
{
	text-align: left;
	padding-bottom: 10px;
	margin: 5px 0px 15px 0px;
	
	background-image: url('../images/174x50.Banner.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

.leftMapLinkGroup h3
{
	text-align: center;
	font-weight: bolder;
	padding: 3px;
}

.leftMapLink a, .leftMapLinkGroup a
{
	/*/color: #000000;/*/
	/*/text-decoration: none;/*/
}

.leftMapLink a:hover, .leftMapLink a:focus, .leftMapLinkGroup a:hover, .leftMapLinkGroup a:focus
{
	/*/font-weight: bolder;/*/
	color: #000033;
	text-decoration: none;
}

.blueBannerLink,.redBannerLink
{
	margin: 2px 0px 3px 0px;
	padding:2px 0px 8px 0px; /*/ IE Bug Fix/*/
	height: 60px;
	/*/width: 150px;/*/ /*/ IE Bug Fix/*/
}

.blueBannerLink
{	
	background-image: url('../images/150x60.blueBanner.gif');
	background-repeat: no-repeat;
	background-position:center center;
}

.redBannerLink
{
	background-image: url('../images/150x60.redBanner.gif');
	background-repeat: no-repeat;
	background-position:center center;
}

.redBannerLink a, .blueBannerLink a
{
	line-height: 60px;
	vertical-align: middle;
	font-weight: bold;

	color: #FFFFFF;
	text-decoration: none;
}

.redBannerLink a:hover, .redBannerLink a:focus, .blueBannerLink a:hover, .blueBannerLink a:focus
{
	font-weight: bolder;
	text-decoration: underline;
}


.pageContent
{
	background-image: url('../images/divider190px.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

/* Right Content Section */
.rightContent /*/ TODO: IE Bug Fix/*/
{

	text-align:left;
	margin: 0px 0px 0px 200px;
	/*/	border-bottom: solid 1px #CCCCCC;/*/
}

.rightContentWithIFRAME /*/ just for i framed pages /*/ /*/ TODO: IE Bug Fix/*/
{
	overflow: visible;
	float: right;
	text-align: left;
	margin: 0px 0px 0px 0px;

	border-left: solid 1px #CCCCCC;
	height: 1100px;
	/*/	border-bottom: solid 1px #CCCCCC;/*/
}

.rightContentBlock
{
}

.rightContentFloat
{
	text-align:left;
	margin: 0px 0px 0px 10px;
	float: right;
}

.rightContentInfo
{
	
	margin: 5px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
}

.rightContentInfoWithIFrame /*/ TODO: IE Bug Fix/*/
{
	text-align: left;
	width: 550px;
	margin: 5px 10px 0px 10px;
	padding: 2px 10px 5px 10px;
}

/* Members Sections */
.membersIFrameStyle
{
	/*/overflow: visible;/*/
	width: 576px;
	height: 1099px;	
	text-align:left;
}

.membersInfo
{
	margin: 0px 0px 0px 205px;
	/*/padding: 0px 0px 0px 0px;/*/
}

.membersInfo2
{
	margin: 0px 0px 0px 205px;
	/*/padding: 0px 0px 0px 0px;/*/
}

.membersNameAndTitle
{
	font-size: 1.3em;
	font-weight: bold;
	color: #000033;
}

.membersFurtherInfo
{
	line-height: 1.2em;
}

.membersPhoto
{
	float: left;
	width: 133px;
	height: 183px;
	margin: 0px 0px 0px 18px;
	background-image: url('../images/constables/boardMembers/shadow.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.membersPhoto3
{
	float: left;
	width: 285px;
	height: 242px;
	background-image: url('../images/shadow3.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.membersPhoto2
{
	float: left;
	width: 170px;
	height: 130px;
	background-image: url('../images/constables2/shadow2.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.membersPhoto img, .membersPhoto2 img
{
	border: solid 1px #999999;
}

/* Event Frames */
.borderRight
{
	border-right: solid 1px #999999;
}

.eventTitle
{
	float: left;
}

.event
{
	padding: 20px 20px 20px 0px;
	margin: 5px 0px 15px 5px;
	border: solid 1px #999999;
	background-image: url('../images/divider95px.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

.eventInfo
{
		margin: 0px 0px 0px 110px;
}

.eventFloatCenter
{
	float: left;
	text-align: center;
	font-weight: bolder;
	width:95px;
	
}


/* Gallery: within RightContent*/

#gallery
{
}

#gallery img
{
	border: 0px;
	margin: 0px;
}

#gallery .galleryNavigation a
{
	font-weight: bolder;
	margin: 0px 5px 0px 5px;
}

#gallery .currentPageBox
{
	padding: 1px 5px 2px 5px;
	color: #FFFFFF;
	background-color: #3399CC;
}

#gallery .galleryNavigation a:hover
{
	color: #FFFFFF;
	background-color: #3399CC;
}


/* Footer Section */
#footer  /*/  <purpose>page footer, copyright, disclaimers, etc...</purpose>  /*/
{
	clear: both;
	border-top: solid 1px #CCCCCC;
}

#footer p
{
	font-weight: bold;
}

#footer a  /*/  <purpose>navigation links</purpose>  /*/
{
	text-decoration: none;
	margin: 0px 15px 0px 15px;
	text-align: center;
	color: #333333;
}

#footer a:hover  /*/  <purpose>navigation links on mouse hover</purpose>  /*/
{
	text-decoration: none;
	background-color: #3399CC;
	color: #FFFFFF;
}
/*/-->/*/