* {
margin:0;
padding:0;
text-align: left;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
}


.justinbody{
margin-left: 25px;
margin-right: 0px;
padding-top: 0px; 
padding-bottom: 0px; 
padding-right: 0px;
padding-left: 0px;
border: 2px solid #000000;
width: 700px;
xbackground: #0e6ead;
xxbackground: #6f757a;
background: #FFFFFF;

}

.centercell{
 vertical-align: top;

}

.mastheadcell{
 Xbackground-image: url("/templates/st_pauls_template/images/masthead.jpg");
 xwidth: 200px; 
 Xheight: 132px;
 
overflow: hidden;

}

.masthead_right{
 vertical-align: top; 
 text-align: right;
 padding-right: 5px;

}
.contentheading{
	font-family: Verdana, sans-serif;
        color: #333333;   /* dark grey */
	font-variant: small-caps;
	font-stretch: wider;
	font-size: 14px;
	font-weight: bold;
	margin_bottom: 0.5em;
	border-bottom: thin dashed #003366; /* dark blue */


}

.componentheading{
color: #000000;
border-bottom: 4px solid;
border-color: #CCCCCC;
font-weight: bold;
font-size: 14px;
text-align: left;
margin-bottom: 10px;
}

hr {

clear:both;


} /* needed to clear pictures that have too little text (or picture height is too large) */

imgxx {
	float: left;
	margin: 0px;
}

plain_imgxxx{
 float: none;
 margin: 0px;
}

li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}
body {
font-size:76.1%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:1.3em;
margin: 0px;
xxbackground: #0e6ead;
background: #FFFFFF;

}
#header {
xxbackground: url(../images/masthead.jpg); 
xxbackground-repeat: no-repeat;
xxbackground: #fdfdf1;   /*   url(../images/headerbg.jpg); */
background: #FFFFFF;
xxbackground: #0069a9;
margin: 0px;
padding: 0px;
border: 0px solid #000000;
text-align:left;
height: 71px;
}



.xxxmenuarea{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
XXbackground: #0069a9;
background: #000000;
background-image: url(../images/ucc.jpg);
background-repeat: no-repeat;
width: 700px;


}

.headerarea, a.headerarea{
color: #FFFFFF;

}

ax{
color: #cccccc;

}

.breadandsearch{
	vertical-align:top;
	text-align:right;
	margin-top: 4px; 
	padding: 0px;
	background:#ffcc00; 
	height: 20px; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 700px;
	float: top;
	
}


.breadcrumbs{
	text-align:right;
	vertical-align:top;
	margin-left: 5px; 
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	border: 0px solid; 
	position: relative;
	float: right;
}

.searcharea{
	padding-left: 10px;
	vertical-align: top;
	text-align:left;
	border: 0px solid; 
	padding-top: 0px;
	padding-right: 10px;
	margin-top: 0px;
	float: left;
}

.searchform{
	margin-top: 0px;
	padding-top: 0px;
	display:inline;
	text-align:left;
}

.header_inputbox{
font-size: 9px;
height: 12px;
text-align: top;

}

#abovefoot{

width: 700px;
background: #FFCC00;


}

#footer {
	width: 700px; 
	text-align: center; 
	font-size: 9px; 
	background: #C0C8D4;


}
#main-body {
xxbackground: #f7f7f7;
background: #FFFFFF;
text-align: left;
margin-left: 0px;
margin-bottom: 5px;
padding-bottom: 10px;
padding-top:10px;
width: 100%;
height: 100%;
}
#sidebar-2 {
background:#c1b6b6;
}
#content, .content {
xxbackground: #dbd8d8;
border: 0px solid;
width: 515px;
}
#left, #right{
background: #CCCCCC;
xxbackground: #c1b6b6;
xxborder: 1px solid;
xxborder-color: #cccccc;
xxxmargin-top: 0px;
}

.leftcell, .rightcell, .centercell{
#background: #f7f7f7;
background: #FFFFFF;
vertical-align: top;
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;

}


.leftcell{
padding-left: 0px;
width: 25%;

}

#left{
background: #FFFFFF;
border: 0px solid;
width: 150px;

}

.rightcell{
padding-right: 0px;
border: 0px solid;

}

#right{
width: 195px;
border: 0px solid #C3C3C3;

}

#wrap{
margin: 0px;
}

textarea{
background:#FFFFFF;
}

H1{
font-weight: bold;
font-size: 12px;
}

H2{

font-weight: bold;
font-size: 12px;
}

H3{
font-weight: bold;
font-size: 12px;
}

FORM{
text-align: center;
}

.moduletable{
 vertical-align:top;
 padding: 0px;
 margin: 0px;
 xborder: 1px solid;

}


/*
.article_seperator{
border-top: 1px solid;
width: 150px;
background-image: url(../images/spacer.png); 

}

*/

/* Below is copied from old TYPO3 system */
/* General Fonts */
P,OL,UL,DIV {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;	
   xxxmargin: 0.25em 0.5em;

}



/* Headings */
H1,H2,H3,H4,H5 {
   font-family: Verdana, sans-serif;
   color: #333333;   /* dark grey */
   font-variant: small-caps;
   font-stretch: wider;
   margin_bottom: 0.5em;
   /*border-bottom: thin dashed #003366; */ /* dark blue */ 
}

/* Bold Title same as text size */
.title {
   font-family: Verdana, sans-serif;
   color: #00000;   /* black */
   font-weight: bold;  
   font-variant: small-caps;
   font-stretch: wider;
   font-size: 11px; 
   padding: 0.2em
}


/* Blue Border for Tables */
.border {
   border: 1px solid #FFCC00;                     /* lite blue grey */
}

 




