/* ==================================  Alert Box =============================== */
.alertArea{position:absolute; top:70px; right:1px; z-index:100;}
.ie6 .alertArea , .ie7 .alertArea{top:81px;}




/* ==================================== TOP Navigation ========================================= */

#topNav{height:35px; font-size:0px; line-height:0px;}
.ie6 .home #topNav{margin:0px 0px -5px 0px;}
#topNav a, #topNav a, #topNav a:hover, #topNav a:active, #topNav li{display:block; float:left; height:35px;  width:162px; margin:1px 0px 0px 0px; text-indent:-999em; cursor:hand; cursor:pointer;}
#topNav ul{margin:0px; padding:0px; overflow:visible;}
#topNav ul li{margin:0px; padding:0px; list-style:none; float:left; position:relative;}





/* ---- Current ---- */
#topNav #green .current{background:url(/global2/images/template/navigation/on_art_science.gif);}
#topNav #orange .current{background:url(/global2/images/template/navigation/on_conservatory.gif); }
#topNav #purple .current{background:url(/global2/images/template/navigation/on_student_life.gif); }
#topNav #teal .current{background:url(/global2/images/template/navigation/on_event_act.gif); }
#topNav #red .current{background:url(/global2/images/template/navigation/on_applying.gif); width:325px; }




/* ---- Current Hover---- */
#topNav #green .currentHover, #topNav #green .current:hover{background:url(/global2/images/template/navigation/on_art_science.gif); }
#topNav #orange .currentHover, #topNav #orange .current:hover{background:url(/global2/images/template/navigation/on_conservatory.gif); }
#topNav #purple .currentHover, #topNav #purple .current:hover{background:url(/global2/images/template/navigation/on_student_life.gif); }
#topNav #teal .currentHover, #topNav #teal .current:hover{background:url(/global2/images/template/navigation/on_event_act.gif); }
#topNav #red .currentHover, #topNav #red .current:hover{background:url(/global2/images/template/navigation/on_applying.gif); width:325px; }





/* ---- Current Gray (when another section gets hovered) ---- */
#topNav #green .currentGray{background:url(/global2/images/template/navigation/gray_art_science.gif); }
#topNav #orange .currentGray{background:url(/global2/images/template/navigation/gray_conservatory.gif); }
#topNav #purple .currentGray{background:url(/global2/images/template/navigation/gray_student_life.gif); }
#topNav #teal .currentGray{background:url(/global2/images/template/navigation/gray_event_act.gif); }
#topNav #red .currentGray{background:url(/global2/images/template/navigation/gray_applying.gif); width:325px; }



/* ---- Unactive ---- */
#topNav #green .unactive{background:url(/global2/images/template/navigation/2off_art_science.gif);}
#topNav #orange .unactive{background:url(/global2/images/template/navigation/2off_conservatory.gif); }
#topNav #purple .unactive{background:url(/global2/images/template/navigation/2off_student_life.gif); }
#topNav #teal .unactive{background:url(/global2/images/template/navigation/2off_event_act.gif); }
#topNav #red .unactive{background:url(/global2/images/template/navigation/2off_applying.gif); width:325px; }



/* ---- Unactive Hover ---- */
#topNav #green .unactiveHover, #topNav #green .unactive:hover{background:url(/global2/images/template/navigation/hover_art_science.gif); }
#topNav #orange .unactiveHover, #topNav #orange .unactive:hover{background:url(/global2/images/template/navigation/hover_conservatory.gif); }
#topNav #purple .unactiveHover, #topNav #purple .unactive:hover{background:url(/global2/images/template/navigation/hover_student_life.gif); }
#topNav #teal .unactiveHover, #topNav #teal .unactive:hover{background:url(/global2/images/template/navigation/hover_event_act.gif); }
#topNav #red .unactiveHover, #topNav #red .unactive:hover{background:url(/global2/images/template/navigation/hover_applying.gif); width:325px; }


/* ============================= Quick Links ========================================== */

