/*
global.css
-----------------------------------------
Title: The Morgan Horse Pavilion at Kentucky Horse Park : Global : Morgan Skin One
Author: Mark D. Macedo
Orig. Design: Mark D.Macedo
Designer/UX: Mark D.Macedo
Company: The Morgan Horse Pavilion at Kentucky Horse Park
CEO/President: Acquanetta H. Pierce
Version: 1.00 - Jan. 6th 2010
Description:
Global.css is intended to hold all rules associated to global styles. Section or page specific rules should reside in module.css. 
/*

The following screens allow aspects of your site's design to be controlled.

*/

/* 
------------------------------------------------
Reset default browser styles
------------------------------------------------
*/

*
{
	padding: 0px; /* static */
	margin: 0px; /* static */
}

/***** MainContent - All Layouts *****/

#contentWrapperHome
{
	min-height: 595px; /* static */ 
}
body
{
	text-align: left; 
}
#pageWrapper
{
	margin: auto; 
	width: 1000px; 
}

/* 
################
breakafter:true;
style-group:Default Font and Headers;
################
*/

/* 
------------------------------------------------
Standard HTML Elements
------------------------------------------------
*/

/*
help:Choose the default font settings for your site.; 
configurable:true; 
name:body; 
mapsto:Default Fonts;
*/
body
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: normal;
}
/*
help:Customize the look of your H1 tags. H1s are the largest and most prominent text on a page. 
If you choose to display your site name as text in feature configuration your site name will be displayed as an H1.; 
configurable:true; 
mapsto:Heading 1;
*/

h1, h1 a, h1 a span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d9ede1;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	t
}

h1 a span
{
	display: none;
}
/*
help:Customize the look of your H2 tags. H2s are used as the primary content header on all pages. For instance on a product's detail page the 
title of the product will be displayed as an H2.; 
configurable:true; 
mapsto:Heading 2;
*/
h2
{
	font-family: Cambria, Georgia, Times New Roman, serif;
	font-size: 24px;
	color: #13649B;
	font-style: normal;
	font-weight: bold;
}
/*
help:Customize the look of your H3 tags. H3s are used as sub-headers in main content areas.
; 
configurable:true; 
mapsto:Heading 3;
*/
h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #15552B;
	font-style: normal;
	font-weight: bold;
	border-bottom: none;
	border-bottom-style: none;
	border-bottom-color: none;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	text-transform: none;
}
#sponsorshipWrapper h3 {
	margin-left: 50px;
}
#sponsorshipWrapper p {
	margin-left: 50px;
	margin-right: 70px;
	line-height: 135%;
}
.benefitsText {
	margin-left: 50px;
	color: #15552B;
	font-weight: bold;
}
.benefitsLI {
	margin-left: 60px;
	line-height: 200%;
	margin-right: 30px;
}
/*
help:Customize the look of your H4 tags. H4s are used occasionally such as in the checkout process.; 
configurable:true; 
mapsto:Heading 4;
*/
h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #8C2C00;
	font-style: normal;
	font-weight: bold;
	border-bottom: none;
	border-bottom-style: none;
	border-bottom-color: none;
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	text-transform: none;
}
/*
help:Customize the look of your H5 tags. H5 tags are used occasionally such as on the customer service page.; 
configurable:true; 
mapsto:Heading 5;
*/
h5
{
	font-family: Cambria, Georgia, Times New Roman, serif;
	font-size: 14px;
	color: #13649B;
	font-style: normal;
	font-weight: bold;
}

/* 
################
breakafter:true;
style-group:Links;
################
*/

/*
help:Customize the look of your default links.; 
configurable:true; 
mapsto:Normal Links;
*/
a
{
	color: #006600;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: none;
}
/*
help:Customize the look of your rollover links.; 
configurable:true; 
mapsto:Rollover Links;
*/
a:hover, a:link:hover, a:visited:hover
{
	color: #006600;
	text-decoration: underline;
}
/*
help:Customize the look of your links when they are clicked on.; 
configurable:true; 
mapsto:Clicked Links;
*/
a:active
{
	color: #006600;
	text-decoration: none;
}
/*
help:Customize the look of your links once they've been visited.; 
configurable:true; 
mapsto:Visited Links;
*/
a:visited
{
	color: #006600;
	text-decoration: none;
}
/* 
################
breakafter:true;
style-group:Type Formatting;
################
*/
/*
help:Choose your default paragraph styles; 
configurable:true; 
mapsto:strong;
*/
p
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-size: default;
	font-style: default;
	font-weight: normal;
	line-height: 170%;
	padding-left: 0px;
	padding-top: 5px;
	font-size: 13px;
}
.homeMessage {
	font-size: 12px;
	color: #666666;
	font-weight: none;
	font-family: "Trebuchet MS";


}
.popularText {
	font-size: 10px;
	color: #666666;
	font-family: "Trebuchet MS";
	margin-left: 5px;
}

