@charset "utf-8";
/* **************************************** CSS Document
** General defaults fonts, margins and Padding
** Also defaults for Clears, body, other classes used site wide
** Structure and Style for site container, headers, top navigation and slogan
** Structure and Style for Left and Right Sides
** Structure and Style for Content Footer and Footer
** Structure only for Content Container (Contents in sitecontent.css */

/********************************************
/************************ Site Wide Defaults
/******************************************** */
* {
	font-family: "Bookman Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1em;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.clearfloat {
	clear:both;	
	}
	
.clearleft {
	clear:left;	
	
	}
			
h1 {
	font-size:1.4em;
	color:#a30046;
	font-weight:bold;
	text-align:left;	
	padding: 10px 0px 10px 10px;
	background:none;
	transition:ease-in;
	transition:all 2s;
	}

h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#a30046;
	width:75%;
	padding: 3px 0px 3px 0px;
	margin-bottom:5px;
	margin-left:0px;
	
	}
	
.searchword {
	font-weight:bold;
	color:#990000;	
	}
	
.texthighlight {
	font-weight:bold;
	color:#990000;	
	}
	
/********************************************
/************************ Website Body 
/******************************************** */
body  {
	background:#fff;	

	}



/********************************************
/************************ Site Top Head 
/******************************************** */
	
#siteTopHead { 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width:100%;
	min-height:30px;
	font-size:1.4em;
	font-style:italic; 
	text-align:center;
	color:#fff;
	background:#3EA0AC;	
	
	} 	
#siteTopHeadNav { 
	margin: 5px auto;
	padding: 0px 0px 0px 0px;
	/******************************************** Width Needs to Match Container */
	width: 100%;
	max-width: 1260px;	/* keeps site contained on larger monitors - Not Supported in IE6 */
	min-width: 780px; 	/* keeps site from getting too narrow - Not Supported in IE6 */
	height:30px;
	text-size:1.1em;
	text-align:center;
	background:#fff;
	vertical-align: bottom;
	} 
#siteTopHeadNavRight { 
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	width:45%;
	float: right;
	height:25px;
	text-size:1.1em;
	text-align:center;
	background: #fff;

	} 
#siteTopHeadNavLeft { 
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	width:45%;
	float:left;
	height:25px;
	text-size:1.1em;
	text-align:center;
	background: #fff;	
	border-radius: 25px;
	} 

/********************************************
/************************ Site Top Head Nav Classes
/******************************************** */	
.siteTopHeadNav {
	}	
		

.siteTopHeadNav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	}

.siteTopHeadNav li {
	position:relative;
	width:140px;
	display: inline;
	list-style-type:none;
	text-align:center;
	background: none;	
	height:25px;	
	}

.siteTopHeadNav a {
	display:inline-block;
	padding: 3px 0px 0px 0px;
	height:25px;	
	width: 140px;	
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	


	}

.siteTopHeadNav a:hover {
	color:#000;
	height:25px;	
	background-color:#ccc;	
	font-weight: bold;
	transition:ease-in;
	transition:all 1s;	
	background: #eee;	
	border-radius: 15px;
	
	}
.siteTopHeadNavNormal {
	color: #000;	
	height:25px;


	}	
		
.siteTopHeadNavActive {
	color:#3EA0AC;
	font-style:italic;
	font-weight: bold;
	height:25px;
	background: #eee;	
	border-radius: 15px;	
	}	


/********************************************
/************************ Site Container
/******************************************** */	
#siteContainer { 
	width: 100%;
	max-width: 1040px;	/* keeps site contained on larger monitors - Not Supported in IE6 */
	min-width: 780px; 	/* keeps site from getting too narrow - Not Supported in IE6 */
	margin: 0px auto;	
	text-align:left;
	background:#eee;
	border: none;		
	}

	
/********************************************
/************************ Site Heading 
/******************************************** */	

#siteHeading { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	height:145px;
	text-size:1.1em;
	text-align:left;
	background:#ffdd00;
	background-image: url(../assets/headback.jpg);
	background-repeat:no-repeat;

	min-height:100px;
	} 
	
