/* 
BEGIN CSS RESET
This tries to alleviate browser inconsistencies by reseting all dom elements to a common starting point.
Developed by Eric Meyers (meyerweb.com)
 */
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/*
BEGIN ELEMENT DEFINITIONS
*/
html,body { background:white; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:black; }
body { font-size:62.5%; }
h1,h2 { margin-bottom:0.5em }
h1 { font-size:2.0em; color:#FF0000; font-family:"Copperplate Gothic Light", Georgia, Times New Roman, Times, serif }
h2 { font-size:1.2em; font-weight:bold; }

a:link, a:visited, a:active { color:#003399; text-decoration:none }
a:hover, a:focus { text-decoration:underline; }

p { line-height:1.6em; text-align:justify; margin-bottom:1em }

img { border:none }
a:focus img { border:1px solid #003399 }

/*
BEGIN LAYOUT DEFINITIONS
*/
.frame { width:990px; margin-left:auto; margin-right:auto; }

#header { padding:1em 2em 2em 2em; text-align:left;}
#header img {vertical-align:middle; float:left }
#logos { float:right; text-align:center; margin-top:1.5em }
#logos img {float:none }
#logos a {display:block; margin-top:1em }
#header .cristo_rey { margin-left:300px}
#main { overflow:hidden }
#navigation { background: #FF0000; width:200px; padding-top:2em; float:left; padding-bottom:10000px; margin-bottom:-10000px;}
/* the padding and margin are a css trick to make sure the background expands to the bottom of the container */
#navigation li { text-align:left; }
#navigation .ctso {text-align:center; margin-top:1em }
#navigation .ctso a { padding-left:0em;  }
#navigation .ctso a:hover, #navigation .ctso a:focus { background:none  }
#navigation .ctso a:focus img { border:1px solid #003399  }
#navigation .ctso img { background:white }
#navigation a { display:block; padding-left:1.5em; line-height:2.5em; height:2.5em; text-decoration:none; color:white; font-size:1.6em }
#navigation a:hover, #navigation a:focus { background:#800000 }
#navigation a.current { background:#FF9900 }
#content { float:right; width:787px; border-right:2px solid #FF0000; }
#content img { width:787px }
#banner { border-top:2px solid #FF0000; }
#content_body { padding:1em; font-size:1.2em; text-align:left }
#footer { padding-top:1em; margin-bottom:1em; border-top:2px solid #FF0000; color:#666; font-family:"Garamond",Georgia, Times New Roman, Times, serif; font-size:1.2em; clear:both; line-height:1.2em; }

/*
BEGIN FORMAT DEFINITIONS
*/
.clear { clear:both }
.emphasis { letter-spacing:.05em; font-size:1.2em }
.bulleted { font-size:1.2em; list-style:square; }
.bulleted li { margin-bottom:1em; margin-left:2em; padding-left:1em }