/* ////////////////////////////////////////////////////////////////////////////////////////*/
/*                             UNIVERSITY HOUSING GLOBAL STYLESHEET                        */
/* ////////////////////////////////////////////////////////////////////////////////////////*/

/* CLASSES FOR COMMON PAGE ELEMENTS */
body{
font-family:tahoma, arial, helvetica, sans-serif;
font-size:0.8em;
color:#000;
background-color:#EEE;
margin:0 0 10px 0;
padding:0;
}

#skiptocontent{
display:none;
}

h1{
font-size:1.8em;
color:#000;
margin:15px 0 20px 0;
}

h2{
font-size:1.5em;
color:#556677;
/*color:#CC6600;*/
}

h3{;
font-size:1.3em;
color:#778855;
/*color:#778855;*/
}

a:link{
color:#0000FF;
text-decoration:none;
/* border-bottom:1px solid #CCC; */
}

a:visited{
color:#CC0000;
text-decoration:none;
/* border-bottom:1px dashed #CC0000; */
}

a:hover{
text-decoration:underline;
}

a:active{
color:#CC0000;
text-decoration:none;
}

p{
font-family:tahoma, arial, helvetica, sans-serif;
line-height:1.4em;
}

.hidden{
display:none;
}

.unhidden{
display:block;
}

/* CLASSES FOR ALIGNMENT (e.g. ALIGNMENT WITHIN TABLE CELLS */
.topalign{
vertical-align:top;
}

.topalign tr{
vertical-align:top;
}

.ctralign{
text-align:center;
}

.btmalign{
vertical-align:bottom;
}

/* CLASSES FOR IMAGES */
img {
/*border:1px solid #000;*/
}

.linkimage{
border:0px solid #000;
}

.hideimage img{
display:none;
}

.topimage{
border:1px solid #000;
margin:0 0 10px 0;
}

.topimagenobdr{
border:0px solid #000;
margin:0 0 10px 0;
}

.leftimage{
float:left;
border:1px solid #000;
margin:5px 10px 5px 0;
}

.rightimage{
float:right;
border:1px solid #000;
margin:5px 0 5px 10px;
}

.rightimagenobdr{
float:right;
border:0px solid #000;
margin:5px 0 5px 10px;
}

.rtcolimg{
border:1px solid #000;
float:right;
margin:0 0 10px 10px;
}

/* CLASS FOR <FORM> ELEMENTS */
input, select, textarea{
/*border:1px inset #333;
background:#EEE;*/
font-family:tahoma, arial, helvetica, sans-serif;
font-size:0.9em;
}

/* CLASS FOR LINKS ON DARK BACKGROUNDS */
.whitelink a:link, .whitelink a:visited, .whitelink a:active{
color:#FFF;
text-decoration:none;
/* border-bottom:1px solid #CCC; */
}

.whitelink a:hover{
text-decoration:underline;
}

/* CLASS FOR IMAGE CAPTIONS */
.caption, .italics{
font-style:italic;
}

.redfont{
color:#CC0000;
}

.smfont{
font-size:0.8em;
}

/* CLASS FOR HORIZONTAL BAR WITH TEXT */
.colorbar{
margin:10px 0 10px 0;
color:#FFF;
font-size:1em;
font-weight:bold;
/*background-color:#67849C;*/
background-color:#778855;
/*background-color:#CCDDAA;*/
padding:5px 0 5px 10px;
}

/* CLASS FOR HORIZONTAL BAR WITH TEXT */
.newcolorbar{
width:512px;
height:25px;
margin:10px 0 5px 0;
color:#FFF;
font-size:1em;
font-weight:bold;
/*background-color:#67849C;*/
background:#FFF url('/housing/images/colorbar_tab.gif') no-repeat;
/*background-color:#CCDDAA;*/
padding:5px 0 0 10px;
}

.colorbar a:link, .colorbar a:visited, .colorbar a:active{
color:#FFF;
text-decoration:none;
/* border-bottom:1px solid #CCC; */
}

.colorbar a:hover{
text-decoration:underline;
}