/********************************************
/************************ Site Heading Classes
/******************************************** */	
.siteHeadNormal {
		color:#000;
	}	
	
.siteHeadActive {
	color:#ff0000;
	}	
	
.siteHeadDonate {
	background: url(../assets/donateback.jpg);
	color:#b92120;
	}	
		
/********************************************
/************************ Site Heading Flags
/******************************************** */
#siteHeadFlags {
	width: 40px;
	height:40px;	
	padding: 0px 0px 0px 100px;
	margins: 0px 0px 0px 0px;
	text-align:center;
	color:#a30046;
	font-weight:normal;
	font-size:1.0em;
	height: 22px;
	width:100%;
	background:none;
	clear:left;
	}	

/********************************************
/************************ Site Heading Right
/******************************************** */
#siteHeadRight {
	float:right;
	text-align:right;
	padding: 20px 30px 0px 0px;
	margins: 0px 0px 0px 0px;;
	width:475px;
	background:none;
	background:none;

	}

#siteHeadRight h1 {
	padding-top:25px;
	padding-left:60px;
	font-size:1em;
	font-weight:bold;
	text-align:left;
	width:75%;
	font-style: italic;

		}
	
#siteHeadRight p {
	text-align:right;
	padding-top: 35px;
	padding-right: 15px;
	font-size:1.3em;
	font-weight:bold;
	}

#siteHeadRight ul {
	text-align:center;
	margin: 0px 0px 0px 0px;
	}

#siteHeadRight  li {
	height:20px;
	display:block;
	list-style-type: none;
	text-align:right;		
	}

#siteHeadRight  a {

	display:block;	
	margin-top: 2px;
	padding-top:2px;
	color:#a30046;
	text-decoration:none;
	font-weight:bold;
	font-size:1.0em;
	}

#siteHeadRight  a:hover {
	color: #000;
	}
#siteHeadRight img {
	padding: 0px 0px 0px 0px;
	margins: 0px 0px 0px 0px;	
	}
	

/********************************************
/************************ Site Heading Left 
/******************************************** */
#siteHeadLeft {
	padding: 0px 0px 0px 0px;
	margins: 0px 0px 0px 0px;	
	width:400px;
	min-height:110px;
	background:none;
	float:left;
	}	

#siteHeadLeft img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	border: none;
	width: 125px;
	float:left;
	}	

#siteHeadLeft h1 {
	padding:40px 0px 0px 180px;
	font-size:1.3em;
	font-weight:bold;
	background:none;
	}	
#siteHeadLeft p {
	padding:10px 0px 0px 180px;
	font-size:1em;
	font-weight:bold;
	background:none;
	}		
	
#siteHeadContent {
	min-width:300px;
	margin: 	5px 5px 5px 25px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 	3px 2px 5px 2px; /* padding here creates white space "inside the box." */
	background-color:#ffdd00
	background:none; 
	float:left;	
	}

#siteHeadContent img {
	margin: 5px 20px 2px 2px;
	border: none;
	float:right;
	}

#siteHeadContent p { 
	text-align:center;
	color:#004f22;
	font-weight:normal;
	font-size:1.0em;
	padding: 45px;
	}	
	
#siteHeadContent a {
	color: #9d8827;
	text-decoration:none;
	}

#siteHeadContent a:hover {
	color: #000;

	}
/********************************************
/************************ Site Cart Display
/******************************************** */
#siteHeadCart {
	background: url(../assets/topcartback.jpg);	
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* top and bottom padding create visual space within this div */
	margin: 0px 0px 0px 0px;
	height:25px;
	text-align:right;
	background:none;			
	vertical-align:top;
	font-size:.9em;
	color:#000;
	}	


