@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:11px/15px Verdana, Geneva, sans-serif; color:#58595b;}

.mastWrap{width:100%; margin:0; padding:0; background:url(images/Bg.gif) repeat-x left top;}
.cntrWrap{width:961px;margin:0 auto;}
.fltFix{width:100%;}

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

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1{font-size:15px;line-height:23px;}
h2, .PageSubTitleHeader {font-size:13px; line-height:20px;}
h3 {font-size:12px;line-height:18px;}
h4 {font-size:11px;line-height:17px;}
h5 {font-size:10px;line-height:15px;}
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 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;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:0; float:left; width:100%; background:url(images/HeaderBg.gif) repeat-y left top; position:relative;}

.structHead h1{padding:15px 0 18px 20px;margin:0;float:left;}
.structHead h1 a{background:url(images/HeaderLogo.gif) no-repeat left top; display:block;height:58px;text-indent:-999em;width:220px;}

.structHead #ContentToplinks{margin:0; padding:0; float:left; width:100%; background:url(images/NavBG.gif) repeat-x left top;height:51px; overflow:hidden;}  
.structHead #ContentToplinks ul{margin:0; padding:15px 0 0; float:left; width:100%; list-style:none;}
.structHead #ContentToplinks li{margin:0; padding:0; float:left;}
.structHead #ContentToplinks li.campaign {display:none;}
.structHead #ContentToplinks li.campaignTop {display:none;}
.structHead #ContentToplinks a{margin:0; padding:0; display:block; height:36px; text-indent:-999em; }

.structHead #ContentToplinks li#Membership a{background:url(images/Membership.gif) no-repeat left top; width:125px;}
.structHead #ContentToplinks li#Events a{ background:url(images/Events.gif) no-repeat left top;width:90px;}
.structHead #ContentToplinks li#Networking a{ background:url(images/Networking.gif) no-repeat left top;width:135px;}
.structHead #ContentToplinks li#News a{ background:url(images/News.gif) no-repeat left top;width:83px;}
.structHead #ContentToplinks li#HowToHelp a{ background:url(images/help.gif) no-repeat left top;margin:0 0 0 184px;width:122px;}
.structHead #ContentToplinks li#StudentPrograms a{ background:url(images/students.gif) no-repeat left top;width:141px;}
.structHead #ContentToplinks li#About a{ background:url(images/about.gif) no-repeat left top;width:81px;}

.structHead #ContentToplinks li#Membership a:hover,
.structHead #ContentToplinks li#Events a:hover,
.structHead #ContentToplinks li#Networking a:hover,
.structHead #ContentToplinks li#News a:hover,
.structHead #ContentToplinks li#HowToHelp a:hover,
.structHead #ContentToplinks li#StudentPrograms a:hover,
.structHead #ContentToplinks li#About a:hover{background-position:left bottom;}

.structHead #ContentToplinks li#Membership.selected a,
.structHead #ContentToplinks li#Events.selected a,
.structHead #ContentToplinks li#Networking.selected a,
.structHead #ContentToplinks li#News.selected a,
.structHead #ContentToplinks li#HowToHelp.selected a,
.structHead #ContentToplinks li#StudentPrograms.selected a,
.structHead #ContentToplinks li#About.selected a{background-position:left bottom;}

#ContentMemberTools {float:right;margin:20px 0 0;padding:0 20px 0 0 ;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #666666;float:left;padding:0 8px;}
#ContentMemberTools li#Logout {border-left:medium none; background:url(images/mtarrow.gif) no-repeat left 3px;}
#ContentMemberTools li#Logout a{padding:0 0 0 4px;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none; background:url(images/mtarrow.gif) no-repeat left 3px;}
#ContentMemberTools li#FirstTimeLogin a{padding:0 0 0 4px;}
#ContentMemberTools a {color:#666666;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}
.MTLinkscontainer { display:none;}

#ContentSearch{float:right;margin:20px 0 0;padding:0 10px 0 0;}
#ContentSearch input{ border:none; background:#FFF; width:122px;}

.tpWrap{ float:right; width:720px; margin:0; padding:0}
#ContentSearchAlum{float:right; width:300px; margin:6px 10px 7px 0; padding:0}
#ContentSearchAlum a{ color:#646464;}


/* Horiztional Drop Downs
------------------------------------------------------- */
ul.qklinks{clear:both;float:right;list-style:none outside none;margin:0;padding:0;}
ul.qklinks li{float:right; margin:0; padding:0; background: url(images/quicklinks.gif) no-repeat left top; height:25px; width:161px; }
ul.qklinks li:hover, ul.qklinks li.sfHover { background-position:left bottom;}
/* Second Level Groups */
ul.qklinks li ul { background:#cac2b8; float:none;left:-999999px;list-style:none;margin:25px 0 0 -75px;padding:0;position:absolute;width:236px;}
ul.qklinks li li { width: 100%; background:none; height:auto;}
ul.qklinks li li a { padding:2px 10px;width:216px; display:block;}
ul.qklinks li li:hover, ul.qklinks li li.sfHover { background:;}

/* Third Level Groups */
ul.qklinks li li ul { margin:-20px 0 0 150px}

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

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

/*Fix for the Sticking*/
ul.qklinks  li:hover,
ul.qklinks  li li:hover,
ul.qklinks  li li li:hover,
ul.qklinks  li.sfHover,
ul.qklinks  li li li.sfHover,
ul.qklinks  li li.sfHover { position:static;}
/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left; width:238px; background:url(images/LeftBG.gif) no-repeat left top;min-height:165px;}

