/* STYLES FOR WWW.ILC.EDU ------------ */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;
min-width:768px;
margin:0;
padding:0;
/*background:#d3dce1;*/
background:#e8edf0;
}
#wrapper {
text-align:left;
margin-left:auto;
margin-right:auto;
width:768px;
background:#fff;
border:1px solid #999;
padding-top:6px;
margin-top:7px;
}
img {
vertical-align:bottom;
}


/* STYLES FOR HEADER & TOP NAVBAR ------------ */
#head {
text-align:center;
background:url("images/head.jpg") no-repeat 50% 0px;
height:84px;
}
img.emptyhead {
position:relative;
top:13px;
border:none;
}
.print_logo {
display:none;
}
#navbar {
text-align:center;
text-transform:uppercase;
position:relative;
border-bottom:1px solid #999;
border-top:1px solid #999;
margin:6px 0;
background:#eee;
/*font-size:90%;*/
font-size:12px;

}
#navbar ul {
margin:0;
padding:6px 0;
}
#navbar li {
list-style:none;
display:inline;
font-weight:bolder;
/*letter-spacing:.05em;*/
}
#navbar a {
color:#436687;
text-decoration:none;
padding:6px 16px;
border-left:1px solid #ccc;
font-family:proxima-nova, sans-serif;
font-weight:700;
text-transform:uppercase;
}
#navbar a:hover {
/*background:#d3dce1;*/
background:#dedede;
background:#fff;
/*color:#333;*/
}
.lastbutton_top {
border-right:1px solid #ccc;
}
#homeimage {
text-align:center;
margin-bottom:6px;
}
#homeimage img {
vertical-align:bottom;
}


/* STYLES FOR CONTENT BELOW NAVBAR ------------ */
#main {
width:768px;
}


/* STYLES FOR SIDEBAR - LEFT SIDE ------------ */
#sidebar {
width:192px;
float:left;
}
h3 /* page titles in sidebar */{
color:#436687;
font-size:130%;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
background:#fff;
margin:0;
padding:25px 0 10px 17px;
border-bottom:1px solid #ccc;
font-weight:normal;
}
#sidebar ul, #sidebar ul ul {
margin:0;
padding:0;
line-height:28px;
}
#sidebar li {
list-style:none;
border-bottom:1px solid #dfdfdf;
padding-left:7px;
}
#sidebar ul ul li {
list-style:none;
border:hidden;
padding-left:15px;
margin-left:-15px;
}
#sidebar ul a {
display:block;
color:#000;
text-decoration:none;
padding-left:10px;
margin-left:-7px;
border-left:7px solid #fff;
}
#sidebar ul ul a {
display:block;
color:#000;
text-decoration:none;
padding-left:20px;
margin-left:-7px;
border-left:7px solid #fff;
font-size:90%;
}
#sidebar ul a:hover {
color:#000;
background:#e8edf0;
border-left:7px solid #e8edf0;
}
#sidebar .youarehere {
background:#e8edf0;
color:#333;
font-weight:bolder;
border-left:7px solid #436687;
}
#sidebar .youarehere:hover {
background:#e8edf0;
color:#333;
border-left:7px solid #436687;
}