/********************************************
/************************ Site Heading Slogan
/******************************************** */
#siteSlogan {
	float: center;
	width: 100%;	 /* since this element is floated, a width must be given */
	padding: 2px 0px 2px 0px; /* top and bottom padding create visual space within this div */
	margin: 0px 0px 0px 0px;
	height:18px;
	text-align:center;
	background:#000;
	color:#fff;
	font-weight: bold;
	font-size: 1.2em;
	height: 25px;
	vertical-align:bottom;	
	}


/********************************************
/************************ Site Top Nav
/******************************************** */


#siteTopNav {
	float: center;
	width: 100%; /* since this element is floated, a width must be given */
	background: url(../assets/topnavback.jpg);	
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* top and bottom padding create visual space within this div */
	margin: 0px 0px 0px 0px;
	height:25px;
	text-align:center;
	background:#fff;			
	vertical-align:bottom;
	
	
	}
#siteTopNav h3 {
	font-size:1.2em;
	color:#990000;
	text-align:center;
}


#siteTopNav p {
	margin: 10px;
	font-size:.7em;
	padding: 0px auto;
	text-align:center;
	
}

#siteTopNav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	}

#siteTopNav li {
	position:relative;
	width:120px;
	display: inline;
	list-style-type:none;
	text-align:center;
	background: none;	
	height:22px;	
	}

#siteTopNav a {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 0px 5px;
	display:inline-block;
	min-width:120px;	

	text-decoration:none;
	font-weight:bold;
	font-size:.9em;

	}

#siteTopNav a:hover {
	color:#fff;
	background-color:#000;	
	transition:ease-in;
	transition:all 2s;
	border-radius: 0px 0px 15px 15px;
	}
	
/********************************************
/************************ Site Top Nav Classes
/******************************************** */	
.siteTopNavNormal {
	color: #a30046;	
	height:22px;
	}	
		
.siteTopNavActive {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 0px 5px;
	background:url(../assets/topnavbackro.jpg);
	background-color: #000;
	color:#fff;
	font-style:italic;
	height:22px;
	border-radius: 0px 0px 15px 15px;
	}
	
.topnavtop {
	background: url(../assets/navbartop.jpg) no-repeat left top;

	height:30px;
	}
.topnavback {
	background: url(../assets/navbarback.jpg) no-repeat left top;
	height:30px;
	}	

	
/********************************************
/************************ Site Content Container
/******************************************** */	
#siteContentContainer { 
	margin: 0px auto;
	padding: 0px 0px 0px 0px;	
	text-size:1em;
	text-align:left;
	min-height:600px;
	width:100%;
	background:#fff;	
	}
	
/********************************************
/************************ Site Right Side
/******************************************** */	
#siteRightSide {
	float: right;
	width: 200px; 				/* since this element is floated, a width must be given */
	background:transparent;  	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 0px 0px; 	/* top and bottom padding create visual space within this div */
	text-align:center;	
	margin: 5px 0px 4px 5px;
	min-height:600px
	}



#siteRightSide h1 {
	width:95%;
	padding: 5px 2px 2px 5px;
	margin: 0px auto;
	margin-bottom: 10px;
	text-shadow: 0 1px 1px #fff;
	font-weight: bold;
	font-size:1em;
	height:19px;
	color:#333;
	}	


#siteRightSide h2 {
	width:95%;
	padding: 0px 2px 2px 5px;
	margin: 0px auto;
	margin-bottom: 5px;
	text-shadow: 0 1px 1px #fff;
	font-weight: bold;
	font-size:1em;
	height:15px;
	color:#333;
	}

#siteRightSide h3 {
	font-weight: bold;
	font-size:1.2em;	
}
#siteRightSide p {
	font-size:.7em;
	font-weight:normal;
	padding-bottom: 5px;
	color:#333;	
	}	
	
#sideRightSide ul {
	display:inline;
	list-style-type:none;	
	}

#siteRightSide li {
	display:block;
	text-decoration:none;
	font-weight:bold;
	border-bottom: #00000 2px ;
	margin-bottom: 10px;
	list-style:none;
	color:#333;		
	
}		

.siteRightMedia img {
	width: 65px;
	float: left;	
	}

.siteRightFeatured img {
	width: 175px;
	float: center;	
	}

