/* -- CSS for loyolites.com -- */
/* -- last edit: 20 Jan 07 -- */


/* -- Basic HTML Elements -- */
a:link {color: #0000ff; font: bold 90% arial, tahoma, sans-serif; text-decoration: none; border-bottom: 1px dotted #0000ff;}
a:visited {color: #005387; font: bold 90% arial, tahoma, sans-serif; text-decoration: none; border-bottom: 1px dotted #6A0A0A;}
a:hover {color: #0000ff; font: bold 90% arial, tahoma, sans-serif; text-decoration: none; border-bottom: 1px solid #0000ff;}
body {color: #000; background: #660000; font: 80% tahoma, verdana, arial, sans-serif; margin: 0; padding: 0;  line-height: 1.8; text-align: center; }
form {margin: 0;}
h1 {font-family: serif; font-weight: normal; font-style: italic; font-size: 300%; color: #006600; letter-spacing: normal; margin: 0; text-transform: lowercase;}
h2 {color: #E62C00; font: bold 300% serif; letter-spacing: -0.05em; margin: 0;}
h3 {color: #fff; font: 11px Helvetica, Arial, sans-serif; letter-spacing: 1px; margin: 0; font-weight: normal; text-transform: lowercase; line-height: 1.2;}
h4 {font: bold 100% sans-serif; margin: 2px; padding: 0;}
hr {border: none; height: 1px; background-color: #660000; margin: 2em 0;}
img {float: right; margin: 1.5em;}
ins {text-decoration: none; color: #EC694A;}
pre {width: 580px;}
p.strapline {font: italic 130% serif;}
p.pullquote {color: #E62C00; float: right; width: 40%; font: italic 175% serif; line-height: 1.4; text-align: left; margin: 0 1.5em 1em 0; position: relative; left: 35px;}
* html pre {overflow: auto;}


/* -- header -- */
#pageHeader {width: 100%; height: 150px; position: relative; background: #006600; background-image: url(../files/loyolaheader.jpg);}
#pageHeader h2 {width: 98%; text-align: left; background-color: #fff; color: #660000; font: bold 150% Arial, Verdana, Helvetica, sans-serif; letter-spacing: -.1px; margin: 0; text-transform: lowercase; padding: 1% 1% 1% 1%; border-bottom: none;}
#pageHeader h2 a:link, #pageHeader h2 a:hover, #pageHeader h2 a:visited {color: #fff;  font-size: 200%; font-family: arial, sans-serif; letter-spacing: -1px; width: 40%; text-decoration: none; border-bottom: none; position: relative; top: 2%; left: 2%; display: block; background: #660000;
 overflow: hidden; font-size: 1px; height: 50px; padding-top: 50px;
 height: 0;
} i {}

#pageHeader h3, #pageHeader h4 {display: none;}

/* -- site top navigator -- */
#topnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; font-weight: normal; width: 100%; background-color: #fff; margin-left: auto; margin-right: auto; text-align: left; height: 30px; border-top: 1px solid #660000; border-bottom: 1px solid #660000;}
#topnav ul {padding: 0.5% 0 0.5% 0; margin: 0 auto 0 6%;}
#topnav li {list-style-type: none;	display: inline; margin: 0; padding: 10px;}
#topnav a.indicator:link, #topnav a.indicator:visited, #topnav a.indicator:hover{border-bottom: 4px solid #000; padding-bottom: 5px; color: #000; text-decoration: none;}
#topnav a:link, #topnav a:visited {line-height: 14px; margin: 0; color: #00c; padding-bottom: 5px;border-bottom: none;}
#topnav a:hover {color: #00f;}


/* -- footer -- */
#footerBlock {clear: both; background: #660000; padding: 2px 0px; margin: 5px 0;}
#footerBlock p {margin: 0; font-size: 10px; color: #fff; line-height: 1.4;}
#footerBlock a:link, #footerBlock a:visited {color: #fff;}

	/* -- pre-footer nav links -- */
	#mainContent #navLinks p {color: #BFC3C7; margin: 0;}
	

/* -- Page Structure -- */
#container {width: 756px; text-align: left; margin: 15px auto;}
#intro {position: relative;}
#pagebody {padding: 1px 0 0 0;}
#mainContent {float: left; margin: 0;
	width: 20%; 
	width: 55%;
	} i {}
#sidebar {margin-left: 70%; margin-right: 5%;}

	#mainContent li {list-style: disc; margin: 0;}

	/* -- with sidebar -- */
	.sidebaron #container {background: #f7f7f7 repeat-y;}
	.sidebaron #mainContent {padding: 16px 0 16px 60px; margin: 0;}
	
	/* -- without sidebar -- */
	.sidebaroff #container {background: #f7f7f7;}
	.sidebaroff #mainContent {padding: 16px 60px; width: auto;}
	.sidebaroff #sidebar {display: none;}

	/* -- sidebar -- */
	#sidebar {background-color: #f7f7f7; padding-top: 2%;}
	#sidebar h2 {display: none;}
	#sidebar h3 {color: #EB694A; font: normal 15px Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 15px 20px 6px 20px; text-transform: none;}
	#sidebar dl, #sidebar dl p {margin: 0 20px; font-size: 90%;}
	#sidebar dt, #sidebar dd {margin: 0; padding: 0 0 0 7px;}
	#sidebar dt {font: 125% serif; letter-spacing: 0.05em;}
	#sidebar dd p {margin: 0 0 10px 0;}
	#sidebar p.pullquote {color: #E62C00; float: right; width: 100%; font: italic 175% serif; line-height: 1.4; text-align: left; margin: 0 1.5em 1em 0; position: relative; left: 35px;}
	#sidebar img {border: 0; float: right; margin: 1em; margin-right: 0;}


/* -- Muted Matter -- */
#muted, #muted a:link {color: #999;}