/*-------this is so it centers--------*/
.wrap{background:white;
width:950px;
padding:0px;
margin:auto;
position:top center}

/*------this is so it zooms in place--------*/
.screen{margin:auto;
padding-top:0px;
height:auto}


/*------------background with images--------*/
body{background:#f2f2f2 url(http://csts.cs.utep.edu/images/background.png) repeat-x top center ;
font-size:12px; 
font-family:sans-serif;
margin-top:0px;
margin-bottom:0px}

/*---------footer image even though it's called shadow-----*/
#shadow2{background:transparent url(http://csts.cs.utep.edu/images/footer.png) center bottom repeat-x; }


/*---------this is the shadow around wrap-------*/
#linefoot{background:transparent url(http://csts.cs.utep.edu/images/backgroundtech.png) center top repeat-y;}


/*----------banner img w/ building-------------*/
#banner{background:#2a609e; 
width:100%;
height:140px;
border:none; 
margin-bottom:0px;
border-bottom:solid #FF9955 5px;}

#banner img{width:950px; 
height:140px}


/*----------------announcement and schedule--------------*/
.banner2{background:#cccccc url(http://csts.cs.utep.edu/images/messages.png) top left no-repeat ; 
width:950px;
height:135px; 
border-bottom:gray solid 2px;}

/*for the CLOSED span*/
.banner2 span{color:#ff9911;
font-weight:bold; 
margin:0px; 
padding:0px }

/*this is for the annoucements block*/
#urgent{width:731px;
background:transparent;
margin:0px;
float:left}/*don't specify the height*/

#urgent p{font-family:arial black, arial, helvetica, sans-serif; font-size:1.3em; font-weight:bold; padding:0px; margin-top:0px;
color:#606060; line-height:25px; margin-left:10px;word-spacing:-1px; width:650px}

#urgent a{font-family:arial black, arial, helvetica, sans-serif; font-size:1.3em; font-weight:bold; padding:0px; margin-top:0px;
color:#606060; line-height:25px; margin-left:0px;word-spacing:-1px; width:650px}

#urgent h2{margin:10px}/*announcement title*/

/*----------------------Schedule----------------------*/
#rightsidebar{background:#115588 url(http://csts.cs.utep.edu/images/hours2.png) repeat-x top center;
width:217px;
float:right;
border-left:#3388aa solid 1px;
height:135px;
font-size:1.1em}

#rightsidebar p{color:white; margin:10px; text-align:center}
#rightsidebar h3 {color:white;margin:5px;margin-bottom:3px; padding:5px; text-align:center}


/*-------------main horizontal menu---------*/
.horizontalnav{font-family:arial, sans-serif; 
background:#26466d;
background-image:url(http://www.csts.cs.utep.edu/images/tab.png);
background-repeat:repeat-x;
height:30px; 
border-bottom:#4372AA solid 1px;
border-left: 1px solid #36648B; 
border-right: 1px solid #36648B}

/*----------main horizontal menu items position---------------*/
.horizontalnav li{display:inline;
zoom:100%}/* so it will not mess up the menu on zoom*/

.horizontalnav ul{float:right;
margin-right:20px;
margin-left:0px;
padding:5px 0px 0px 0px;
margin-top:2px;
width:auto;}

    /*---this is the UTEP logo---*/
.horizontalnav img{border:none;
position:absolute; 
top:40px; 
left:auto;/*do not touch*/
right:auto;/*do not touch*/
padding-left:10px;
width:120px}

/*---------- horizontal menu links-----------*/
a.nav{display:inline;
padding:0px 0px 5px 0px;
margin:0px 25px 0px 0px;
color:white; 
font-family:arial, sans-serif; 
font-weight:bold; 
font-size:13px; 
text-decoration:none;
text-align:center;
position:relative;
top:0%}

a.nav:visited {color:white}
a.nav:hover{display:inline;
padding:0px 0px 10px 0px;
margin:0px 25px 0px 0px;
color:white; 
font-family:arial, sans-serif;
font-weight:bold; 
font-size:13px; 
text-decoration:none;
color:#FF9955;
text-align:center}

a:visited {color: #485054}


/*-----------------breadcrumbs------------*/
p.breadcrumbs{background:url(http://csts.cs.utep.edu/images/breadcrumbs.png);
font-size:10px;
padding-left:5px;
margin-top:0px;
color: #485054;
float:center;
text-decoration:none; 
padding-bottom:8px;
margin-bottom:0px;
padding-top:10px; 
white-space:nowrap}

a.weak{color: #337799;
font-size:10px;
font-family:verdana;
font-weight:bold;
text-decoration:none}

/* add a current tag to each page with its title */
.current{color:#e05d0e;
font-family:verdana;
font-weight:bold}

a.current:hover{color:#e05d0e;
font-size:10px; 
font-family:verdana; 
font-weight:bold;
text-decoration:none}

a:hover, #footer a:hover{color:#E3701A; 
text-decoration:underline}

a:visited {color:#485054}




/*------------main container with that holds content-----------*/
#container{width:100%; 
background:white; 
clear:all}



/*------------headers--------------------*/
h1{color:#115588;
margin-left:30px;
padding-bottom:5px;
border-bottom:#C4C4C4 1px solid; 
margin-right:30px}


h2 {color:#115588; margin-left:30px; margin-right:20px}

h3{margin-left:30px; 
font-family:arial, sans-serif; 
margin-bottom:0px;
font-size:normal; 
font-weight:bold;
text-align:left;
color:#E3701A;
letter-spacing:1px;
margin-top:10px; 
margin-right:0px}

h4 {margin-left:30px;
margin-right:30px; 
font-size:1.1em; 
font-family:verdana, sans-serif;
font-style:italic;
color:#5588bb;}


/*----------------Links-------------------*/
a{color: #5588aa; 
font-size:11px; 
font-family:verdana;
font-weight:bold;
text-decoration:none}

a:hover{color:#E3701A;
text-decoration:underline}


/*----------------content style-----------------*/

#content{background:white;
float:right; 
width:730px;
margin-top:0px;
margin-bottom:40px}


#content p {margin-left:30px; margin-right:30px}

/*numbered list*/
#content ol{margin-left:30px}


#content li{margin-right:30px; 
margin-bottom:6px}


/*list with pickaxes*/
#content ul#links{list-style-type:none;
padding-left:10px; 
margin-left:2px;
margin-bottom:10px;}


#content li#links{background:url(http://csts.cs.utep.edu/images/pick2.gif) left top no-repeat ;
padding-left:20px; 
margin-left:30px;
margin-bottom:13px}



/* horizontal line*/
hr{width:90%; margin-left:-10px}




/*-----------------------sidebar menu items--------------------------*/
#sidebar{float:left; 
background:white ;
width:220px; margin-top:0px;
margin-left:0px; 
height:100%}