ul
{
	margin-left: 10px;
}
.mediaLinks {
	margin-top: 10px;
	margin-right: 20px;
	text-align: center;
}
.mediaLinks a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 200%;
	text-align: center;
}
/*
help:Select the bullet or image used for bulleted lists; 
mapsto:Bulleted Lists;
*/
ul li
{
	list-style: none;
	list-style-image: none;
	list-style-position: inherit;
}

ol
{
	margin-left: 10px;
}
/*
help:Customize the look of your horizontal rules, or HRs. HRs are horizontal lines used to seperate content.; 
configurable:true; 
mapsto: Horizontal Rules;
*/
div.hr
{
	clear: both;
	margin-left: 10%;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 10px;
	height: 1px;
	width: 80%;
	background-color: #666666;
}
hr
{
	display: none;
}
/* 
------------------------------------------------
Common classes
------------------------------------------------
*/

/***** Layout helpers *****/

.clear
{
	clear: both;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.last
{
	border-right: none;
}

/* 
################
breakafter:true;
style-group:Page Sections;  
################
*/

/* 
------------------------------------------------
Page region layout
------------------------------------------------
*/

/* Use to define page width and content background*/

/*
help:Customize the background color for the whole page. This is the background that fills your entire browser window outside the main content. 
NOTE: Choosing a solid background color will override the default background graphics for the selected template;
configurable:true; 
mapsto:Page Background;
*/
body
{
	background: #14552B url(../img/body-bg.jpg) repeat-y top;
}
/*
help:Customize the background of the content wrapper. The content wrapper surrounds the page header, main content area and the page footer.
NOTE: Choosing a solid background color will override the default background graphics for the selected template; 
configurable:true; 
mapsto:Content Background;
*/

#pageWrapper {
	width: 1000px;
	height: 1955px;
	padding-top: 5px;
	margin-top: 10px;
    background: #fff url(../img/page-wrapper-bg.jpg) repeat-x;

}

/* Reset alignment to left if page wrapper is centered */
#pageWrapper div
{
	text-align: left;
}
/***** MastHead *****/

#mastHead
{
	height: 237px;
	width: 975px;
	background-color: transparent;
	margin-left: 12px;
	margin-top: 10px;
}



/***** Content Columns *****/

#leftColumn{
	width: 485px;
	height: 215px;
	float: left;
} 

#imageWrapper {
	margin-top: 23px;
}
#imageWrapper img {
	margin-right: 4px;
	padding: 0px;	
}
#imageWrapper a:hover {
	border: #EC803F;
	
}
#mainWrapper {
	width: 976px;
	height: 1406px;
    background: #fff url(../img/main-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#pathwayWrapper {
	width: 976px;
	height: 1404px;
    background: #fff url(../img/pathway-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#pictureBox {
    width: 345px;
	height: 222px;
	margin-top: 30px;
	margin-right: 7px;
	float: left;
	border: solid 1px #999999;
}

.pictureBoxText {	
	font-size: 9px;
	font-family:Verdana;
	float: right;
	color: #000000;
	font-style: normal;

}
#sponsorshipWrapper {
	width: 976px;
	height: 3600px;
    background: #fff url(../img/sponsorship-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#bricksWrapper {
	width: 976px;
	height: 910px;
    background: #fff url(../img/bricks-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#donationWrapper {
	width: 976px;
	height: 1114px;
    background: #fff url(../img/donation-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#mediaWrapper {
	width: 976px;
	height: 2691px;
    background: #fff url(../img/media-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#visualWrapper {
	width: 976px;
	height: 1334px;
    background: #fff url(../img/visual-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#contactWrapper {
	width: 976px;
	height: 1190px;
    background: #fff url(../img/contact-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
	}
#sponsorshipFormWrapper {
	width: 976px;
	height: 1190px;
    background: #fff url(../img/sponsorship-form-wrapper-bg.jpg) no-repeat;
	margin-left: 13px;
}
#mainColumn
{
	width: 758px;
	height: 1310px;
	color: default;
	font-size: default;
	font-style: default;
	font-weight: default;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#donationForm {
	width: 443px;
	height: 436px;
	margin-left: 80px;
	margin-top: 30px;

	}
