@import url('reset.css');

HTML, BODY{ margin:0 auto; background-color:#8fa6ae; color:#4c4d4f; }
A{ color:#e79b00; text-decoration:none; }
A:hover{ text-decoration:underline; }
STRONG{ font-weight:bold; }
H1{ margin:-0.2em 0 0.4em 0; font-size:240%; line-height:1.33em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#4c4d4f; }
H2{ margin:-0.2em 0 0.4em 0; font-size:161.6%; line-height:1.33em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#4c4d4f; }
H3{ margin:-0.2em 0 0.4em 0; font-size:116%; line-height:1.33em; }

/* MAIN CONTAINERS */
#page{ margin:0 auto; width:970px; text-align:center;}
#headerImg {height:230px;}
#headerCont{ margin:0 auto; float:left; width:970px; padding:10px 0 0 0; text-align:left; }
#mainMenu{ float:left; width:190px; padding-left:5px; text-align:left; }
#mainCont{ float:left; width:695px; padding:5px 5px 151px 5px; margin:5px 0; background:url(../images/page_corner.gif) bottom right no-repeat #FFFFFF; text-align:left; }
#footerCont{ float:left; width:970px; padding-bottom:5px; }

/* MAIN MENU */
#mainMenu #logo{ float:left; width:190px; padding:16px 0 27px 0; }
#mainMenu UL{ float:left; }
#mainMenu UL LI{ float:left; width:190px; }
#mainMenu UL LI A{ display:block; color:#FFFFFF; font-size:123.1%; outline: none;}
#mainMenu UL LI A.active{ color:#000000; text-decoration:underline; }

/* SUB MENU */
#subMenu UL{ float:left; width:970px; padding:7px 0 4px 0; }
#subMenu UL LI{ float:left; }
#subMenu UL LI A{ display:block; color:#FFFFFF; font-size:123.1%; padding:0 24px 0 0; background:url(../images/sub_menu_bg.gif) no-repeat bottom right; }
#subMenu UL LI A.active{ color:#000000; text-decoration:underline; }
#subMenu UL LI A.last{ padding:0; background:none; }

/* FOOTER MENU */
#footerCont UL{ float:left; font-size:85%; color:#FFFFFF; }
#footerCont UL LI{ float:left; }
#footerCont UL LI A{ display:block; padding-left:10px; color:#FFFFFF; background:url(/images/footer_sep.gif) no-repeat top left; }
#footerCont UL LI A.active{ color:#000000; text-decoration:underline; }

/* MAIN CONT */
#mainCont{ position:relative; line-height:1.33em; font-size:108%; }
#mainCont P{ margin-bottom:0.5em; line-height:1.33em;}
.inlineImages IMG{ margin:0 5px 0 0; }
#mainCont UL{ margin-bottom:0.5em; }
#mainCont LI{ margin-left:20px; list-style-image:url(/images/yellow_bullet.gif); }

#mainCont .highlightCont{ float:left; width:342px; padding:11px 0 4px 0; margin:18px 10px 0 0; font-size:92%; border-top:1px solid #abbcc3; border-bottom:1px solid #abbcc3; }
#mainCont .highlightContRight{ margin:18px 0 0 0;}
#mainCont .highlightBox{ float:left; width:342px; margin-bottom:7px; color:#4c4d4f; }
#mainCont .highlightBox IMG{ float:left; }
#mainCont .highlightBox H2{ float:left; width:168px; padding:0 30px 0 6px; margin:0 0 0.1em 0; line-height:1.1em; font-size:174%; }
#mainCont .highlightBox P{ float:left; width:168px; padding:0 30px 0 6px; margin:0; }
#mainCont . UL{ margin-bottom:0.5em; }
#mainCont .highlightCont LI{ margin-bottom:0.5em; }
#mainCont .highlightCont LI A{ color:#4C4D4F; }
#mainCont .highlightCont LI A.selected{ color:#E79B00; }

/* PANELS */
#panelCont{ float:left; width:258px; margin:5px 0 0 5px; }
#panelCont .panel{ position:relative; float:left; margin-bottom:5px; width:258px; height:222px; text-align:left; }
#panelCont .panel IMG{ position:absolute; top:0px; left:0px; width:258px; height:222px; z-index:0; }
#panelCont .panel A{ display:block; position:absolute; top:0px; left:0px; width:244px; height:212px; padding:5px 7px; z-index:1; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:167%; background-position:top left; background-repeat:no-repeat; }

#panelCont H2{ float:left; margin:0.4em 0; text-align:left; color:#FFFFFF;}
#panelCont UL{ float:left; width:258px; }
#panelCont LI{ float:left; margin-bottom:5px; text-align:left; font-size:92%; }
#panelCont LI A{ display:block; float:left; width:244px; padding:6px 7px 16px 7px; background-color:#a5b8be; color:#FFFFFF; }
#panelCont LI A:hover{ background-color:#FFFFFF; color:#a5b8be; text-decoration:none; }
#panelCont LI A H3{ font-weight:bold; }

/* NEWS */ 
#mainCont #newsItem{ float:left; width:420px; padding-right:35px; }
#mainCont #newsItemsCont{ float:left; width:239px; }
#mainCont #newsItemsCont H2{ line-height:normal;  }
#mainCont #newsItemsCont UL{ float:left; }
#mainCont #newsItemsCont UL LI{ float:left; width:239px; margin:0; padding:5px 0 15px 0; border-bottom:1px #e3e9eb solid; list-style-image:none;  }
#mainCont #newsItemsCont UL LI A{ float:left;  }

/* BIO */
#mainCont .bioItem{ float:left; width:695px; }
#mainCont .bioItem .imageLeft{ float:left; margin-right:10px; width:138px; }
#mainCont .bioItem .textRight{ float:left; width:547px; }

/* IMAGE LIBABRY */
A#backToLibrary{ position:absolute; top:4px; right:10px; }

#flashAnim{ margin:0 0 -152px -5px; /*background-color:#8fa6ae;*/ height:705px }
#flashAnimText{ margin-left:5px;}

#videoPlayer{ float:left; width:695px; padding:5px 0; background-color:#4C4D4F; text-align:center; }

.greyBox{ float:left; width:218px; height:218px; padding:5px; background:url(/images/grey_box_bg.gif) #78787a bottom right no-repeat; }
.greyBox H2{ color:#FFFFFF;  }
.greyBoxMiddle{ margin:0 5px;}

/* EVENT */
.eventRow { float:left; width:695px; margin-bottom:1em; }
.eventRow LABEL{ float:left; width:695px; }
.eventRow LABEL.error, SPAN.error{ color:#990000; }
.eventRow INPUT{ padding:5px; width:300px; } 
.eventRow SELECT{ padding:5px; width:311px; } 
.eventRow TEXTAREA{ padding:5px; width:600px; height:75px;  } 