@import url(appstyles.css);

.button {
	position:relative;
	-webkit-box-shadow: #666 1px 1px .25em;
	-moz-box-shadow: #666 1px 1px .25em;
	box-shadow: #666 1px 1px .25em;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:none;
	padding:3px 10px 5px 10px;
	background-color:#255DAE;
	color:#fff;
	font-weight:bold;
	behavior: url(/PIE.htc);
}

/* GENERAL STYLES
---------------------------------------------*/
body {width:100%; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}

/*.mastWrap {float:left; width:100%; background:#fff url(../images/body-bg.gif) repeat-x top;}*/
.cntrWrap {width:960px; margin:0 auto;}
.fltFix {float:left; width:100%; /*background:url(../images/masthead.jpg) no-repeat 0 15px;*/}
.footWrap {float:left; width:100%; /*background:#e7e7ea;*/ border-top:1px solid #D9EAEF; margin-top:20px;}
.cntrWrap {width:960px; margin:0 auto;}
.footWrap .fltFix {float:left; width:100%; background:none;}

a {color:#01009a; text-decoration:underline;}
a:hover {color:#01009a; text-decoration:none;}
a img {border:none;}

h1,
.PageTitleHeader {color:#bd9615; font-weight:bold; font-size:22px; line-height:24px; margin:10px 0 15px 0;}
h2 {color:#535353; font-weight:bold; font-size:20px; line-height:24px; border-bottom:1px solid #f4f4f4;}
.PageSubTitleHeader {}
.PageTitleHeader,
.PageTitle {display:none;}
h3 {color:#535353; font-weight:bold; font-size:16px; line-height:21px;}
h4 {color:#000; font-weight:bold; font-size:15px; line-height:18px;}
h5 {color:#000; font-weight:bold; font-size:13px; line-height:15px;}
p {margin:7px 0; padding:0; line-height:17px;}

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

img.left {float:left; margin:0 7px 1px 0;}
img.right {float:right; margin:0 0 7px 7px;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; clear:left; height:103px; width:100%; margin:15px 0 0 0; padding:0;}

.structHead .float-left {max-width:420px;}
.structHead .float-right {}

#ContentSearch {float:right; clear:right; width:auto; height:21px; margin:11px 0;}
#ContentSearch input {width:170px; height:17px; border:1px solid #76767e;}
#ContentSearch .SearchModuleSpacer {display:none;}
#ContentSearch img#cid_1505_imgbtnSearch {}

#ContentLoggedIn {float:right; clear:right; width:535px; height:25px; /*line-height:28px;*/ text-align:right; font-weight:bold; color:#313131;}
#ContentLoggedIn img {float:left;}
#ContentLoggedIn a {color:#fff; text-decoration:underline;}
#ContentLoggedIn a:hover {text-decoration:none;}

#ContentMemberTools {float:right; clear:right; margin:0; padding:0 5px 0 0; width:auto; height:35px; background:url(../images/bn-nav-right.gif) no-repeat right;}
#ContentMemberTools ul {margin:0; padding:0 0 0 5px; float:right; height:35px; background:url(../images/bn-nav-left.gif) no-repeat left;}
#ContentMemberTools ul li {float:left; list-style:none; margin:0; padding:0; background:url(../images/bn-nav-tile.gif) repeat-x; height:35px; line-height:35px;}
#ContentMemberTools ul li a {font-size:11px; font-weight:bold; color:#f8f8f9; text-decoration:none; text-transform:uppercase; padding:0 8px;}
#ContentMemberTools ul li a:hover {text-decoration:underline;}
#ContentMemberTools .MTLinkscontainer {display:none;}


/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left; clear:left; height:auto; width:100%;}

/* LEFT COLUMN */
.structLeft {float:left; width:200px; height:auto; /*background:#f4f4f4 url(../images/lc-footer.gif) repeat-x bottom;*/ padding:0 0 75px 0;}

#ContentLeftNav {margin:0; padding:0;}
#ContentLeftNav ul {margin:20px 0; padding:0; width:200px; float:left; line-height:30px;}
#ContentLeftNav ul li {list-style:none; display:block; float:left; width:100%;}

#ContentLeftNav ul li#Home a {background:url(../images/icon-home.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#FindFriends a {background:url(../images/icon-find.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li.ChaptersSubgroups a {background:url(../images/icon-chapters.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AlumniNews a {background:url(../images/icon-chat.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AlumniMagazine a {background:url(../images/icon-alumni.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AlumniNews a {background:url(../images/icon-alumni.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#PhotoAlbums a {background:url(../images/icon-photo.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#Resources a {background:url(../images/icon-resources.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#MoreInfo a {background:url(../images/icon-resources.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AlumniintheNews a {background:url(../images/icon-resources.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AddressUpdate a {background:url(../images/icon-address.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#HelpStFXGrow a {background:url(../images/icon-help.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#ContactUs a,
#ContentLeftNav ul li#StudentReferral a {background:url(../images/icon-contact.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#ReferaStudenttoStFX a {background:url(../images/icon-contact.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#Privacy a {background:url(../images/icon-privacy.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#CareerCentre a {background:url(../images/icon-career.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#CareerMentoring a {background:url(../images/icon-career.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#GivetoStFX a {background:url(../images/icon_give.png) no-repeat 2px 10px;}
/*
#ContentLeftNav ul li#Home a:hover {background:#fff url(../images/icon-home.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#FindFriends a:hover {background:#fff url(../images/icon-find.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li.ChaptersSubgroups a:hover {background:#fff url(../images/icon-chapters.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#OnlineChat a:hover {background:#fff url(../images/icon-chat.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AlumniMagazine a:hover {background:#fff url(../images/icon-alumni.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#PhotoAlbums a:hover {background:#fff url(../images/icon-photo.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#Resources a:hover {background:#fff url(../images/icon-resources.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#AddressUpdate a:hover {background:#fff url(../images/icon-address.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#HelpStFXGrow a:hover {background:#fff url(../images/icon-help.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#ContactUs a:hover {background:#fff url(../images/icon-contact.gif) no-repeat 2px 6px;}
#ContentLeftNav ul li#Privacy a:hover {background:#fff url(../images/icon-privacy.gif) no-repeat 2px 6px;}
*/

#ContentLeftNav ul li a {color:#01009a; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; display:block; margin:0 10px 0 10px; padding:0 0 0 24px; border-bottom:1px dotted #61677b;}
#ContentLeftNav ul li a:hover {color:#000;}

#ContentLeftNav ul ul {padding:0; margin:-1px 0 0 0; background:#c3d6e3;}
#ContentLeftNav ul ul li {border-bottom:none; line-height:14px;}
#ContentLeftNav ul ul li a {color:#04195b; text-decoration:none; text-transform:none; font-weight:normal; font-size:12px; display:block; margin:0; padding:5px 0 5px 34px; border-bottom:none; background:none !important;}
#ContentLeftNav ul ul li a.selected  {background:#83a1c5 !important; color:#fff;}
#ContentLeftNav ul ul li a:hover {color:#fff; background:#83a1c5 !important;}

#ContentLeftNav ul ul ul {background:#B3CBDB;}
#ContentLeftNav ul ul ul li a.selected {font-weight:normal;}

#ContentLeft01 {text-align:center;}

h1#ContentHeader {float:left; clear:left; height:auto; width:100%;}

#ContentMiddleLayoutLeft01 {margin:10px;}


/* MIDDLE COLUMN*/
.structMid {float:right; width:743px; height:auto;}
#ContentMiddle {float:left; clear:left; width:100%; height:auto;}

.structMid .relative {position:relative; float:left; height:208px; width:743px; margin-bottom:15px;}

#ContentBreadCrumbs {float:left; height:auto; width:100%; font-size:10px; color:#61677b;}
#ContentBreadCrumbs ul {margin:15px 0; padding:0; float:right;}
#ContentBreadCrumbs ul li {margin:0; padding:0; list-style:none; float:left;}
#ContentBreadCrumbs ul li a {color:#01009a; text-decoration:underline; padding:0 4px;}
#ContentBreadCrumbs ul li.navselected a {color:#61677b; text-decoration:none;}
#ContentBreadCrumbs ul li a:hover {color:#01009a; text-decoration:none;}

.index #ContentIndexLayout01.main {position:absolute; z-index:1; left:0; top:63px; width:743px; height:146px;}
.index #ContentIndexLayout01.main img {border:4px solid #fff; border-right:none;}
.index #ContentIndexLayout01.main .HoverToolBarHover {margin-top:70px;}

.index #ContentIndexLayout02.sub {position:absolute; z-index:2; left:0; top:0; width:743px; height:96px; /*background:url(../images/int-bg.gif) no-repeat;*/}
.index #ContentIndexLayout03 {float:left; width:96px; height:auto; position:relative; z-index:3;}
.index #ContentIndexLayout03 img {border:4px solid #fff;}
.index #ContentIndexLayout04 {float:right; width:630px; height:auto; position:relative; z-index:3;}
.index #ContentIndexLayout04 p.head {font-size:41px; font-weight:bold; font-style:italic; color:#020a81; float:right; width:630px; text-align:left; line-height:50px;}

.TableLayout_Modern {background-image:url(Img/calendarBg.gif);background-repeat:no-repeat;border-collapse:separate!important;float:left;height:243px;margin-bottom:45px;margin-left:12px;padding:0 34px;width:309px !important;}
.titlebar_Modern {color:#666666;cursor:default;float:left!important;font-family:Arial,Verdana,Sans-Serif;font-size:12px;font-weight:bold;height:27px;margin:0 0 0 43px!important;text-align:center;width:243px;}

/*homepage*/
.start .structMid {float:left; display:inline; width:740px; height:auto; margin:0 0 0 20px;}

.start #ContentMiddleLayout01 {float:left; clear:left; width:100%; height:auto; margin-top:20px;}
.start #ContentMiddleLayout01 .main-head {font-weight:bold; font-style:italic; font-size:23px; color:#525768; text-indent:45px;}
.start #ContentMiddleLayout01 .main-head span {font-weight:bold; font-style:italic; font-size:31px; color:#010197;}
.start #ContentMiddleLayout01 .main-content {}
.start #ContentMiddleLayout01 .float-left img {margin:0 17px 0 0;}
.start #ContentMiddleLayout01 .float-right {width:319px; height:auto;}
.start #ContentMiddleLayout01 p {line-height:17px; margin:15px 0;}
.start #ContentMiddleLayout01 p.right {text-align:right; font-size:10px; margin:0; line-height:14px;}
.start #ContentMiddleLayout01 p.right span {font-size:18px; margin:0 0 4px 0; display:block;}

.start #ContentMiddleLayout02 {float:left; clear:left; width:auto; height:auto; background:#f4f4f4; border:1px solid #cacbce; padding:17px; margin:20px 0 0 0;}
.start #ContentMiddleLayout02 h1 {margin:0;}
.start #ContentMiddleLayout02 h1,
.start #ContentMiddleLayout02 p {width:466px;}

.start .structMid .quad {width:240px; height:auto; margin:20px 0 0 0;}
.start .structMid h2 {margin:0 0 10px 0;}
.start #ContentMiddleLayout03 {}
.start #ContentMiddleLayout04 {}
.start #ContentMiddleLayout05 {}

.start .structMid .blog img {border:2px solid #b9b7ab;}
.start .structMid .blog .float-left {margin-right:8px;}
.start .structMid .blog .float-right {width:180px; height:auto;}

/* RIGHT COLUMN*/

.structRight {float:right; width:220px; height:auto;}
.structRight .right {float:left; height:auto; width:100%; margin:20px 0 0 0;}
.structRight .right h1 {margin:0;}
.structRight .right h3 {margin:0 0 5px 0;}
.structRight .right {float:left; clear:left; width:100%; height:auto;}

#ContentRight02 {background:url(../images/rc-homecoming.gif) no-repeat top; padding:34px 0 0 0;}
#ContentRight02 .boundingbox {border:1px solid #5f6478;}

#ContentRight03 .float-right img {border:2px solid #b9b7ab;}
#ContentRight04 {text-align:center;}
#ContentRight05 {text-align:center;}


/* FOOTER ELEMENTS 
---------------------------------------------*/
.structFooter {float:left; clear:left; height:auto; width:100%; margin:0; padding:15px 0 40px 0;}
#ContentFooter {font-size:11px;}
#ContentFooter ul {margin:0; padding:0; float:right;}
#ContentFooter ul li {float:left; list-style:none; margin:0; padding:0;}
#ContentFooter ul li a {color:#000; padding:0 8px; text-decoration:underline; border-left:1px solid #000;}
#ContentFooter ul li.first a,
#ContentFooter ul li:first-child a {border-left:none;}
#ContentFooter ul li a:hover {text-decoration:none;}