@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Arial, Helvetica, sans-serif; background:#b9c0d3;}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:850px;margin:0 auto; }
.fltFix{float:left;width:100%;background:#FFFFFF;}

a { color: #0066CC; text-decoration: underline; }
a:hover { color: #FDB702; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:5px 0;padding:0;}


.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ background:#000066; margin:0; padding:0; float:left; height:144px; border-bottom:20px solid #a50021;}

.structHead h1{padding:0;margin:0;float:left; background:#FFFFFF;}
.structHead h1 a{display:block;text-indent:-999em; width:128px; height:144px; background:url(images/StPaulComDesign_03.gif) no-repeat center center;}

.structHead #ContentHeader{background:transparent url(images/StPaulComDesign_06.gif) no-repeat scroll 20px 10px;border-top:2px solid #FFFFFF;float:left;height:114px;margin:0;padding:0;width:722px;}

.structHead #ContentToplinks{margin:0; padding:0 ; float:left;width:652px; }
.structHead #ContentToplinks ul {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;padding:0pt;}
.structHead #ContentToplinks li {border-left:1px solid #FFFFFF;float:left;padding:0pt 10px;}
.structHead #ContentToplinks a {color:#FFFFFF;display:block;font-size:10px;line-height:14px;padding:0pt;text-align:center;text-decoration:none;}

#ContentMemberTools {float:left;margin-right:0;padding:0;width:722px; background:#e2e2ee;}
#ContentMemberTools ul {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;padding:0pt;}
#ContentMemberTools li {border-left:1px solid #6a6a84;float:left;padding:0pt 8px;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#6a6a84;display:block;font-size:10px;line-height:14px;padding:0pt;text-align:center;text-decoration:none;}


/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left; background:#000066; width:128px;min-height:300px;_height:300px;}
.structLeft #ContentLeftNav{margin:0; padding:0; float:left;}
.structLeft #ContentLeftNav ul{list-style:none; margin:0; padding:0;}
.structLeft #ContentLeftNav li{ margin:0; padding:5px 0; }
.structLeft #ContentLeftNav a{ margin:0; padding:0 5px; color:#FFFFFF; text-decoration:none; }
.structLeft #ContentLeftNav a:hover{}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; background: url(images/BG.gif) repeat-y left top; width:850px;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

.structBody .MidWrap{float:left;margin:0;padding:0 0 7px 10px;width:555px;}

.structBody #ContentMiddle{margin:0; padding:5px 0px 5px 0px; float:left; width:100%; clear:both;}
.structBody #ContentMiddleLayoutTop{margin:0; padding:0 0px 5px 0px; float:left; width:100%; clear:both}

.structBody #ContentEvents{margin:0; padding:5px 5px 0px 0px; float:left; width:49%;}
.structBody #ContentNews{margin:0; padding:5px 0px 0px 0px; float:right; width:49%;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{float:right;margin:0;padding:5px;width:142px;}
.structRight #ContentLogin{margin:0; padding:0; float:left; background:#e2e2ee; text-align:center; font-size:10px;width:142px;}
.structRight #ContentLogin .PageTitleHeader{ padding:0; margin:0;}
.structRight #ContentLogin h2{ color:#ffffff; background:#000066; padding:8px 0; width:142px; font-size:14px; text-align:center;}

.structRight #ContentLogin .error {width:130px;!important}
#cid_769__ctl0_lblLoginInstructions, #cid_777__ctl0_lblLoginInstructions, #cid_784__ctl0_lblLoginInstructions, #cid_788__ctl0_lblLoginInstructions,#cid_795__ctl0_lblLoginInstructions{ display:none;}

#cid_769__ctl0_txtUsername, #cid_769__ctl0_txtPassword,#cid_777__ctl0_txtUsername, #cid_777__ctl0_txtPassword,
#cid_795__ctl0_txtUsername, #cid_795__ctl0_txtPassword,
#cid_784__ctl0_txtUsername, #cid_784__ctl0_txtPassword,#cid_788__ctl0_txtUsername, #cid_788__ctl0_txtPassword{ width:95px;}


.structRight #ContentRight{margin:0; padding:0; float:left; width:100%;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{background:#A50021 none repeat scroll 0 0;float:left;margin:0 0 0 130px;padding:0;width:720px;}
.structFooter #ContentFooter{margin:0; padding:0; float:left; width:100%; color:#FFFFFF;}