/* CLASSES FOR NCSU NAME AND LINKS AT THE TOP OF A PAGE */
#topbar{
font-family:verdana, arial, helvetica, sans-serif;
font-size:0.8em;
width:950px;
height:20px;
text-align:right;
margin:10px auto 0px;
background:url('/housing/includes/images/ncsu_logo.gif');
}

#topbar a:link, #topbar a:visited, #topbar a:hover, #topbar a:active{
color:#CC0000;
}

#topbar #ncsu a{
display:block;
width:230px;
height:12px;
float:left;
overflow:hidden;
text-indent:-9999px;
margin:0px;
text-decoration:none;
border-style:none;
}

/* CLASS FOR ENCLOSING ALL MATERIAL ON THE PAGE */
#container{
width:950px;
height:auto;
text-align:left;
margin:0px auto 0px;
border:none;
border:1px solid #000;
background:#FFF;
/*background:url('/housing/includes/images/container_bg.gif') repeat-y left top;*/
}

/* CLASSES FOR HEADER SECTION AND LINK */
#header{
width:950px;
height:85px;
border-bottom:1px solid #FFF;
background:url('/housing/includes/images/titleheader.gif') no-repeat center top;
}

#header a{
display:block;
width:450px;
height:65px;
float:left;
border:none;
overflow:hidden;
text-indent:-9999px;
padding:0;
margin:10px 0 0 250px;
text-decoration:none;
}

/* CLASSES FOR QUICKLINKS AND SEARCH BOX IN HEADER BAR */
#quicksearch{
float:right;
padding:10px 20px 0 0;
}

#quicksearch p{
line-height:5px;
}

#quicksearch select{
width:150px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*                              CLASSES FOR TOP-ROW NAVIGATION                            */
/*////////////////////////////////////////////////////////////////////////////////////////*/

ul.menu1{
font-family:tahoma, arial, helvetica, sans-serif;
background:#CC0000 url('/housing/includes/images/menu_background_red.gif');
min-height:26px;
font-size:0.9em;
list-style:none;
margin:0;
padding:0 0 0 10px;
/* FIX FOR TOP-ROW DROP-DOWN ITEMS APPEARING UNDERNEATH SECOND ROW MENU */
position:relative;
z-index:1;
}

ul.menu1 *{
margin:0;
padding:0;
}

ul.menu1 a{
display:block;
color:#FFF;
text-decoration:none;
}

/* CLASS FOR TOP-TIER MENU ITEMS */
ul.menu1 .menulink{
border:0px solid #CC0000;
padding:5px;
margin-right:10px;
font-weight:bold;
text-align:center;
background:#CC0000;
width:auto;
min-width:80px;
}

ul.menu1 .menulink:hover, ul.menu1 .menuhover{
background:#000;
}

ul.menu1 li{
position:relative;
float:left;
margin:0;
height:26px;
}

/* CLASS FOR BACKGROUND BOX OF SECOND-TIER MENU ITEMS (BOXES THAT DROP DOWN) */
ul.menu1 ul{
position:absolute;
margin:0;
width:180px;
background:#CC0000;
display:none;
/*opacity:0;*/
list-style:none;
position:relative;
z-index:1;
}

/* CLASS FOR SECOND-TIER MENU ITEMS (BOXES THAT DROP DOWN) */
ul.menu1 ul li{
position:relative;
border:0px solid #000;
min-height:26px;
width:180px;
margin:0
}

ul.menu1 ul li a{
display:block;
padding:5px;
background-color:#CC0000;
}

ul.menu1 ul li a:hover{
background-color:#000;
}

/* CLASS FOR THIRD-TIER MENU ITEMS (DROP-DOWN THEN SLIDE-OUT) */
ul.menu1 ul ul{
margin:0 0 0 175px;
top:-1px;
}