#sponsorshipForm {
	width: 515px;
	height: 600px;
	margin-left: 122px;
    
}
#imgTout {
    width: 400px;
	height: 350px;
	margin-left: 72px;
	margin-top: 83px;
}

#mainColumnForm
{
	width: 758px;
	height: 500px;


}



/* 
################
breakafter:true;
style-group:Primary / Top Navigation;
################
*/

/*
------------------------------------------------
Navigation Structures
------------------------------------------------
*/

/*
help:Customize the look of your primary navigation, sometimes called the top navigation.; 
configurable:true; 
mapsto:Primary Navigation / Top Navigation;
*/
#primaryNavigationWrapper
{
	margin-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
    background: #fff url(../img/nav-bg.jpg);
   	height: 76px;
	width: 976px;
	margin-top: 3px;
}
#primaryNavigationWrapper ul, #primaryNavigationWrapper ul ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}
#primaryNavigationWrapper ul a
{
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 11px;
	padding-bottom: 10px;
	color: #CCCCCC;
}
#primaryNavigationWrapper ul li
{
	float: left;
	list-style: none;
	padding-left: 42px; 
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	width: default;
}
#primaryNavigationWrapper ul li a
{
	color: #CCCCCC;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height: normal;
}
#primaryNavigationWrapper ul li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}
/*
help:Customize the look of your the primary navigation dropdown menus if any are necessary.; 
configurable:true; 
mapsto:Primary Navigation / Top Navigation Drop Down Menus;
*/
#primaryNavigationWrapper ul li ul
{
	position: absolute;

	margin-top: 0px;
	left: -999em;
	z-index: 10000;
	border-color: none;
	border-style: solid;
	border-width: 0px;
	background-color: transparent;
	border-top-color: #fff;
}
#primaryNavigationWrapper ul li ul li
{
	clear: both;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 170px;
}
#primaryNavigationWrapper ul ul li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	padding-top: 6px; 
	padding-bottom: 3px; 
	padding-left: 10px; 
	padding-right: 0px; 
	width: 100%;
	height: 20px;
	background-color: #2E2C2D;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter: alpha (opacity=90); /* MS Internet Explorer */ 
    filter: progid:DXImageTransform.Microsoft.Alpha (style=0, opacity=90); /* MS IE proprietory */ 
    -moz-opacity: 0.9; /* Mozilla v1.6 and below */ 
    opacity: 0.9; /* CSS-3 Standards */ 
    -khtml-opacity: 0.9 /* Safari */
	
	
}
#primaryNavigationWrapper ul li:hover ul, #primaryNavigationWrapper ul li.sfhover ul
{
	left: auto;
	background: transparent;
}
#primaryNavigationWrapper ul li ul ul
{
	margin-left: 10em;
	margin-top: -1em;
}
#primaryNavigationWrapper ul.navigation li:hover ul ul, #primaryNavigationWrapper ul.navigation li.sfhover ul ul
{
	left: -999em;
}
#primaryNavigationWrapper ul li li:hover ul, #primaryNavigationWrapper ul li li.sfhover ul
{
	left: auto;
}
#primaryNavigationWrapper ul ul li a:hover
{
	display: block;
	color: #EC803F;
	text-decoration: none;
	height: 20px;
	background-color: #262223;
	background-image: none;
}

/***** Footer *****/

/*
help:Customize the look of headers in the page footer such as "Account", "Policies", and "Help".; 
configurable:true; 
mapsto:Footer Headers;
*/



