@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:12px/16px Arial, Helvetica, sans-serif; background:url(images/bkgd_body.gif) repeat-x top left #002769;}

.mastWrap{ margin:0; padding:0; width:100%;}
.cntrWrap{width:974px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #003082; text-decoration: none; outline:none; }
a:hover { color: #003082; text-decoration: none; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:7px 0;}
h1, .PageTitleHeader {color:#003082;font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;font-weight:normal;line-height:22px;padding:0 0 15px;}
h2, .PageSubTitleHeader {font-size:14px; line-height:16px;color:#003082;font-weight:normal;padding:20px 0 0;}
h3 {font-size:12px;line-height:16px;}
h4 {font-size:12px;line-height:14px;}
h5 {font-size:10px;line-height:13px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.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 10px 20px;}
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;}
.Error,.error {width:auto!important}
table.TableLayout_Business td {width:14%!important} 
table.TableLayout_Default td {width:14%!important} 
table.TableLayout_Inox td {width:14%!important} 
table.TableLayout_Mac td {width:14%!important} 
table.TableLayout_Modern td {width:14%!important} 
table.TableLayout_Orange td {width:14%!important} 
table.TableLayout_Outlook td {width:14%!important} 
table.TableLayout_Stylish td {width:14%!important} 
table.TableLayout_Sunny td {width:14%!important} 
table.TableLayout_Telerik td {width:14%!important} 
table.TableLayout_WebBlue td {width:14%!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:20px 0 0; /*float:left;*/ background:url(images/bkgd_logo.gif) no-repeat top left; height:225px; width:960px;height:171px; }

.tab {margin: -80px 0 0 -7px;padding: 15px 0 0;float:left; background:url(images/bkgd_contentTop.png) no-repeat top left; height:65px; width:974px;*margin-top:-85px;*height:65px;}
#ContentWhySTA {display: block; float: left; text-align: right; width: 690px;}

.structHead h1{padding:0;margin:0;float:left;}
.structHead h1 a{display:block;text-indent:-999em;}

.structHead #ContentLogoBg {margin:0; padding:0 0 0 10px; float:left;}
#ContentHomeButton {float:right;padding: 0 10px 0 0;}
#ContentSearch{margin:0; padding:0; float:right;background:url(images/bkgd_search.gif) no-repeat top left;}
#ContentSearch input { background: none repeat scroll 0 0 transparent; border: 0 none;  height: 22px; width: 173px;}
#ContentSearch img {margin: 0; padding: 0 15px 0 0;*float:none;}

#ContentMemberTools {float:right;margin: 66px 0px 0px;padding:5px 0;width:262px;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;float:right;}
#ContentMemberTools li {float:left;padding:0 10px 0 0;}
#ContentMemberTools li#Logout {}
#ContentMemberTools li#FirstTimeLogin {}
#ContentMemberTools li#Support {padding:0;}
#ContentMemberTools a {color:#b3a14e;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left;}
.structBodyHome .structLeft #ContentLeftNav {margin: -44px 0 0 5px; padding:0; background:url(images/bkgd_nav.png) no-repeat top left; width:260px;height:357px;}
.structBody .structLeft #ContentLeftNav {margin: -44px 0 0 5px; padding:0; background:url(images/bkgd_navCommunion.png) no-repeat top left; width:260px;height:430px;}
.structLeft #ContentLeftNav.home {margin: -14px 0 0 5px;}

#ContentLeftNav ul{list-style-type:none;margin:0 0 0 20px; padding:5px 0 0; width:215px;}
#ContentLeftNav ul li{font-weight:normal;line-height:37px;padding:0;font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #e5d692;}
#ContentLeftNav ul li.last {border:none;}
#ContentLeftNav ul li a{color:#003082;display:block;font-size:17px;text-decoration:none;width:240px;}
#ContentLeftNav ul li a:hover{color:#ece1ae;}
#ContentLeftNav ul li:hover a{color:#ece1ae;}

/* Second Level Groups */
#ContentLeftNav li ul { position: absolute; left: -999999px;margin:-43px 0 0 280px; padding:5px 0 0; float:none; width:150px;text-align:left;*background:#e5d692;*width:200px;*margin-left:240px;*margin-top:-40px;}
#ContentLeftNav li li { width: 175px; border:none; margin: 0 0 0 -40px; padding:7px 5px 7px 20px;background:#e5d692;line-height:normal;color:#003082;*margin-left:0px;*line-height:14px;}
#ContentLeftNav li li a {color:#003082;font-weight:normal;text-align:left;text-transform:capitalize;width:150px;border:none;font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#ContentLeftNav ul li:hover li a{color:#003082;}
#ContentLeftNav ul li:hover li a:hover{color:#003082;}
#ContentLeftNav li li:hover, #ContentLeftNav li li.sfHover { background: #ece1ae;color: #ffffff; border:none; margin: 0 0 0 -40px; *margin-left:0px;}

/* Third Level Groups */
#ContentLeftNav li li ul { position: absolute; left: -999999px;margin:-26px 0 0 220px; padding:5px 0 0; float:none; width:150px;text-align:left;*background:#e5d692;*width:200px;*margin-left:180px;*margin-top:-26px;}
#ContentLeftNav li li li { width: 175px; border:none; margin: 0 0 0 -40px; padding:7px 5px 7px 20px;background:#e5d692;line-height:normal;color:#003082;*margin-left:0px;*line-height:14px;}
#ContentLeftNav li li li a {color:#003082;font-weight:normal;text-align:left;text-transform:capitalize;width:150px;border:none;font-size:12px; font-family:Verdana, Geneva, sans-serif;}

/* Fourth Level Groups */
#ContentLeftNav li li li ul { position: absolute; left: -999999px;margin:-26px 0 0 220px; padding:5px 0 0; float:none; width:150px;text-align:left;*background:#e5d692;*width:200px;*margin-left:180px;*margin-top:-26px;}
#ContentLeftNav li li li li { width: 175px; border:none; margin: 0 0 0 -40px; padding:7px 5px 7px 20px;background:#e5d692;line-height:normal;color:#003082;*margin-left:0px;*line-height:14px;}
#ContentLeftNav li li li li a {color:#003082;font-weight:normal;text-align:left;text-transform:capitalize;width:150px;border:none;font-size:12px; font-family:Verdana, Geneva, sans-serif;}


/* The Magic */
#ContentLeftNav li:hover ul ul,
#ContentLeftNav li:hover ul ul ul,
#ContentLeftNav li.sfHover ul ul,
#ContentLeftNav li.sfHover ul ul ul { left: -999em;}

#ContentLeftNav li:hover ul,
#ContentLeftNav li li:hover ul,
#ContentLeftNav li li li:hover ul,
#ContentLeftNav li.sfHover ul,
#ContentLeftNav li li.sfHover ul,
#ContentLeftNav li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
#ContentLeftNav  li:hover,
#ContentLeftNav  li li:hover,
#ContentLeftNav  li li li:hover,
#ContentLeftNav  li.sfHover,
#ContentLeftNav  li li li.sfHover,
#ContentLeftNav  li li.sfHover { position:static;}


.structLeft #ContentLeft{margin:0; padding:0 20px;width:225px; line-height:14px;}
.structLeft #ContentLeftQuote {float: left; margin: -5px 0 10px 10px;}
.structLeft #ContentLeft a {color:#b29200;font-weight:bold;}
.structLeft #ContentLeft img {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D7D5D0; margin: 3px 0 0 0px; padding: 3px;}

/* BODY ELEMENTS
---------------------------------------------*/
.shadow {margin:0 0 0 -7px; padding:15px 0 0 7px; float:left;background:url(images/shadow.png) repeat-y top left; width:974px;*padding:15px 0 0 7px;*margin:-5px 0 0 -7px;}

.structBody{margin:-15px 0 0; padding:0; float:left; background:url(images/bkgd_contentBody.png) repeat-x top left #f4f4f4; width:960px; min-height:500px;}
.structBodyHome{margin:-45px 0 0; padding:0; float:left; background:url(images/bkgd_bodyHome.gif) repeat-x top left #f4f4f4; width:960px; min-height:500px;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:-30px 20px 30px;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{margin:0; padding: 0 20px 20px; float:left; width:655px;}

.structBodyHome .MidWrap{margin:0; padding: 5px 10px 20px; float:left; width:675px;}
.structBodyHome .MidWrap #ContentLgImg {float:left; width:668px;}
.structBodyHome .MidWrap #ContentIMGLeft {float:left;}
.structBodyHome .MidWrap #ContentIMGRight {float:right;}
.structBodyHome .MidWrap .frame {width:325px;height:325px; background:#fff;border:1px solid #bd9a04;padding:5px 0 0 5px;margin:0 0 10px;}
.structBodyHome #ContentWelcome {border-bottom: 3px double #D7D5D0; color: #666666; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; line-height: normal;  margin: 0 5px 25px 10px; padding: 10px 0 0 0;}
.structBodyHome #ContentWelcome h1 {padding:0 0 5px;font-size:22px;}
.structBodyHome #ContentMiddle {margin:0; padding:0 20px 0 10px; width:390px;float:left;}
.structBodyHome #ContentMiddle .news {margin: 0 0 25px;line-height:normal;}
.structBodyHome #ContentMiddle .news .preview img {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D7D5D0; float: right; margin: 3px 0 0 10px; padding: 3px;max-height:100px; max-width:100px;}
.structBodyHome #ContentMiddle a {color:#b29200;font-weight:bold;}
.structBodyHome h1 {padding: 0 0 5px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left;}
.structBody #ContentMiddle img {border:3px solid #fff;}

/*Spotlight Rotate on Refresh Content Styles */
.spotlight a {color:#b29200;font-weight:bold;}
.spotlight h1 {margin-left:7px; padding-left:15px;}
.spotlight h2 {margin:0;padding:0;}

.structBodyHome #ContentStudentBlock1, 
.structBodyHome #ContentStudentBlock2,
.structBodyHome #ContentStudentBlock3,
.structBodyHome #ContentStudentBlock4,
.structBodyHome #ContentStudentBlock5,
.structBodyHome #ContentStudentBlock6,
.structBodyHome #ContentStudentBlock7,
.structBodyHome #ContentStudentBlock8 {padding:0px 0 15px 15px;margin-left:7px;}

.structBodyHome #ContentMiddleLayoutStudentText1, 
.structBodyHome #ContentMiddleLayoutStudentText2,
.structBodyHome #ContentMiddleLayoutStudentText3,
.structBodyHome #ContentMiddleLayoutStudentText4,
.structBodyHome #ContentMiddleLayoutStudentText5,
.structBodyHome #ContentMiddleLayoutStudentText6,
.structBodyHome #ContentMiddleLayoutStudentText7,
.structBodyHome #ContentMiddleLayoutStudentText8 {width:225px;}

.structBodyHome #ContentStudentPic1, 
.structBodyHome #ContentStudentPic2,
.structBodyHome #ContentStudentPic3,
.structBodyHome #ContentStudentPic4,
.structBodyHome #ContentStudentPic5,
.structBodyHome #ContentStudentPic6,
.structBodyHome #ContentStudentPic7,
.structBodyHome #ContentStudentPic8 {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D7D5D0; margin: 3px 0 10px 0px; padding: 3px;width:217px;}


/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0 0 0 20px; float:left; width:224px; border-left:1px solid #D7D5D0;}
.structRight #ContentRight1{margin:0; padding:0; float:left;}
.structRight #ContentRight1 a {color:#b29200;font-weight:bold;}
.structRight #ContentRight1 .event {font-size:11px; line-height:normal; margin:0 0 10px;}
.structRight #ContentRight1 .event a {font-size:12px;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0 0 0 -7px; padding:65px 0 0; float:left; background:url(images/bkgd_footer.png) no-repeat top left; height:97px; width: 974px;}
.structFooter a {color:#b3a14e;}
.structFooter #ContentFooter{margin:0; padding:0 20px; float:left;color:#7789a8;text-transform:uppercase;font-size:11px;line-height:16px;}
.structFooter #ContentFooter h2 {text-transform:none;color:#b3a14e; font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size:18px;padding:0 0 10px; margin:0;}
.structFooter #ContentFooterRight {margin:0; padding: 0 20px; float:right;}
.structFooter #ContentFooterRight a {text-transform:uppercase;font-size:11px;}
.structFooter #ContentFooterRight ul {margin:0; padding:0; list-style:none;}
.structFooter #ContentFooterRight li {margin:0; padding:0 0 0 14px; float:left;}