/* CLASS FOR SECOND-TIER MENU ITEMS (BOXES THAT DROP DOWN) THAT HAVE SUB-MENUS UNDER THEM (THIRD-TIER) */
ul.menu1 .sub{
background:#CC0000 url('/housing/includes/images/menu_arrow_white.gif') 140px 10px no-repeat}

ul.menu1 .topline{
border-top:1px solid #CCC;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*                            CLASSES FOR SECOND-ROW NAVIGATION                           */
/*////////////////////////////////////////////////////////////////////////////////////////*/

ul.menu2{
font-family:tahoma, arial, helvetica, sans-serif;
background:#666666 url('/housing/includes/images/menu_background_grey.gif');
height:26px;
font-size:0.9em;
list-style:none;
margin:0;
padding:0 0 0 50px;
/* FIX FOR TOP-ROW DROP-DOWN ITEMS APPEARING UNDERNEATH SECOND ROW MENU */
position:relative;
z-index:0;
}

ul.menu2 *{
margin:0;
padding:0;
}

ul.menu2 a{
display:block;
color:#FFF;
text-decoration:none;
}

/* CLASS FOR TOP-TIER MENU ITEMS */
ul.menu2 .menulink{
border:0px solid #666666;
padding:5px;
margin-right:10px;
font-weight:bold;
text-align:center;
background:#666666;
width:auto;
min-width:80px;
}

ul.menu2 .menulink:hover, ul.menu2 .menuhover{
background:#000;
}

ul.menu2 li{
position:relative;
float:left;
margin:0;
}

/* CLASS FOR BACKGROUND BOX OF SECOND-TIER MENU ITEMS (BOXES THAT DROP DOWN) */
ul.menu2 ul{
position:absolute;
margin:0;
width:175px;
background:#666666;
display:none;
/*opacity:0;*/
list-style:none;
}

/* CLASS FOR SECOND-TIER MENU ITEMS (BOXES THAT DROP DOWN) */
ul.menu2 ul li{
position:relative;
border:0px solid #000;
width:175px;
margin:0
}

ul.menu2 ul li a{
display:block;
padding:5px;
background-color:#666666;
}

ul.menu2 ul li a:hover{
background-color:#000;
}

/* CLASS FOR THIRD-TIER MENU ITEMS (DROP-DOWN THEN SLIDE-OUT) */
ul.menu2 ul ul{
margin:0 0 0 175px;
top:-1px;
}

/* CLASS FOR SECOND-TIER MENU ITEMS (BOXES THAT DROP DOWN) THAT HAVE SUB-MENUS UNDER THEM (THIRD-TIER) */
ul.menu2 .sub{
background:#666666 url('/housing/includes/images/menu_arrow_white.gif') 140px 10px no-repeat}

ul.menu2 .topline{
border-top:1px solid #666666;
}

/* CLASS FOR THE EMERGENCY ALERT SYSTEM (EAS) BOX */
.eas{
margin:15px 0 15px 0;
border:2px solid #CC0000;
padding:5px;
background-color:#FFFF00;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*                        CLASS FOR MAIN CONTENT SECTION OF A PAGE                        */
/*////////////////////////////////////////////////////////////////////////////////////////*/

#homecontent{
float:left;
width:525px;
height:auto;
padding:0 12px 20px 12px;
border:0px solid #00FF00;
}

.homefpbar{
text-align:center;
width:512px;
height:40px;
margin:30px 0 0 0;
border:none;
}

.homefeature{
text-align:left;
width:165px;
height:190px;
margin:0 5px 0 0;
border:1px solid #000;
}

#content{
float:left;
width:725px;
height:auto;
padding:0 0 20px 15px;
}

/* CLASS FOR ENTIRE LEFT COLUMN OF PAGE */
#leftcolumn{
width:190px;
float:left;
margin:0 0 15px 0;
padding:10px 0 0 10px;
}

/* CLASS FOR LEFT COLUMN NEWS FEATURES */
.leftcolfeature h3{
margin:25px 0 5px 0;
font-size:1.2em;
color:#CC0000;
/*color:#778855;*/
}

.leftcolfeature img{
border:1px solid #000;
width:175px;
height:125px;
}

.leftcolfeature p{
background:url('/housing/includes/images/leftcol_paragraph_bg.gif') repeat-y left top;
font-size:0.85em;
padding:0 10px 0 12px;
margin:5px 0 20px 0;
}

/* CLASS FOR RIGHT COLUMN OF HOME PAGE */
#rightcolumn{
width:190px;
float:right;
margin:0 0 15px 0;
padding:10px 0 0 10px;
}