.siterightsideimage {
	border:thick;
	width:15px;
	}	
	
#siteRightSide a {
	list-style-type:none;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	text-align:center;
	color: #900;	
	}

#siteRightSide a:hover {
	text-decoration: none;
	color:#090;
	}	

#siteRightSide hr {
	color:#ffffff;
	background-color:#ffffff;
	height: 1px;
	width: 90%;
	margin: 2px 5px 5px 5px;
	}		

/********************************************
/************************ Site Right Form
/******************************************** */	
.siteRightForm {
	border:#669966 double;
	border-radius:10px;
	background:#669966;
	padding-top:5px;
	margin:10px 5px 10px 0px;
	height:145px;
	}
/********************************************
/************************ Site Right Search Form
/******************************************** */	
.siteRightSearch {
	border:#ccc double;
	border-radius:10px;
	background:#eee;
	padding-top:5px;
	width: 98%;
	margin:10px auto;
	height:80px;
	}

/********************************************
/************************ Site Right Promotion
/******************************************** */	
.siteRightPromo {
	}
	
.siteRightPromo li {
	display:block;
	text-decoration: none;
	font-weight:bold;
	border-bottom: #00000 2px ;
	margin-bottom: 10px;
	list-style:none;
	background:none;
	height:40px;
	padding-top:10px;
	
}	
	
.siteRightPromo a {
	font-size:1.1em;	
	color: #Ff0000;
	}	
	
.siteRightPromo a:hover {		
	color: #168bfb;
	}	
	

/********************************************
/************************ Site Left Nav
/******************************************** */		
#siteLeftSide {
	float: left; 
	width: 168px; /* since this element is floated, a width must be given */

	background:none;
	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 10px 0px; /* top and bottom padding create visual space within this div */
	margin: 0px 0px 0px 3px;
	min-height:200px;
	
	}
	
.siteLeftTop {
	background: none;
	height:40px;
	border-bottom:#999 double;
	font-size:1.1em;
	font-weight:bold;
	}


.NextGenLeftTitle  {
	font-size:1.2em;
	font-weight:bold;
	color:#2a315d;
	background:none ;
	text-align:center;
	padding: 10px 0px 20px 5px;
	transition:ease-in;
	transition:all 2s;
	}	

.siteLeftNav h1 {
	font-size:1.1em;
	font-weight:bold;
	color:#2a315d;
	background:none;
	text-align:center;
	height: 150px;

}	
.siteLeftNav h3 {
	font-size:1.2em;
	color:#990000;
	text-align:center;
}


.siteLeftNav p {
	margin: 10px;
	font-size:.7em;
	padding: 5px auto;
	text-align:center;
	
}

.siteLeftNav ul {

	
	
}

.siteLeftNav li {
	height:25px;
	display:block;
	list-style-type:none;
	text-align:center;
	border-bottom: #999 double;
	margin-bottom:5px;
	background:none;
	}

.siteLeftNav a {
	height:23px;
	display:block;	
	color:#ccc;
	background:none;
	margin-top: 0px;
	padding-top:5px;
	border-bottom:medium #999;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	}

.siteLeftNav a:hover {
	color:#fff;
	background:none;
	transition:ease-in;
	transition:all 2s;	

	}
	
.siteLeftNav .leftNavActive {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 0px 5px;	
	color:#fff;
	background:#000033;
	font-style:italic;
	height:22px;	
	}
	

.leftNavNormal {
	color:#ccc;
	background:#669966;	
	height:22px;	
	}		

#siteMessage {
	min-width:600px;
	min-height:30px;
	font-weight:bold;
	font-size: 1.2em;
	text-align: center;
	/* The Main content margin can be used to allow space to the left for a left nav bar or
	to the right for a right side container.  The right side container if frequently inside the content */ 
 	margin: 	0px 0px 0px 0px; 
	padding: 	5px 0px 0px 5px; /* padding here creates white space "inside the box." */	
	background:#a30046;
	color:#f00;
}	

