/*******************************
	global html tag definistions
*******************************/
* {margin:0; padding:0;}
* html{margin:0; padding:0;}
body{font-size: 9pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
p, h1, h2, h3, h4, h5, h6 {margin-bottom:10px;/* better consistency across all platforms  */}
p{font-size:9pt;}
h1{font-size:2em; font-family:Georgia,"Times New Roman",Times,serif;}
h2{font-size:1.75em; font-family:Georgia,"Times New Roman",Times,serif;}
h3{font-size:1.5em; font-family:Georgia,"Times New Roman",Times,serif;}
h4{font-size:1.25em; font-family:Georgia,"Times New Roman",Times,serif;}
h5{font-size:1em; font-family:Georgia,"Times New Roman",Times,serif;}
h6{font-size:.75em; font-family:Georgia,"Times New Roman",Times,serif;}
form p{font-size:1em;}
form p input{font-size:.9em;}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
img{border:0;}

#center .subscribeMessage { color:#990001; font-weight:bold; } /* 08529C */
#horsepictures img { border:1px solid #bbb; }
#center ul { margin-left:30px; }
#center ul li {font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

#center .imgRight { float:right; margin:6px; font-size:.8em; color:#666 }
#center .imgRight img { border:1px solid gray }

#center .imgLeft { float:left; margin:6px; font-size:.8em; color:#666 }
#center .imgLeft img { border:1px solid gray }

.eventImg { text-align:left; font-size:.8em; color:#666 }
.eventImg img { border:1px solid gray; }

.imgView { text-align:center; margin:30px; }
.imgView .imgCaption { color:#444; }
.imgView img { border:none; }

/****************************************
	base layout elements - page structure // 770px, 850
****************************************/
#pageWrapper{margin:0 auto; width: 920px; border: 0; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999;}
#outerColumnContainer{ z-index: 1; border: 0; margin: 0 170px 0 0;/*right column width */ padding: 0 0 0 170px; /* left column width */}
* html #outercolumncontainer { margin-top: -1px; border-top: solid 1px #000; }
#innerColumnContainer{ z-index: 2; width: 100%; }
* html #innerColumnContainer{ position: relative; /*fix a render bug in IE */}
#left, #right, #center { float: left;	position: relative; z-index: 10; overflow: visible; /*fix for IE italics bug */}
#center{ margin: 0 -1px; /* without this, boxes stop floating next to each other */ width: 100%; border:0;}
#right{ float: right; width: 170px; margin: 0 -170px 0 1px;  /* sets the right column width */ }
#left { width: 170px; margin: 0 1px 0 -170px;}/* sets the left column width */
#header{height:160px;}
#footer{position: relative; /*height: 15px;*/ margin: 0; padding:0;}
.clear{ clear: both;}
html>body .mozclear{	border-bottom: 1px solid transparent;	/* help mozilla recognize empty clearing element */ margin-bottom: -1px;	/* compensate for 1px space used by border */ }
* html #pageWrapper{ word-wrap: break-word; } /* invalidates the code */

/***********************
	whitespace & padding
***********************/
.leftP{ padding:5px 0; }
.centerP{ padding: 0 20px; }
.rightP{ padding:0 10px 10px 10px;}
.headerP{}
.footerP{padding:10px 0}
html>body #footer{ padding-bottom: 5px; /*1.01em; this is to fix a bug in mozilla, increasing this value may help if the document gets to long.*/}

/**********************
	background elements // 690px
**********************/
body{background: #ddd}
#pageWrapper{background:#fff url("/images/rightColBG.gif") no-repeat 759px 150px;/*sets the background color of the right column */}
#outerColumnContainer{ background:#ABBE26;/*sets the background for the left column*/}
#header {background:url("/images/logonice.gif") no-repeat top left}
#footer{background:url("/images/footerStripe.jpg") repeat-y top left}
#center{background:#fff;}
#innerColumnContainer{ background:#fff;/* sets the background of the content column otherwise it will take the color of the left column set in #outerColumnContainer*/}
#header{}

/* heading */
#header h1{font-size:1.6em;height:84px;background:#08529C;color:#fff;margin:0 0 0 170px;line-height:80px;text-indent:252px;}

/* topNav */
#topNav{height:35px;margin:0 0 0 170px;text-align:right;background: #E7E7E7 url("/images/topBG.gif") no-repeat top left;border-bottom:3px solid #fff;}
#topNav ul{padding-top:15px;}
#topNav li{display:inline;}
#topNav li a{margin:0 6px;color:#000;}
#topNav li a:hover{}

/* leftNav */
#leftNav{margin-top:10px;}
#left ul{padding-top:20px;margin-left:30px;margin-bottom:20px;margin-right:5px;}
#left ul li{list-style:url("/images/menu-arrow.gif"); margin-bottom:5px; padding-bottom:6px;border-bottom:1px solid #fff;}
#left ul li.active{list-style:url("/images/menu-arrow-active.gif");}
#left li a{color:#fff;font-size:9pt;text-decoration:none;padding:2px;font-weight:bold}
#left li a:hover{background:#08529C;color:#fff}

#left ul li ul{margin:10px 0 10px 5px;padding:0;}
#left li ul li{list-style:none;list-style-image:none;margin:2px 0;padding:2px 0;border:0;font-size:1.0em;}
#left li ul li a{color:fff;padding:0;}
#left li ul li a:hover{text-decoration:underline;background:none; color:#08529C; }
/* color:#08529C; */

.leftNavActive a{color:black;text-decoration:underline;}

.leftColImage{margin-top:25px;}
.credit{background:url(/images/joanBrady-leftbanner.jpg) no-repeat top right;padding-top:40px;text-align:center}

/* center column */
#center p,li{color:#333;}

/* right column */
#right dl{font-size:1em;padding:0 5px 5px 5px;margin-bottom:10px;}
#right dt{font-weight:bold;margin-bottom:3px;font-size:1.1em;}
#right dd{margin-bottom:5px;}
#right dd.thumbs{text-align:center}

/* footer */
#footer p{text-align:center;color:#333;margin:0 180px;font-size:1em;margin-bottom:10px;}
#footer p.outline{padding:5px;background:#efefef;}