#sidebar ul{margin-left:0px; 
margin-top:0px; 
list-style:none;
line-height:30px;
padding:0px; 
margin-bottom:0px;}

#sidebar li{text-align:left;}

/*style for link blocks */
#sidebar a{color:white; 
font-size:12px; 
font-family:verdana;
sans-serif;
display:block;
width:205px;
margin-left:0px;
padding:3px;
padding-left:10px; 
background: transparent url(http://csts.cs.utep.edu/images/sidebar3.png) top repeat-x; 
border-top:#115588 1px solid;
border-bottom:#115588 solid 1px;
border-left: 1px solid #36648B;
border-right: 1px solid #36648B}

#sidebar a:hover{color:#dd6611; 
font-size:12px; 
font-family:verdana;
display:block;
width:205px;
margin-left:0px;
padding-left:10px;
background: #bbcccc url(http://csts.cs.utep.edu/images/sidebar2.png) top repeat-x; 
border-bottom:#cccccc 1px solid; border-top:#eeeeee 1px solid; text-decoration:none}


/* this is for the comic*/
#sidebar img#funny{width:190px; margin:10px; padding-left:5px}



/* for list block for the faq sheets */
#ques{margin-bottom:370px}


/*---------------------NEWS AND FAQS for MAIN PAGE----------*/
#news{background:white; 
width:50%;
margin-top:20px; 
height:100%;float:left; margin-left:20px }

#news h2, #FAQS h2{background:#dcdcdc url(http://csts.cs.utep.edu/images/sidebar.png) top repeat-x ; 
padding:7px; 
color:#115588;
margin:0px;
margin-left:2px}

#news ul, #FAQS ul{background:url(http://csts.cs.utep.edu/images/shadowunder.png) top repeat-x center;
border: 1px solid #cccccc;
border-top:none; 
list-style-type: none;
padding-left:10px; 
margin-left:2px; 
padding-right:5px;
padding-top:15px;
padding-bottom:5px;
margin-top:0px}

#news li, #FAQS li {background:url(http://csts.cs.utep.edu/images/pick2.gif) left top no-repeat ;
padding-left:2px;
margin-left:3px;
margin-bottom:5px; 
padding-top:0px}

#news a, #FAQS a{margin-left:20px;
padding:2px;
font-size:12px;
word-spacing:-1px;
line-height:20px;}

#news a{margin-left:15px}

/*just for FAQS*/
#FAQS{background:white; 
width:43%;
margin-top:20px;
height:auto;}


#FAQS{float:right; margin-right:20px}


/*----------------------footer------------------------*/

#footer{clear:all;
border-top:#2a609e 1px solid;
margin-top:30px;
background:#183a68; 
overflow:auto;
clear:both; 
padding-top:10px; 
text-align:center; 
width:950px;
height:100px}

#footer p{padding:2px; 
color:white; 
font-family:helvetica, sans-serif; 
font-weight:bold}

#footer a{color:white;
font-size:11px; 
font-family:verdana; 
font-weight:normal;
text-decoration:underline}

#footer a:hover{color:#E3701A; text-decoration:underline}