/* CLASS FOR SOCIAL NETWORK LINKS (FACEBOOK, TWITTER, ETC.) ON HOMEPAGE */
#social{
background-color:#FFF;
float:none;
width:175px;
border:0px solid #000;
margin:20px 0 20px 0;
}

#social h3{
margin:0 0 5px 0;
font-size:1.2em;
color:#CC0000;
}

#social p{
margin:5px 5px 5px 10px;
}

/* CLASS FOR WEATHER.COM HOMEPAGE COMPONENT */
#weather{
margin:20px 0 0 7px;
}

/* CLASSES FOR LEFT SIDE HOUSING LOGO */
.logoleft{
text-align:center;
padding:30px 0 10px 0;
}

.logoleft img, a:link, a:visited, a:hover, a:active{
border:none;
}

/* CLASS FOR HOMEPAGE FLASH COMPONENT */
#flashnews{
width:725px;
height:175px;
border:0px solid #000;
margin:12px 0 0 0;
}

/* CLASSES FOR FRONT PORCH NEWS TITLE BANNER ON THE HOMEPAGE */
#fptitle{
margin:15px 0 15px 0;
}

#fptitle img{
border:0px solid #000;
}

/* CLASSES FOR MEDIA ROOM MENU */
#mediaroom{
background-color:#FFF;
width:175px;
border:0px solid #000;
margin:20px 0 30px 0;
}

#mediaroom h3{
margin:0;
color:#FFF;
font-size:1.2em;
font-weight:bold;
background:#FFF url('/housing/images/mediaroom_tab.gif') no-repeat;
padding:5px 0 5px 10px;
}

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

#mediaroom ul a:link, #mediaroom ul a:visited, #mediaroom ul a:active{
color:#000;
font-weight:normal;
display:block;
padding:5px 5px 5px 10px;
border:0px solid #CCC;
background:#FFF;
text-decoration:none;
}

#mediaroom ul a:hover{
color:#FFF;
background-color:#000;
border:0px solid #CC0000;
}

/* CLASSES FOR UPCOMING EVENTS/PROGRAMS MENU */
#events{
background-color:#FFF;
width:175px;
border:0px solid #000;
margin:20px 0 30px 0;
}

#events h3{
margin:0;
color:#333;
font-size:1.2em;
font-weight:bold;
background:#FFF url('/housing/images/events_tab.gif') no-repeat;
padding:5px 0 5px 10px;
}

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

#events ul a:link, #events ul a:visited, #events ul a:active{
color:#000;
font-weight:normal;
display:block;
padding:5px 5px 5px 10px;
border:0px solid #CCC;
background:#FFF;
text-decoration:none;
}

#events ul a:hover{
color:#FFF;
background-color:#000;
border:0px solid #CC0000;
}

/* CLASSES FOR UPCOMING DATES BOX ON THE HOMEPAGE */
#dates{
background-color:#FFF;
width:175px;
border:0px solid #CC9900;
margin:20px 0 30px 0;
}

#dates h3{
margin:0;
color:#FFF;
font-size:1.2em;
font-weight:bold;
background:#FFF url('/housing/images/dates_tab.gif') no-repeat;
padding:5px 0 5px 10px;
}

#dates p{
margin:5px 10px 5px 10px;
padding-bottom:5px;
font-size:0.85em;
border-bottom:1px dashed #999;
/*padding:10px 5px 10px 0;*/
}

/* CLASS FOR RIGHT-HAND BOX WITHIN THE CONTENT AREA */
#mailinglist{
background-color:#FFF;
width:175px;
border:0px solid #CC9900;
margin:20px 0 20px 0;
}

#mailinglist h3{
margin:0;
color:#333;
font-size:1.2em;
font-weight:bold;
background:#FFF url('/housing/images/mailinglist_tab.gif') no-repeat;
padding:5px 0 5px 10px;
}

#mailinglist p{
margin:5px 10px 5px 10px;
}

