@charset "utf-8";
/* CSS Document */


.clearfix {display: inline-block; display:block; overflow: hidden;}
.clear {clear:both}

a:link {} /* unvisited link */
a:visited {} /* visited link */
a:hover {text-decoration: underline;} /* mouse over link */
a:active {} /* clicked on link */

a img {border:none;}

.red {color:#ED1C24}
.black {color:#3B3A26!important;}

/*Commentary*/
a.commentary {color:#4D87C7; background:url(/images/uploads/bubble-aquinas.gif) no-repeat right 1px; margin-right:3px; padding-right:17px; }
div.commentary_wrapper {
   overflow: auto;
   width: 290px;
   height: 400px;
}
div.commentary_wrapper p {text-align:left;}
div.commentary_wrapper p span {margin-top:15px; font-style:italic; text-align:left!important;}

body {font-size:100%; background:url(/images/uploads/bg.png) repeat-y center top #ECEEE4;}

p {}

.hide {display:none}

.wrap {}
#header {background:url(/images/pic_top_pattern.jpg) repeat-x; }
#header .header-image {background:url(/images/uploads/pic_top.jpg) no-repeat top center; height: 130px;}

#rite-header {height:125px}


#content {margin: 0 auto; width: 1000px; background: url(/images/uploads/3-col-bg.gif) repeat-y -498px 0;}
#content #menu {background:url(/images/uploads/menu.png) no-repeat top center; height: 40px;}

#content #rite-header {background:url(/images/uploads/rite-header.png) no-repeat top center; height: 85px;}
#online-tutorial-header {float:left; width: 189px; height:47px; margin-left:-20px; padding-bottom:10px; background: url(/images/hdr/bg-online-tutorial.png) no-repeat top center;}

#content #left-menu {float:left; width: 189px; background: url(/images/hdr/bg-online-tutorial.png) no-repeat top center; padding-top:65px;}
#content #left-menu .content {padding-left:20px;}
ul.accordion_menu { list-style-type:none; margin:0 0 15px; padding:0; width:160px;}
ul.accordion_menu li { border-top:1px solid #DEE0CF; margin:0; padding:0; }
ul.accordion_menu li.alpha {border-top: 1px solid #fff;}
ul.accordion_menu li a {background:#FFFFFF; color:#555555; display:block; font: bold 11px georgia,"times new roman",serif; letter-spacing:-0.01em; margin:0; padding:6px 0 6px 10px; text-decoration:none; text-transform:uppercase;}

ul.accordion_menu li a:hover, ul.accordion_menu li a.currentMenuPage { background:#EEEFE7; color:#555555;}

ul.accordion_menu li ul { list-style-type:disc; padding-left:24px; width:135px; font-size:12px;}
ul.accordion_menu li ul li { border:medium none;}
ul.accordion_menu li ul li a {color:#000000; font-weight:normal; padding-left:0; text-decoration:underline; text-transform:none;}
ul.accordion_menu li ul li a:hover, ul.accordion_menu li ul li a.currentMenuPage {background:#FFF; color:#AB5050;}


#content-primary {width:811px; float:right;}
#content-primary .section-header {background:url(/images/uploads/bg-section-title.png) repeat-x; height: 47px;}
#content-primary .section-header h1 {font: 27px Georgia, "Times New Roman", Times, serif; color: #3b3a26; padding: 7px 0 0 23px; width:624px; float:left;}

/*Pagination*/

ul.pagination {float:right; margin:16px 25px 0 0; font: bold 11px Arial, Helvetica, sans-serif; list-style-type:none; display: inline;}
ul.pagination li {float:left; font-size:11px;}
ul.pagination li.input {padding:0 10px 0 13px; margin-top:-1px;}
ul.pagination input.short {width:15px;}
ul.pagination input {border:1px solid #BBBBBB; font-size:11px; font-weight:bold; height:14px; line-height:11px; margin:0; padding:0 3px; text-align:center;}
ul.pagination li.total {cursor:pointer; margin:0 13px 0 9px; }
ul.pagination li.total:hover {text-decoration:underline;}

ul.pagination li.input, ul.pagination li.of {margin-left:0px;}
ul.pagination li.btn {cursor:pointer; height:12px; width:7px; background:transparent url(/images/uploads/buttons.png) no-repeat scroll 0 -24px; margin-top:1px; margin-left:0px;}

ul.pagination li.prev {background-position: 0 -36px;}
ul.pagination li.prev:hover {background-position:0 -48px;}
ul.pagination li.prev-disabled {background-position:0 -60px; cursor:default; }

ul.pagination li.next {background-position: 0 0;}
ul.pagination li.next:hover {background-position:0 -12px;}
ul.pagination li.next-disabled {background-position:0 -24px;}


/*All Pages*/

#content-primary .content {padding: 10px 20px 20px 25px; background:#fff;}

#content-primary blockquote {border:none; margin:0; text-align:left; padding:0 0 0 35px;}
#content-primary blockquote p {width:480px;}

#content-primary .content .donate {border-top:1px solid #DEE0CF; margin:25px 0; padding-top:20px; width:515px; }
#content-primary .content .donate p {font: 16px/23px Georgia,"Times New Roman",Times,serif}

/*Rubrics pages */

#content-primary .content h1 {font: bold 24px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#ED1C24; margin-top: 40px; margin-bottom:30px;}
#content-primary .content p {font: 13px/1.6em Georgia, "Times New Roman", Times, serif; color: #cb181f; margin-bottom: 15px;}
#content-primary .content h2 {font: bold 24px/1.1em Garamond,Book Antiqua,Palatino Linotype,Palatino,serif; color:#3b3a26; margin-bottom:20px;}
#content-primary .content span.dropcap {float:left; font: 75px/0.7 Garamond,Book Antiqua,Palatino Linotype,Palatino,serif; padding-right:2px; color:#ed1c24;}

#content-primary .content h3 {color:#3B3A26; font-size:16px; margin-bottom:3px; }

#content-primary .content p, #content-primary .content h2 {width: 515px}

#content-primary .content span.inline-h2 {font: bold 24px/1.1em Garamond,Book Antiqua,Palatino Linotype,Palatino,serif; color:#3b3a26; padding: 0 5px;}
#content-primary .content a span.inline-h2 {color:#4D87C7;}
#content-primary .content a span.inline-h2:hover {color:#182e7a;}
#content-primary .content span.inline-h2 a, #content-primary .content h2 a {font: bold 24px/1.1em Garamond,Book Antiqua,Palatino Linotype,Palatino,serif;}


#content-primary .content p.float, #content-primary .content h2.float {float:left; margin-right:5px; width:auto!important;}
#content-primary .content p.float {line-height:0}
#content-primary .content h2.float {line-height:0}


/*Static page (Home page)*/
#content-primary .general #rite-contents {display:inline-block; display:block; overflow:hidden}
#content-primary .general #rite-contents h1 {font-size:38px; text-transform:none; color:#962b33; font-weight:normal; width:100%; margin-top:10px}
#content-primary .general #rite-contents h2 {font-size:32px; color:#333333; font-weight:normal; font-family: georgia, serif;}
#content-primary .general #rite-contents ul.toc, #content-primary .general #rite-contents ul.toc ul {padding-left:10px; margin:0;}
#content-primary .general #rite-contents ul.toc li {font-size:15px}
#content-primary .general #rite-contents ul.toc li p {font-size:15px; margin-bottom:0;}

/*All other pages*/
#content-primary .general p {color: #444444;}
#content-primary .general h1 {width:515px; color: #444444; margin: 30px 0 20px 0;}
#content-primary .general h1.first {margin-top:10px;}
#content-primary .general ol.abc {list-style-type:upper-alpha; margin:0; padding: 0;}
#content-primary .general ol li {line-height:1.6em; margin-bottom:10px; width:515px;}



#content-primary .general .bow-images {clear:both; display:inline-block; display:block; overflow:hidden;}
#content-primary .general .bow-images .entry {float:left; width:200px; }
#content-primary .general .bow-images .entry p {margin:0;}


/*Video*/
#content-primary .content p.video {width: 197px; height:120px; background: url(/images/uploads/video-frame-2.png) 0 0 no-repeat; position:relative; overflow: visible; float:right; font: 11px Arial, Helvetica, sans-serif; clear:both; padding-top:123px; padding-left:10px;}
#content-primary p.video .play{width: 49px; height:50px; background: url(/images/uploads/video-play.png) 0 0 no-repeat; position:absolute; display:block; z-index:4; left:-12px; top:-12px;}
#content-primary p.video span{display:block; clear:both; /*position:absolute; top:123px; left:10px;*/}
#content-primary .content p.video a {text-decoration:none; color:#4D87C7;}
#content-primary .content p.video a:hover {text-decoration:underline; color:#182E7A;}
#content-primary .content p.video img {display:block; position:absolute; top:12px; left:13px; border:none; width: 128px; /*width: 168px; height: 95px; */}

#content-primary .content .video {width: 197px; height:120px; background: url(/images/uploads/video-frame-2.png) 0 0 no-repeat; position:relative; overflow: visible; float:right; font: 11px Arial, Helvetica, sans-serif; clear:both; padding-top:123px; padding-left:10px;}
#content-primary .video .play{width: 49px; height:50px; background: url(/images/uploads/video-play.png) 0 0 no-repeat; position:absolute; display:block; z-index:4; left:-12px; top:-12px;}
#content-primary .video span{display:block; clear:both; /*position:absolute; top:123px; left:10px;*/}
#content-primary .content .video a {text-decoration:none; color:#4D87C7;}
#content-primary .content .video a:hover {text-decoration:underline; color:#182E7A;}
#content-primary .content .video img {display:block; position:absolute; top:12px; left:13px; border:none; width: 128px; /*width: 168px; height: 95px; */}




/*Commentaries*/
#content-primary .content a p.commentary {width: 180px; height:41px; background: url(/images/uploads/commentary.jpg) 0 0 no-repeat; position:relative; overflow: visible; float:right; clear:both; margin-right:26px;}
#content-primary .content a p.aquinas:hover {background-position:0 -41px;}
#content-primary .content a p.albert {background-position:0 -82px;}
#content-primary .content a p.albert:hover {background-position:0 -123px;}
#content-primary .content a p.vincent {background-position:0 -164px;}
#content-primary .content a p.vincent:hover {background-position:0 -205px;}

#fancy_div {background:#fff!important; color: #444444!important;}
#fancy_div p {font: 12px/1.5em Georgia, "Times New Roman", Times, serif; padding:15px 20px 20px;}
#fancy_div p span {clear:both; display:block; text-align:right; font-style:italic;}

#content-secondary {}

#footer {}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/uploads/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/uploads/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/uploads/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/uploads/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/uploads/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/uploads/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/uploads/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/uploads/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/uploads/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/uploads/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/uploads/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/uploads/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/images/uploads/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/images/uploads/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/images/uploads/fancy_title_right.png') repeat-x;
}