/* STYLES FOR CONTENT - RIGHT SIDE ------------ */
#content {
width:567px;
float:right;
position:relative;
right:7px;
margin-bottom:9px;
border:1px solid #ccc;
padding-top:0;
padding-bottom:36px;
background:url("images/content_tile2.jpg") repeat-x;
}
#contentpadding {
padding:0 14px;
}
#inside {
background:url("images/content_tile2.jpg") repeat-x; 
margin:0;
padding:0 14px;
padding-top:1px;
}
h1 /* greeting text on index.html*/ {
color:#436687;
font-size:150%;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:10px;
}
h2 /* bulletin board header on index.html*/ {
border-top:1px dashed #ccc;
padding-top:12px; 
margin-top:30px; 
margin-right:15px;
color:#436687;
font-size:150%;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight:normal;
}
h4 /* section headers in main content */ {
color:#436687;
font-size:150%;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
border-bottom:1px solid #999;
margin:18px 0;
position:relative;
font-weight:normal;
}
h5 /* breadcrumbs below the main img */ {
background:repeat-x top left #fff;
padding:4px 14px;
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
font-family:proxima-nova, sans-serif;

text-transform:uppercase;
/*font-size:100%;*/
font-size:12px;
border-bottom:1px solid #ccc;
color:#333;
font-weight:bolder;
}
h5 a {
color:#436687;
text-decoration:none;
}
h5 a:hover {
color:#333;
}
table a {
color:#336699;
}
#clear {
clear:both;
}
#content p {
margin-right:15px;
line-height:1.5em;
position:relative;
}
#content p a {
color:#000;
}
#content p a:hover {
color:#336699;
}
#content table {
margin:0 12px;
font-size:110%;
}
#content table tr td {
padding-bottom:6px;
}
.bulletinboard li {
background:url("images/whitearrow.gif") no-repeat;
background-position:0 4px;
padding-left:22px;
position:relative;
}
.bulletinboard a {
color:#000;
}
.bulletinboard a:hover {
color:#336699;
}
.bulletinboard {
margin:0;
padding:0;
list-style:none;
line-height:20px;
}
.bulletinboard li {
background:url("images/whitearrow.gif") no-repeat;
background-position:0 4px;
padding-left:22px;
}
.sololink {
background:url("images/whitearrow.gif") no-repeat;
background-position:0 4px;
padding-left:22px;
}
.sitemaplinks a {
color:#000;
}
.sitemaplinks a:hover {
color:#336699;
}

/* STYLES FOR TABLE DATA ------------ */
.odd td {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:12px;
background:#eee;
}
.even td {
padding:12px;
}

/* STYLES FOR FOOTER ------------ */
#footer {
color:#333;
padding:0px 0 12px 0;
text-align:center;
}
#footer a {
color:#333;
text-decoration:none;
border-bottom:1px solid #333;
}
#footer a:hover {
color:#000;
text-decoration:none;
border-bottom:1px solid #000;
}
#footer ul {
margin:15px 0;
padding:0;
}
#footer li {
list-style:none;
display:inline;
}
#footer li a {
font-weight:bolder;
margin:0 10px;
font-family:proxima-nova, sans-serif;
font-weight:700;
text-transform:uppercase;
font-size:12px;
}


/* STYLES FOR CHAPEL.HTM - USED FOR MONTH HEADERS ------------ */
#chapel p {
padding:3px 0;
background:#eee;
font-weight:bolder;
text-transform:uppercase;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


/* STYLES FOR ABOUT/INDEX.HTM ------------ */
.echoes2 {
background:url("images/echoes2b.gif") no-repeat;
text-decoration:none;
}
.echoes2:hover {
background:url("images/echoes2b.gif") 0 -100px no-repeat;
}
.ilhs {
background:url("lancers/images/banner6.jpg") no-repeat;
text-decoration:none;
}
.ilhs:hover {
background:url("lancers/images/banner6.jpg") 0 -106px no-repeat;
}


/* STYLES FOR ABOUT/FACULTY.HTML ------------ */
.profname {
font-size:120%;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
margin:0;
}
.profname strong {
color:#436687;
}
.profphoto {
float:left;
margin-right:16px; 
}


/* STYLES FOR CLICKABLE THUMBNAILS ------------ */
.actthumbs {
float:right;
border:1px solid #ccc;
padding:5px;
margin:10px 10px 0;
}
.actthumbs:hover {
border:1px solid #436687;
}


/* STYLES FOR SMALL IMAGES THAT FLOAT:LEFT - SUCH AS ON ACTIVITIES/EVENTS.HTM ------------ */
img.activities {
float:right;
border:1px solid #ccc;
margin-left:15px;
}


/* ------------ */
div .thumb {
float:right; 
border-left:1px solid #ccc; 
margin-left:10px; 
margin-top:4px; 
padding-left:10px;
}





/* HOME PAGE LAYOUT ------------------ */
#left {
width:374px;
float:left;
position:relative;
left:7px;		
}
#right {
width:374px;
float:right;
position:relative;
right:7px;		
}
.content_tile {
margin-bottom:7px;
margin-top:0;
border:1px solid #ccc;
background:url("images/content_tile2.jpg") repeat-x;
padding:0 14px 14px;
}
.content_tile p {
line-height:1.5em;
position:relative;
}
.content_tile p a, .content_tile ul li a {
color:#000;
}
.content_tile p a:hover {
color:#336699;
}