/* CLASS FOR RIGHT-HAND BOX WITHIN THE CONTENT AREA */
.rightbox{
background-color:#FFF;
float:right;
width:200px;
border:1px solid #000;
margin:0 0 20px 10px;
}

.rightbox h3{
margin:0;
color:#000;
font-size:1.2em;
font-weight:bold;
/*background-color:#67849C;*/
background-color:#666633;
padding:5px 0 5px 10px;
}

.rightbox p{
margin:5px 10px 5px 10px;
}

/* CLASSES FOR MONTHLY POLL BOX ON THE HOMEPAGE */
#homepoll{
background-color:#FFFFCC;
float:right;
width:200px;
border:1px solid #000;
margin:20px 0 0 10px;
}

#homepoll h3{
margin:0;
color:#FFF;
font-size:1.2em;
font-weight:bold;
background-color:#CC0000;
padding:5px 0 5px 10px;
}

#homepoll p{
margin-top:5px;
padding:0 10px 0 10px;
}

/* CLASS FOR FRONT PORCH NEWS RIGHT-HAND NAVIGATION MENU */
#fpmenu{
background-color:#FFF;
float:right;
width:200px;
border:1px solid #000;
margin:0 0 0 10px;
max-width:200px;
}

#fpmenu h3{
margin:0;
color:#FFF;
font-size:1.2em;
font-weight:bold;
background-color:#383838;
padding:5px 0 5px 10px;
}

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

#fpmenu ul a:link, #fpmenu ul a:visited, #fpmenu ul a:active{
color:#FFF;
font-weight:bold;
display:block;
padding:5px 5px 5px 10px;
border-top:1px solid #FFF;
background:#67849C;
text-decoration:none;
}

#fpmenu ul a:hover{
color:#000;
background-color:#CCC;
}

/* CLASS FOR HEADLINES BOX ON FRONT PORCH HOMEPAGE */
#headlines{
background-color:#EEE;
float:right;
width:200px;
border:1px solid #000;
margin:20px 0 20px 10px;
}

#headlines h3{
margin:0;
color:#FFF;
font-size:1.2em;
font-weight:bold;
background-color:#383838;
padding:5px 0 5px 10px;
}

#headlines p{
margin:5px 10px 5px 10px;
padding-bottom:5px;
font-size:0.85em;
border-bottom:1px dashed #999;
/*padding:10px 5px 10px 0;*/
}

#headlines a:link, #headlines a:visited, #headlines a:active{
color:#003366;
text-decoration:none;
/* border-bottom:1px solid #CCC; */
}

#headlines a:hover{
text-decoration:underline;
}

/* CLASS FOR MAIN NEWS ARTICLES ON THE HOMEPAGE */
#newscontent{
/*border:0px solid #000;*/
width:500px;
height:auto;
min-height:250px;
float:left;
/*margin:25px 0 0 0;*/
}

.newscontent h1{
font-family:tahoma, arial, helvetica, sans-serif;
font-size:1.7em;
font-weight:bold;
margin:0 0 10px 0;
}

.newscontent td{
padding:0 5px 10px 0;
/*height:80px;*/
vertical-align:top;
line-height:1.2em;
}

.newscontent p{
line-height:1.1em;
}

.sendarticle{
background:url('/housing/includes/images/sendarticle.gif') no-repeat left center;
font-variant:small-caps;
padding:0 0 3px 22px;
margin-bottom:10px;
}

/* CLASS FOR HORIZONTAL RULE */
.rule{
border-bottom:1px dashed #CCC;
padding-top:5px;
}

/* CLASS FOR FOOTER */
#footer{
background-image:url('/housing/includes/images/footer.gif');
padding-top:8px;
width:950px;
height:38px;
text-align:center;
font-size:0.85em;
line-height:1.4em;
clear:both;
color:#FFF;
}

#footer a:link, #footer a:visited, #footer a:active{
font-weight:bold;
color:#FFF;
text-decoration:none;
border-style:none;
}

#footer a:hover{
text-decoration:underline;
border-style:none;
}

/* CLASS FOR HIGHLIGHTED BOX WITHIN CONTENT AREA */
.infobox{
color:#000000;
background-color:#EEEEEE;
border:1px solid #000000;
padding-bottom:0px;
width:550px;
}