.structLeft #ContentLeftNav{margin:0; padding:0; float:left; width:100%}
.structLeft #ContentLeftNav ul{margin:0; padding:10px 20px; float:left; list-style:none; width:198px}
.structLeft #ContentLeftNav li{ display:none;}
.structLeft #ContentLeftNav li.selected{margin:0; padding:0; float:left; width:100%;display:block;}
.structLeft #ContentLeftNav a{margin:0; padding:0 0 20px; display:block; font-size:20px; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#58595b;line-height:19px;}

.structLeft #ContentLeftNav li ul{margin:0; padding:0;}
.structLeft #ContentLeftNav li li{margin:0; padding:0; float:left; width:100%; display:block;}
.structLeft #ContentLeftNav li li a{margin:0; padding:0 0 15px; display:block; font-size:13px; text-transform: none;line-height:15px;}
d85a1a

.structLeft #ContentLeftNav li li ul{margin:0; padding:0;}
.structLeft #ContentLeftNav li li li{margin:0; padding:0; float:left; width:100%}
.structLeft #ContentLeftNav li li li a{margin:0; padding:0 0 5px 10px; display:block; font-size:11px; font-weight:normal;  background:url(images/leftnavarw.gif) no-repeat left 6px;line-height:13px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; width:100%; background:url(images/ContentBg.png) repeat-y left top;}
.row .structBody{margin:0; padding:0; float:left; width:100%; background:url(images/ContentBgRow.png) repeat-y left top;}
.start .structBody{margin:0; padding:0; float:left; width:100%; background:none;}

.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 .rowWrap{float:left;margin:0;padding:0 0;width:485px;}

.structBody #ContentImgRot{float:left;margin:0;padding:5px 15px;text-align:center;width:455px;}
.structBody .rotbtm{background:url(images/contentRot.gif) no-repeat scroll center top transparent;float:left;height:15px;margin:0;padding:0;width:100%;}

.structBody .MidWrap{float:left;margin:0;padding:0 25px;width:673px;}
.row .structBody .MidWrap{float:left;margin:0;padding:0 25px;width:435px;}
.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%; overflow:hidden;}