#siteMessage a {
	color: #090;
	font-weight:bold;
	text-decoration:none;
	}

#siteMessage a:hover {
	color:#000;
	}	
	
/********************************************
/************************ Site Content
/******************************************** */	
#siteContent {
	min-width:600px;
	min-height:600px;
	font-weight:normal;
	/* The Main content margin can be used to allow space to the left for a left nav bar or
	to the right for a right side container.  The right side container if frequently inside the content */ 
 	margin: 	0px 20px 0px 20px; 
	padding: 	0px 0px 0px 0px; /* padding here creates white space "inside the box." */	
	background: none;
}

/* 
All styling with the main page container is in the sitecontent.css or special content style sheets.
*/


/********************************************
/************************ Site Content Footer
/******************************************** */
	

#siteContentFooter {
	width:600px;
	height:0px;
	font-weight:normal;
 	margin: 	0px 0px 0px 0px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 	0px 200px 0px 0px; /* padding here creates white space "inside the box." */	
	background: url(../assets/cattailsfooter.jpg) no-repeat left bottom;
	border:0px;
}


#siteContentFooter p {
	font-size:.7em;
	color:#000;
	padding-top:175px;
	padding-left:50px;
}

#siteContentFooter img {
	padding-top:20px;
	float:right;
	padding-right:25px;
	width:175px;
	border:0;
	}

	
#siteContentFooter a {
	color:#090;
	color:#ffd10e;
	font-weight:bold;
	text-decoration:none;
	}

#siteContentFooter a:hover {
	color:#000;
	}	
	
#siteContentFooter ul {
	margin:0px 0px 10px 45px;
	color:#000;	
	list-style-image: none;
	text-align:center;
	}			
	
#SsiteContentFooter li {
		margin-bottom:3px;
		
	}		
		
	
/********************************************
/************************ Site Footer
/******************************************** */	
	
#siteFooter { 
	min-height:150px;
	margin-top:0px;
	padding: 0px 10px 0px 10px; 
 	text-align:center;
	background:#ffdd00;
	max-width: 1260px;	/* keeps site contained on larger monitors - Not Supported in IE6 */
	min-width: 780px; 	/* keeps site from getting too narrow - Not Supported in IE6 */
	}
		
#siteFooter p {
	margin: 5px auto;
	text-align:center;
	font-size:.7em;
	color:#000;	
	max-width: 90%;	
	}

#siteFooter ul {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 90%;
	list-style:none;
	}

#siteFooter li {
	position:relative;
	width:130px;
	display: inline;
	list-style-type:none;
	text-align:center;
	background: none;	
	height:22px;	
	}

#siteFooter a {
	list-style-type:none;
	text-decoration:none;
	font-weight:bold;
	font-size:.8em;
	text-align:center;


	
}
#siteFooter a:hover {
	text-decoration: none;
	color:#a30046;	

}

/********************************************
/************************ Site Footer Classes
/******************************************** */	
.siteFooterNormal {
	width: 130px;	
	color: #000;
	height:22px;
	}	
		
.siteFooterActive {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 0px 5px;
	background:url(../assets/topnavbackro.jpg);
	color:#a30046;
	font-style:italic;
	height:22px;
	}


.siteFooterngwt {
	margin: 5px;
	font-size:.9em;
	padding: 5px auto;
	color:#000;	
}

.siteFooterngwt a {
	font-size:.8em;
	}

#siteFooterTable {
	margin: 5px auto;
	width:98%;
	font-size:.9em;
	color:#000;	
}
#siteFooterTable a {
	list-style-type:none;
	text-decoration:none;
	font-weight:bold;
	font-size:.8em;
	text-align:center;
	color: #FFF;

	
}
#siteFooterTable a:hover {
	text-decoration: none;
	color:#008aff;	

}
.siteFooterh {
	color:#FFF;
	font-size:.9em;
	font-weight:normal;
	text-align:left;
}
.siteFootern {
	color:#000;
	font-size:.9em;
	font-weight:normal;
	text-align:left;
}