.infobox h3{
margin:0px;
color:#000;
font-size:1.2em;
font-weight:bold;
background-color:#F2991B;
/*background-color:#CCDDAA;
background-color:#4B5B3A;*/
padding:3px 0 3px 5px;
}

.infobox p{
padding-right:5px;
padding-left:5px;
margin-top:6px;
margin-bottom:5px;
}

.infobox td{
padding:2px 5px;
}

.infobox ul{
margin:0px;
padding-left:3px;
list-style:none;
}

/* CLASS FOR RIGHT-HAND NAVIGATION MENUS */
.rightnav{
background-color:#FFF;
float:right;
width:200px;
border:1px solid #000;
margin:0 0 0 10px;
}

.rightnav h3{
margin:0;
color:#FFF;
font-size:1.2em;
font-weight:bold;
background-color:#383838;
padding:5px 0 5px 10px;
}

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

.rightnav ul a:link, .rightnav ul a:visited, .rightnav ul a:active{
color:#FFF;
display:block;
padding:5px 5px 5px 10px;
border-top:1px solid #FFF;
background:#67849C;
text-decoration:none;
}

.rightnav ul a:hover{
color:#000;
background-color:#CCC;
}

/* CLASS FOR RESIDENCE HALL SELECTOR DROP-DOWN BOX */
#hallselect{
float:right;
margin-left:5px;
}

/* CLASSES FOR TABLES */
tr.even{
background-color:#EEEEEE;
}

tr.odd{
background-color:#FFFFFF;
}

/* CLASSES FOR LINKS */
a.smalllink:link{
font-size:9pt;
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom-style:none;
}

a.smalllink:visited{
font-size:9pt;
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom :0px;
border-bottom-style:none;
}

a.smalllink:hover{
text-decoration:underline;
border-bottom-style:none;
}

/* CLASS FOR LINKS THAT DON'T CHANGE WHEN VISITED */
a.static:link{
color:#0000FF;
text-decoration:none;
border-bottom-style:none;
}

A.static:visited{
color:#0000FF;
text-decoration:none;
border-bottom-style:none;
}

a.static:hover{
color:#0000FF;
text-decoration:none;
border-bottom:1px solid;
}

/* CLASS FOR "TOP OF PAGE" LINKS */
.top{
font-variant:small-caps;
border-bottom-style:none;
}

a.top:link, a.top:visited, a.top:hover, a.top:active{
color:#0000FF;
text-decoration:none;
border-bottom:1px solid;
}

/* CLASSES FOR LISTS */
ul{
list-style:square;
}

li{
line-height:1.4em;
}

/* CLASSES FOR STAFF PROFILE POP-UP BOX */

.staffbox{
border:1px solid #000;
padding-bottom:0px;
width:390px;
}

.staffbox h3{
margin:0px;
color:#000;
font-family:tahoma, arial, helvetica, sans-serif;
font-size:1em;
font-weight:bold;
background-color:#99AA77;
/*background-color:#4B5B3A;*/
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:0px;
}

.staffbox p{
padding-right:5px;
padding-left:5px;
margin-top:6px;
margin-bottom:5px;
}

.staffbox td{
font-family:tahoma, arial, helvetica, sans-serif;
font-size:8pt;
color:#000000;
padding:2px 5px;
}

.staffbox ul{
margin:0px;
padding-left:3px;
list-style:none;
}

/* CLASSES FOR BREADCRUMB TRAIL */
#breadcrumb {
color:#000000;
font-size:7pt;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
padding:15px 0 0 0;
}

#breadcrumb a:link, a:active, a:hover, a:visited {
color:#990000;
}

/* CLASSES FOR SORTABLE TABLES */
.sort-table {
/*font:Icon;*/
border:1px;
background:Window;
color: #000;
}

.sort-table thead {
background:#4B5B3A;
background:ButtonFace;
}

.sort-table td {
padding:3px 3px;
font-weight:normal;
font-size:8pt;
}

.highlight {
background-color:#4B5B3A;
color:#FFFFFF;
}