.box{ float:left; background:#FFF url(images/StBoxBG.gif) repeat-x left bottom; width:188px; margin:0 10px 10px 0; padding:10px; display:inline; height:210px;}
.wbox{ width:252px;}

.structBody #ContentStImgRot{background:url(images/stImgBg.png) repeat-y scroll left top transparent;float:left;margin:0;padding:0 2px;width:708px;}
.start .structBody .rotbtm{background: url(images/stImgRotBtm.png) no-repeat scroll left top transparent;float:left;height:15px;margin:0;padding:0;width:100%;}
.start .structBody .MidWrap{float:left;margin:0;padding:0 0;width:723px;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:right; width:238px;}
.structRight #ContentEvents{background:url(images/EventTop.png) no-repeat scroll left top transparent;float:left;height:197px;margin:0;padding:12px;width:213px;}
.structRight #ContentMiddleLayoutRight{background:url(images/RightTop.png) no-repeat scroll left top transparent;float:left;margin:0;padding:12px;width:213px; min-height:150px;}
.structRight .rtbox{ background:url(images/rightbg.png) repeat-y left top;float:left;margin:0;padding:0;width:100%;}
.structRight .Rightbtm{background:url(images/rightbtm.png) no-repeat scroll left top;clear:both;float:left;height:16px;padding:0 0 10px;width:238px;}
.start .structRight .Rightbtm{background: url(images/stbtmrt.png) no-repeat scroll left top;clear:both;float:left;height:12px;padding:0 0 10px;width:238px;}
.start .structRight .Rightbtmst{background:url(images/rightbtm.png) no-repeat scroll left top;clear:both;float:left;height:12px;padding:0 0 10px;width:238px;}

.structRight .box{margin:0 0 0 2px;width:214px; display:inline; height:122px;}

.structRight #ContentLogin{margin:9px 0 0; padding:0; float:left; width:100%;float:left;}
.structRight #ContentLogin img.profile{margin:0; padding:0; float:left;}
.structRight #ContentLogin h4{ color:#808080;float:left;font-size:14px;font-weight:bold;padding:0 5px;}
.structRight #ContentLogin ul{ list-style:none; float:left; width:100%; padding:0;}
.structRight #ContentLogin li{list-style:none; float:left; padding:0 5px;}
.structRight #ContentLogin a{ color:#808080; text-decoration:underline;}

.structRight #ContentLogin .instructions, .structRight #ContentLogin .cancelButton, .structRight #ContentLogin .remember, .structRight #ContentLogin .divLoginLinks,.structRight #ContentLogin .labelUserName, .structRight #ContentLogin .labelPassword{ display:none;}

.structRight #ContentLogin .loginButton{ background:url(images/loginbtn.gif) no-repeat left top; color:#FFFFFF; border:none;padding:1px 21px 6px 19px; *padding:2px 13px 4px 12px; margin:0 0; float:right; display:inline; font-size:10px;}

.structRight #ContentLogin .divLoginPanel{ margin:0;}

.structRight #ContentLogin .divLoginInputs{ margin:0; padding:0 0 8px 0; float:left; width:100%;}
.structRight #ContentLogin .divLoginUserNameRow{ margin:0; padding:0;}
.structRight #ContentLogin .divLoginButtonRow{ float:left; width:100%; margin:0; padding:0;}

.structRight #ContentLogin .inputLoginUsername,
.structRight #ContentLogin .inputLoginPassword{ display:inline;float:left;margin:0 0 5px;width:210px;text-align:right;}
.structRight #ContentLogin .anchorTempLogin{color:#58595B;float:left;font-size:9px;margin:0 0 0 50px;text-decoration:none;}
.structRight #ContentLogin #lblPassword{ margin:0 4px 0 0;}

.structRight #ContentLogin .divLoginFacebook{display: block;float: right;padding: 6px 0 0;width: 70px;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%; background:#222322 url(images/FooterBg.gif) repeat-x left top; min-height:177px; position:relative }
.structFooter #ContentFooter{margin:0; padding:0; float:left;}
.structFooter #ContentFooterLt{border-right:1px solid #969695;color:#A7A9AC;float:left;font-size:9px;margin:15px 0;min-height:210px;padding:0 10px;width:232px}
.structFooter #ContentFooterLt h2{ color:#FFFFFF;font-size:12px;line-height:17px; float:left; }
.structFooter #ContentFooterLt img{ padding:0 5px 0 0;}
.structFooter #ContentFooterLt a{ color:#d85a1a; text-decoration:none;}
.structFooter #ContentFooterLt a:hover{text-decoration: underline;}
.structFooter #ContentFooterRt{display:inline;float:right;margin:67px 40px 15px 0;padding:0;}

.structFooter #ContentFooterNav1{margin:15px 0 0; padding:0 30px; float:left; width:646px;}
.structFooter #ContentFooterNav1 ul{margin:0; padding:0; float:left; list-style:none; width:646px;}
.structFooter #ContentFooterNav1 li#Membership,
.structFooter #ContentFooterNav1 li#Events,
.structFooter #ContentFooterNav1 li#Networking,
.structFooter #ContentFooterNav1 li#News{ display:block;margin:0; padding:0; float:left; width:161px;}
.structFooter #ContentFooterNav1 li{ display:none;}
.structFooter #ContentFooterNav1 li a{margin:0; padding:0; display:block; color:#d85a1a; font-size:10px; font-weight:bold; text-decoration:none; }
.structFooter #ContentFooterNav1 li a:hover{text-decoration: underline; }

.structFooter #ContentFooterNav1 li ul{margin:0; padding:0; float:left; list-style:none; width:156px;}
.structFooter #ContentFooterNav1 li li{margin:0; padding:0; float:left; width:100%;display:block;}
.structFooter #ContentFooterNav1 li li a{margin:0; padding:0; display:block; color:#a7a9ac; font-size:9px; font-weight:normal; }

.structFooter #ContentFooterNav2{margin:5px 0 15px; padding:0 30px; float:left; width:483px;}
.structFooter #ContentFooterNav2 ul{margin:0; padding:0; float:left; list-style:none; width:100%;}
.structFooter #ContentFooterNav2 li#HowToHelp,
.structFooter #ContentFooterNav2 li#StudentPrograms,
.structFooter #ContentFooterNav2 li#About{ display:block;margin:0; padding:0; float:left; width:161px;}
.structFooter #ContentFooterNav2 li{ display:none;}
.structFooter #ContentFooterNav2 li a{margin:0; padding:0; display:block; color:#d85a1a; font-size:10px; font-weight:bold; text-decoration:none; }
.structFooter #ContentFooterNav2 li a:hover{text-decoration: underline; }

.structFooter #ContentFooterNav2 li ul{margin:0; padding:0; float:left; list-style:none; width:156px;}
.structFooter #ContentFooterNav2 li li{margin:0; padding:0; float:left; width:100%;display:block;}
.structFooter #ContentFooterNav2 li li a{margin:0; padding:0; display:block; color:#a7a9ac; font-size:9px; font-weight:normal; }