/* audiovideosamples */
.audiovideosamples {
   font-size: 10px;
   color: #003366;   /* dark blue */
   line-height: 150%;
   text-align: center;
}

/* Quote */
.quote  {
  color: #9B193D;   /* dark burgundy */
  font-weight: 550;
}


/* In Text Hyperlinks */
a:link {
 font-weight: bold;
 color: #333333;   /* dark grey */
 text-decoration: dotted;
}
A:visited {
	color:blue;
	text-decoration:none;
}
A:hover {
	color:red;
	text-decoration:underline;
}



a.obviouslink:link {color: purple}
a.obviouslink:visited {color: purple}
a.obviouslink:hover {color: red}
a.obviouslink:active {color: red}


/* Top Navigation Menu */
.topnav {
   background: #FFCC00;   /* carmel yellow */
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-variant: small-caps;
}  
.topnav a:link {
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* dark grey */
   padding: 2px;
}
.topnav a:visited {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* dark grey */
   padding: 2px;
}
.topnav a:hover {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;    /* red */   
   padding: 2px;
}
.topnav_act a:active {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}

.topnav_act a:link {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.topnav_act a:visted {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.topnav_act a:hover {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}


/* Bottom Navigation Menu */
.bottomnav {
   font-family: Verdana, sans-serif;
   font-size: 9px;
   font-variant: small-caps;
}  
.bottomnav a:link {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* dark gray */
   padding: 2px;
}
.bottomnav a:visited {
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* dark gray */
   padding: 2px;
}
.bottomnav a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;    /* red */   
   padding: 2px;
}
.bottomnav_act a:active {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;    /* white */   
   padding: 2px;
}

.bottomnav_act a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* dark gray */
   padding: 2px;
}
.bottomnav_act a:visted {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* dark gray */
   padding: 2px;
}
.bottomnav_act a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;    /* red */   
   padding: 2px;
}

 

/* Left Navigation Menu */



 

/* Feedback Links */
.fback A {
   font-family: Arial, Helvetica, sans-serif;
   color: #333333;    /* dark gray */
   font-weight: bold;
   font-size: 7px;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #003366;  /* dark blue */
}

.fback A:visited {
   font-family: Arial, Helvetica, sans-serif;
   color: #333333;    /* dark gray */
   font-weight: bold;
   font-size: 7px;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #003366;  /* dark blue */
}
.fback A:hover {
   font-family: Arial, Helvetica, sans-serif;
   color: #FF0000;    /* red */
   font-weight: bold;
   font-size: 7px;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #333333;  /* med grey */
}

 

/* Forms Fields 
SELECT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px
}
TEXTAREA { 
 font-family: Verdana, Arial, Helvetica,  sans-serif;
 font-size: 10px
}
INPUT { 
 font-family: Verdana, Arial, Helvetica,  sans-serif;
 font-size: 10px
}
*/

.caption {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #000000;
}


.bulletlist {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #000000;
}


.table {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
}


.contenttable {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 padding: 1em;
 margin-top: 1em;
 margin-bottom: 1em;
 border:  1px solid #C0C8D4;
}

 

/* Search Formats */
.searchform {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 font-weight : normal;
}
.searchresultpagetitle {
 font-family : Verdana, sans-serif;
 font-size : 15px;
 color : #333333;
 font-weight : bold;
}
.searchresultcontent {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 font-weight : normal;
}
.searchresultheader {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #333366;
 font-weight : bolder;
}
.searchmarkup {
 color : #000000;
}


.loginform {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #000000;
 font-weight : normal;
}

 

/* Mailform Formattting */
.mailform {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #003366;
 font-weight : normal;
}
.mailformrequired {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #003366;
 font-weight : bolder;
}
.mailformcomment {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #CC0000;
 font-weight : bolder;
}
.mailformradio {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #003366;
 font-weight : normal;
}

 

.filelinks {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}
.filelinkssize {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}

/* NEWS splash in template #4 */

TABLE#news-table {
  margin-left: 5px;
  border: solid 1px black;
}

TD.news-header {
	background-color: navy;
}
TD.news-header H1 {
  color: white;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

DIV.tx-mininews-pi1-fp_listrow P {
	font-size: 9px;
	font-color: navy;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
}

DIV.tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-datetime {
	font-size: 7px;
	font-color: gray;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
}
DIV.tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-title {
	font-size: 8px;
	font-color: navy;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
}

DIV.tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-teaser A:hover {
	font-size: 8px;
	font-color: #333333;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
}
A {
	color:blue;
	text-decoration:none;
	font-weight:bold;
}
P A {
	color:blue;
	text-decoration:underline;
	font-weight:bold;
}
P.bodytext A {
	color:blue;
	text-decoration:none;
	font-weight:bold;
}
P.bodytext A:active {
	color:blue;
	text-decoration:none;
}
P.bodytext A:visited {
	color:blue;
	text-decoration:none;
}
A:active {
	color:blue;
	text-decoration:none;
}
TABLE.contenttable P A {
	color:blue;
	text-decoration:none;
	font-weight:bold;
}
TABLE.contenttable P A:hover {
	color:red;
	text-decoration:underline;
}
TABLE.contenttable P A:active {
	color:blue;
	text-decoration:none;
}
TABLE.contenttable P A:visited {
	color:blue;
	text-decoration:none;
}
P A:hover {
	color:red;
	text-decoration:underline;
}
P A:active {
	color:purple;
	text-decoration:none;
}
/*P A:visited {
	color:blue;
	text-decoration:none;
}
*/
P.bodytext A:hover {
	color:red;
	text-decoration:underline;
}
P.csc-section {
	color:blue;
	font-weight:bold;
}
P.csc-menu {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
P.csc-caption {
	
}

/* End of old TYPO3 styles */