/* ------ links and buttons ---------- */
.quickLinks{width:973px; height:53px;  padding:15px 0px; margin:2px 0px 0px 0px;}
.ie6 .quickLinks{margin:1px 0px 0px 0px;}
.home .quickLinks{margin-top:-2px; height:52px;}
.ie6 .quickLinks{margin-bottom:-10px;}
.ie6 .home .quickLinks{margin-top:-2px;}
.quickLinks .item{float:left; border:0px; font-size:93%;  width:131px; padding:0px 15px; height:50px;}
.ie6 .quickLinks .item{padding:0px 14px; width:132px;}
* .quickLinks a, * .quickLinks a:link, * .quickLinks a:hover, * .quickLinks a:visited{color:#fff; text-decoration:none; display:block; margin:-5px 0px 3px 0px;}
.quickLinks a:hover{text-decoration:underline;}
.quickLinks a.firstline{padding-top:5px;}
.quickLinks .button, .quickLinks .button:hover;{margin:-3px 0px 0px 10px; font-weight:normal;}



/* ----- quick links items  ( Applying to Oberlin) ------- */
#quick_red .item{width:287px; line-height:100%; height:57px;}
.ie6  #quick_red{height:63px;}
#quick_red  .one,  #quick_red  .two, #quick_red  .three{padding:5px 0px 0px 0px;}
#quick_red  .one{margin:0px 0px 0px 190px; width:110px;}
#quick_red  .two{margin:0px 0px 0px 180px; width:115px;}
#quick_red  .three{margin:0px 0px 0px 200px; width:110px;}
.ie6  #quick_red  .three{margin:0px 0px 0px 180px;}
#quick_red  .one  a{color:#35a30e; text-decoration:none;}
#quick_red  .two a{color:#e97500; text-decoration:none;}
#quick_red .three  a{color:#000; text-decoration:none;}



/* ---- quickLink backgrounds -- */
#quick_green{ background:url('/global2/images/template/navigation/quick_art_science.gif') no-repeat top left;}
#quick_orange{background:url('/global2/images/template/navigation/quick_conservatory.gif') no-repeat top left;}
#quick_purple{background:url('/global2/images/template/navigation/quick_student_life.gif') no-repeat top left;}
#quick_teal{background:url('/global2/images/template/navigation/quick_event_act.gif') no-repeat top left;}
#quick_red{background:url('/global2/images/template/navigation/quick_applying.gif') no-repeat top left;}


/* ------ quickLink colored borders -------- */
#quick_green .item{border-right:1px solid #76cd5b;}
#quick_orange .item{border-right:1px solid #f29200;}
#quick_purple .item{border-right:1px solid #a675e6;}
#quick_teal .item{border-right:1px solid #53b3e5;}




/* ------------- Up and Down Arrows (White) ------------------ */
#topNav .arrowUp, #topNav .arrowUp:hover, #topNav .arrowUp:active{background:url(/global2/images/template/navigation/icon_arrow_up.png) no-repeat 50% 50%; position:absolute; bottom:-7px; height:18px; left:0px; font-weight:normal;}
#topNav .arrowDown, #topNav .arrowDown:hover, #topNav .arrowDown:active{background:url(/global2/images/template/navigation/icon_arrow_down.png) no-repeat 50% 50%; position:absolute; bottom:-10px; height:18px; left:0px; font-weight:normal;}

/* ---- IE6 Hacks --- */
.ie6 #topNav .arrowUp, .ie6 #topNav .arrowUp:hover, .ie6 #topNav .arrowUp:active{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global2/images/template/navigation/icon_arrow_up.png', sizingMethod='crop'); cursor:hand; cursor:pointer; margin-left:25px; width:136px; }
.ie6 #topNav .arrowDown, .ie6 #topNav .arrowDown:hover, ie6 #topNav .arrowDown:active{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global2/images/template/navigation/icon_arrow_down.png', sizingMethod='crop'); cursor:hand; cursor:pointer;  margin-left:25px;  width:136px; display:none; }



/* -------------- Up and Down Arrows (Colored) --------------- */
#topNav .arrowUp.shadowed{height:18px;}
#topNav .arrowDown, #topNav .arrowDown:hover{display:none;}


/* -- Art & Science --- */
#topNav #aU_green.arrowUp.shadowed, #topNav #aU_green.arrowUp.shadowed:hover,  #topNav #aU_green.arrowUp.shadowed:active,
.ie6 #topNav #aU_green.arrowUp.shadowed, .ie6 #topNav #aU_green.arrowUp.shadowed:hover, .ie6 #topNav #aU_green.arrowUp.shadowed:active
{background:url(/global2/images/template/navigation/icon_arrow_up_art_science.gif) no-repeat; margin-left:0px; filter:none; width:162px;}

/* -- Conservatory -- */
#topNav #aU_orange.arrowUp.shadowed, #topNav #aU_orange.arrowUp.shadowed:hover, #topNav #aU_orange.arrowUp.shadowed:active,
.ie6 #topNav #aU_orange.arrowUp.shadowed, .ie6 #topNav #aU_orange.arrowUp.shadowed:hover, .ie6 #topNav #aU_orange.arrowUp.shadowed:active
{background:url(/global2/images/template/navigation/icon_arrow_up_conservatory.gif) no-repeat; margin-left:0px; filter:none; width:162px;}

/* -- Student Life -- */
#topNav #aU_purple.arrowUp.shadowed, #topNav #aU_purple.arrowUp.shadowed:hover,  #topNav #aU_purple.arrowUp.shadowed:active,
.ie6 #topNav #aU_purple.arrowUp.shadowed, .ie6 #topNav #aU_purple.arrowUp.shadowed:hover,  .ie6 #topNav #aU_purple.arrowUp.shadowed:active
{background:url(/global2/images/template/navigation/icon_arrow_up_student.gif) no-repeat; margin-left:0px; filter:none; width:162px; }

/* --- Event Act -- */
#topNav #aU_teal.arrowUp.shadowed, #topNav #aU_teal.arrowUp.shadowed:hover, #topNav #aU_teal.arrowUp.shadowed:active,
.ie6 #topNav #aU_teal.arrowUp.shadowed, .ie6 #topNav #aU_teal.arrowUp.shadowed:hover, .ie6#topNav #aU_teal.arrowUp.shadowed:active
{background:url(/global2/images/template/navigation/icon_arrow_up_event_act.gif) no-repeat; margin-left:0px; filter:none; width:162px;  }


/* --- Applying -- */
#topNav #aU_red.arrowUp.shadowed, #topNav #aU_red.arrowUp.shadowed:hover, #topNav #aU_red.arrowUp.shadowed:active,
.ie6 #topNav #aU_red.arrowUp.shadowed, .ie6 #topNav #aU_red.arrowUp.shadowed:hover, .ie6 #topNav #aU_red.arrowUp.shadowed:active
{background:url(/global2/images/template/navigation/icon_arrow_up_applying.gif) repeat-x; width:325px; margin-left:0px; filter:none;}