/*	Master style sheet for
	Loyola Law School Los Angeles
	secondary pages
*/

@import url("layout.css");
@import url("format.css");

/*page layout container*/
#scontainer{ width:850px;}
#lcol{width: 220px; float: left; background: #FFFFFF;}
#rcol{width: 628px; float: right; background: #FFFFFF}

/*logo*/
#logo {width: 220px; height: 48px;}
#logo a {border: none; display: block; width: 220px; height: 45px; background:#FFFFFF url(../img/logo-sml.gif) no-repeat;}
#logo span {display: none;}

/*
This is the image at the top of the page
It rotates based on images on the LLS Web site.
This can be changed to a static image of your choosing. 
Image needs to be 850px wide but can be any height you'd like
It will push the content of the page down
I suggest keeping it between 150px - 300px in height. 
All you need to do is change the url: 
http://intranet.lls.edu/nassets/rotate/rotate.php
to the url for your new image http://yourdomain.org/image.jpg. 
Change the height to match the height of the new image 
*/
#image{background: #82b8c9 url(http://intranet.lls.edu/nassets/rotate/rotate.php) no-repeat; height: 150px;}

/*main menu css map and search utility*/
#menu{width:628px; float:right; position:relative; background: #660000;}
#search {float:right; position:relative; width: 155px; top:12px;}
#search label {display: none;}
#words {font-size: 10px; background-color: #E1E0E0; border: 1px solid #706E70; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; width: 100px; height: 15px;}


#mmenump {float: left; position: relative; border: none; width: 456px; height: 45px; background-image:url(../img/mmenu.gif);}
#mlinks a {position: absolute; height: 25px; width: 0px; top: 12px; text-decoration: none; left: 6px; }
#mlinks a i { display: none; }
a#about, a#admissions, a#facutly, a#students, a#academics, a#alumni { top: 12px; height: 25px;}
a#about { left: 9px; width: 50px;}
a#admissions { left: 67px; width:84px;}
a#faculty { left: 155px; width:63px;}
a#students { left: 229px; width:72px;}
a#academics { left: 307px; width:86px;}
a#alumni { left: 398px; width:53px;}


/*page content */
#main{ width:628px;} 
#content {padding:5px 10px 10px 0;}
#tcontent {padding:0 10px 10px 0;}
#fmain {width: 850px;}
#fcontent {padding:5px 43px 43px 43px;}
#nav {padding: 40px 5px 0 43px;}