/* Loyola University Online Nursing School CSS Styles */
/* Published 2-6-2008 */

/* ----- Main Site colors for reference ----- */
/*
maroon:#660000;
gold: #cc9933;
grey/content: #343434;
*/
/* -------------- */
body {
	background:#3A2B21 repeat-x 0 0;
	font-size:10pt;
}
#pagecontent {
	width:946px;
	margin:0 auto;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
ul#skip {
	text-indent:-9999px;
	display:none;
}
a:link, a:visited {
	color:#660000;
}
a:hover {
	color:#cc9933;
}
#content { /*-- setting background image to provide 3 columns */
	background: url('images/content_bg.gif') repeat-y 0 0;
}
#maincontent ul, #maincontent ol {
	padding:0 0 .5em 1em;
	margin:0 0 1em 0;
	line-height:1.2em;
	color:#555555;
}
#maincontent ul ul, #maincontent ol ol {
	padding:0 0 0 1em;
	margin:0 0 .5em 0;
	line-height:1.2em;
	color:#555555;
}
#maincontent ul li {
	background:url('images/content_bullet.gif') no-repeat left 7px;
	padding:.1em 0 .1em 1em;
	color:#555555;
}
#maincontent ol {
	list-style:decimal;
	margin:0 0 .5em 1em;
}
#maincontent ol li {
	color:#555555;
	padding:.3em 0;
}
#maincontent table {
	margin:1em 0;
	font-size:10pt;
	color:#555555;
}
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4 {
	color:#cc9933;	
	font-size:14pt;
	line-height:1em;
	margin-bottom:1em;
}
#maincontent h2 {font-size:12pt; margin:1em 0 .5em 0; }
#maincontent h3 {font-size:11pt; margin-bottom:.5em; }
#maincontent h4 {font-size:10pt; margin-bottom:.5em; }

#maincontent p {
	color:#555555;
	font-size:12px;
	line-height:1.3em;
	margin-bottom:1em;
}
---------------
#maincontent2 ul, #maincontent2 ol {
	padding:0 0 .5em 1em;
	margin:0 0 1em 0;
	line-height:1.2em;
	color:#555555;
}
#maincontent2 ul ul, #maincontent2 ol ol {
	padding:0 0 0 1em;
	margin:0 0 .5em 0;
	line-height:1.2em;
	color:#555555;
}
#maincontent2 ul li {
	background:url('images/content_bullet.gif') no-repeat left 7px;
	padding:.1em 0 .1em 1em;
	color:#555555;
}
#maincontent2 ol {
	list-style:decimal;
	margin:0 0 .5em 1em;
}
#maincontent2 ol li {
	color:#555555;
	padding:.3em 0;
}
#maincontent2 table {
	margin:1em 0;
	font-size:10pt;
	color:#555555;
}
#maincontent2 h1, #maincontent2 h2, #maincontent2 h3, #maincontent2 h4 {
	color:#cc9933;	
	font-size:14pt;
	line-height:1em;
	margin-bottom:1em;
}
#maincontent2 h2 {font-size:12pt; margin:1em 0 .5em 0; }
#maincontent2 h3 {font-size:11pt; margin-bottom:.5em; }
#maincontent2 h4 {font-size:10pt; margin-bottom:.5em; }

#maincontent2 p {
	color:#555555;
	font-size:10pt;
	line-height:1.3em;
	margin-bottom:1em;
}
/* ----- HEADER CSS STYLES ---- */
#header {
	background: #660000;
	height:120px;
	border-bottom:1px solid #000;
	position:relative;
}

#header img#headertitle {
	position:absolute;
	top:20px;
	left:10px;
}


#logo {
	position:absolute;
	top:10px;
	right:20px;
}
#header h1 {
	text-transform:uppercase;
	color:#cc9933;
	padding:73px 0 5px 11px;	
	font-size:14pt;
	letter-spacing:-.2px;
	width:750px;
}
#header h1 span {
	text-transform:capitalize;
	color:#f1ead7;
	font-size:11pt;
}
#phonenumber {
	color:#cc9933;
	font-weight:bold;
	font-size:11pt;
	position:absolute;
	top:75px;
	right:13px;
	width:185px;
	text-align:right;
}
/* ---- HORIZONTAL NAVIGATION STYLES ---- */
#navwrapper {
	background-coloR: #CC9900;		
	border-bottom:1px solid #000;	
	float:left;
	width:946px;
	height:30px;
}
ul#topnav {
	padding:6.5px 0 8.5px 11px;	
	float:left;
	width:624px;
}
ul#topnav li {
	display:inline;
	padding:0 5px 0 0;	
}
ul#topnav li a:link, ul#topnav li a:visited {
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	padding:0 .5em 0 0;
	border-right:1px solid #343434;
}
ul#topnav li a:hover {
	color:#000;
}
ul#topnav li a:link.last, ul#topnav li a:visited.last {
	border:none;
}
#inputarea {
	width:310px;
	float:right;
	clear:right;
	margin:0;
	text-align:right; 
	font-size:11px;
}
#inputarea form#quicklink select {
	width:160px;	
	float:left;	
	margin-right: 5px;
	margin-top:4px;
}
#inputarea form#quicklink option.root {
	background-color:#e3dfce;
}
#inputarea .textfield {
	width:100px;
	padding:0 0 0 2px;
	margin-top:4px;
}
#inputarea #submit {font-size:10px;}
#inputarea label {display:none;}
#inputarea fieldset {float:left;}