/*
help:Customize the links in the page footer.; 
configurable:true; 
mapsto:Footer Links;
*/
#footer a
{
	color: #ccc;
	font-size: 11px;
	font-style: default;
	font-weight: default;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer a:hover
{
	color: #fff;
	text-decoration: none;
}

/*
help:Customize your copyright text at the very bottom of the footer.; 
configurable:true; 
mapsto:Footer Copyright;
*/
#footer {
	width: 973px;
	height: 167px;
	margin-left: 14px;
	background: url(../img/footer-bg.jpg) no-repeat;
}
#footerLinks {
	width: 973px;
	height: 45px;
	margin-left: 14px;
	background: url(../img/footer-links-bg.jpg);

}
#footerLinks ul, #footerLinks ul ul
{
	padding: 0px;
	margin-left: 190px;
	list-style: none;
	line-height: 1;
	
}
#footerLinks ul a
{
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	color: #CCCCCC;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footerLinks ul li
{
	float: left;
	list-style: none;
	padding-left: 5px; 
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	width: default;
}
#footerLinks ul li a
{
	color: #CCCCCC;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: normal;
}
#footerLinks ul li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}

/*************** PHOTO MODULE ***************/
			
			#mainPhotoContent h2 {
				font: normal 26px "Lucida Grande", Lucida Sans, Tahoma, Arial, Helvetica, sans-serif;
				margin-top: 20px;
				margin-left: 20px;
				color: #5E8396;	
			}
			.phototitle {
				color: #000099;
				font-size: 22px;
				font-weight: 100;
				font-family: Helvetica57-Condensed;
			}
			
			#mainWrapperPhoto {
				width: 890px;
				min-height: 800px;
				margin-left: 10px;
				background-color: transparent;
			}
			#mainPhotoContent {
				top: 300px;
				width: 898px;
				height: 1400px;
				margin-left: 10px;
				margin-top: 10px;
				background: #E8EBF2;
			
			}
			#mainPhotoContent h3 {
				color: #000099;
				font-size: 20px;
				font-weight: 100;
				font-family: Geneva, Arial, Helvetica, sans-serif;
			}
			#photoModule {
				width: 755px;
			}
			
			.thumbsListing {
				padding: 10px 0 5px 5px;
			}
			.thumbwell {
				left: 570px;
				width: 510px;
			}
			.thumbwell img {
				margin: 0 0 0 4px;
				border: solid 1px #006600;
			}
			.albumGroup img {
				border: solid 1px #006600;
			}
			.photoGrouping {
				width: 360px;
				vertical-align: top;
				padding: 0 60px 0 0;
			}
			.albumGroup {
				width: 655px;
				height: 120px;
				padding: 0px 0 0 0;
				margin-left: 65px;
				margin-bottom: 0px;
				margin-top: 87px;
				background: transparent;
			
			
			}
			#photoModule table {
				font-size: 10px;
				margin-left: 0px;	
			}
			#photoModule table tr td {
				vertical-align: middle;
			}
			#photoModule .phototitle {
				color: #000099; 
				font-size: 18px; 
				font-weight: normal;
				font-family: Geneva, Arial, Helvetica, sans-serif;
			}
			.photodetails {
				width: 145px;
				
			
			}
			.mediaTitle {
				color: #000000;
				font-size: 12px;
				padding: 0px 0px 0px 0px;
				margin-left: 0px;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				text-align: left;
			}
			
			#photoModule .gallery_caption {
				color: #ababab;
			}



/*************** VIDEO WRAPPERS ***************/
			
#videoWrapper {
		width: 665px;
		height: 310px;
		margin-left: 48px;
		margin-top: 0px;
	
}
#videoWrapperTop {
		width: 665px;
		height: 310px;
		margin-left: 48px;
		margin-top: 70px;
	
}

.videoBox {
		width: 320px;
		height: 285px;
		margin-right: 5px;
		margin-left: 5px;
		margin-top: 10px;
		float: left;
	
}
/*************** COLUMN RIGHT ***************/
#rightColumn
{
	width: 215px;
	height: 1310px;
	float: right;
	text-align: center;

}
#rightColumnForm
{
	width: 184px;
	height: 1114px;
	float: right;
	margin-right: 0px;
	padding-left: 24px;
	margin-top: 0px;
	text-align: center;

}
.rightHeaderPic {
		width: 176px;
		height: 43px;
		margin-left: 17px;
		margin-top: 150px;
}
			
.partnersFlash {
		width: 174px;
		height: 150px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #4F7754;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #4F7754;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #4F7754;
		margin-left: 17px;
}
.rightColumnPic {
		width: 176px;
		height: 160px;
		margin-top: 10px;
		margin-left: 17px;
}
.rightColumnPic img {
		border: solid 4px #15552B;
}
.picText {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	color: #000000;
}
#partnersWrapper {
	width: 193px;
	height: 380px;
	margin-top: 30px;
	margin-right: 10px;
	margin-left: 0px;
	float: left;
}
#partnersWrapper img {
	border: none;
}

.partnersText {
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	color: #6F4122;
	font-weight: normal;
}
.homePhone {
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	color: #14552A;
	font-weight:bold;
}
.atText {
	font-size: 11px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	color: #125328;
	font-weight: normal;
}
.morganText {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #125328;
	font-weight: bold;
}



	/** border: solid 1px #666666; **/