/* ---- LEFT COLUMN STYLES ---- */
#leftcolumn {
	width:179px;
	float:left;
	padding-bottom:40px; /* adds padding to last item in case content on page is short */
}
#leftcolumn img {
	border-bottom:1px solid #000;
}
ul#leftnav {margin-top:-2px;} /* fixes 2 pixel gap */
ul#leftnav li {float:left;} /* fixes 2 pixel gap bug in IE6 */
ul#leftnav li a:link, ul#leftnav li a:visited {
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	display:block;
	width:157px;
	padding:6px 11px;
	background-color:#e0d4b3;
	border-bottom:1px solid #f8f2e0;
}
ul#leftnav li a:hover,
ul#leftnav li.active a:link,
ul#leftnav li.active a:visited {
	color:#fff;
	background-color:#660000;
}
/*----- OVERALL RIGHT AREA STYLES ----*/
#rightarea {
	width:767px;
	float:right;
}
#brandingphoto {
	border-bottom:1px solid #000;
	float:left;
}
/*---- MAIN CONTENT STYLES ----*/
#maincontent {
	width: 492px;
	padding:20px 29px;
	float:left;	
}
/* ----- RIGHT COLUMN IN CONTENT AREA STYLES ---- */
#rightcolumn {
	width:217px;
	float:right;
	color:#000;
	padding:0;
}
#rightcontent {
	padding:10px 12px 12px 12px;
	width:193px;
}
#rightphonenumber {	
	border-bottom:1px solid #000;
	background-color:#CC9900;
    width:217px;
	height:27px;
	display:block;
	float:left;
	margin-bottom:10px;
}
#rightphonenumber h2 {
	color:#660000;
	font-size:11pt;
	letter-spacing:inherit;
	padding:5px 0 0 5px;
}
#whyloyola, #testimonials, #bestcolleges {}
#whyloyola h1, #testimonials h1, #bestcolleges h1 {
	color:#cc9933;
	font-size:11pt;
	margin-bottom:10px;
}
#whyloyola li {
	background:url('images/content_bullet.gif') no-repeat left 6px;
	padding-left:10px;
	margin:2px 0;
	font-weight:bold;
}
#testimonials p.quote {
	font-family:Georgia, "Times New Roman", sans-serif;
	font-style:italic;
	line-height:1.1em;
	margin-bottom:1em;
}
#testimonials p.name {
	font-weight:bold;
	font-size:9pt;
	margin-bottom:.3em;
}
#testimonials p.byline {font-size:8pt; line-height:1.2em;}

#bestcolleges p {
	margin-bottom:1em;
	line-height:1.2em;
	color: #CC0000;	
}

/*---- FOOTER STYLES ---*/
#footerwrapper {
	background-color:#660000;
	border:1px solid #000;
	height:109px;
	width:946px;
	clear:both;
	margin:0 auto;
}
#footercontent {
	padding:11px;
	color:#fff;
	font-size:9pt;
}
#footercontent img {
	float:right;
}
#footerleft {
	float:left;
}
#footerleft p {
	line-height:1.3em;
	font-size:8pt;
}
ul#footernav {
	margin-bottom:1em;
}
ul#footernav li {
	display:inline;
	padding-right:5px;
}
ul#footernav li a:link, ul#footernav li a:visited {
	color:#cc9933;
	padding-right:5px;
	text-decoration:none;
}
ul#footernav li a:hover {
	color:#fff;
	text-decoration:underline;
}
/* ----- MISCELLANEOUS STYLES ------- */
.pdflink {
	padding: 1px 0 0 20px;
	background: url('images/pdficon.gif') no-repeat 0 1px;	
}
.backtotop {
	padding-left:15px;
	background: url('images/arrow_up.gif') no-repeat 0 0;
}
.seperator {
	border-bottom:1px solid #cc9933;
	margin:10px 0;
	height:1px;
	line-height:0;
}
.contentsep {
	border-bottom:1px solid #cc9933;
	margin:0;
	height:1px;
	line-height:0;
}
.photoright, .photoleft { /*these are overall styles you can apply to any image you insert in the content area.  It will apply a double border */
	border:1px solid #b7aa87;
	padding:3px;
	background:#fffbef;
	margin:10px;
}
.photoright{
	margin-right:0;
	float:right;
}
.photoleft {
	margin-left:0;
	float:left;
}
.alignright {
	text-align:right;
}
.readmore {
	text-align:right;
	font-size:8pt;
}
.rightpadding {
	padding-right:15px;
}
.leftpadding {
	padding-left:15px;
}
.red {
	color:#ff0000;
}
#maincontent p.caption {
	font-size:9pt;
	font-style:italic;
	color:#787878;
}
#maincontent p.quote {
	font-family:Georgia, "Times New Roman", sans-serif;
	font-style:italic;
	font-size:10pt;
	line-height:1.2em;
	margin-bottom:1em;
}
#maincontent p.name {
	font-size:10pt;
	font-weight:bold;
	margin-bottom:.3em;
}
#maincontent p.byline{
	margin-bottom:.3em;
	font-size:10pt;
}
#maincontent p.centertext {
	text-align:center;
}
#maincontent table td {
	vertical-align:top;
}
#maincontent table td.middle {
	vertical-align:middle;
	text-align:center;
}
#maincontent table.infotable {
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	margin:0 0 10px 0;
}
#maincontent table img {
	padding:10px;
}
.contentbox {
	background-color:#f5f5f5;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	margin:0 0 10px 0;
	padding: 10px 10px 0 10px;
}

.contentbox2 {
	background-color: #CCCC66;
	border:0.5px solid #330000;
	margin:0 0 3px 0;
	padding: 10px 10px 0 10px;
}
#maincontent ul.largelispace ul {
	padding:0 0 0 1em;
	margin:0;
}
#maincontent ul.largelispace li {
	background:url('images/content_bullet.gif') no-repeat left 9px;
	padding:.3em 0 .3em 1em;
}