@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/18px Arial, Helvetica, sans-serif;background:#041720 url(images/Bg.gif) repeat-x left top; }

.mastWrap{float:left;width:100%;background:url(images/BG_index.jpg) no-repeat center top;min-height:1800px; _height:1800px; }
.home .mastWrap{background:url(images/BG_home.jpg) no-repeat center top;}
.apply .mastWrap{background:url(images/BG_appy.jpg) no-repeat center top;}
.my .mastWrap{background:url(images/BG_myscholar.jpg) no-repeat center top;}
.scholarship .mastWrap{background:url(images/BG_scholarship.jpg) no-repeat center top;}
.about .mastWrap{background:url(images/BG_about.jpg) no-repeat center top;}
.faq .mastWrap{background:url(images/BG_faq.jpg) no-repeat center top;}
.cntrWrap{width:850px;margin:0 auto;}
.fltFix{float:left;width:100%; }

a { color: #E61624; text-decoration: underline; outline:none; }
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:180%;line-height:24px;}
h2, .PageSubTitleHeader {font-size:160%; line-height:24px;}
h3 {font-size:140%;line-height:21px;}
h4 {font-size:130%;line-height:18px;}
h5 {font-size:120%;line-height:15px;}
p {margin:7px 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;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:0; float:left; width:850px; background:url(images/Header.jpg) no-repeat left top;}

.structHead h1{ margin:0 0 19px; padding:0; float:left;}
.structHead h1 a{ display:block;float:left;height:97px;margin:0;padding:0;width:335px;}

.structHead #ContentToplinks{margin:0; padding:0; float:left; width:850px; background:#FFFFFF;}
.structHead #ContentToplinks ul{margin:0; padding:0; float:left; width:850px; list-style:none;}
.structHead #ContentToplinks li{margin:0; padding:0; float:left;}
.structHead #ContentToplinks a{margin:0; padding:0; display:block; height:28px; text-indent:-999em;}
.structHead #ContentToplinks li#blank {width:127px; background:url(images/blank.gif) no-repeat left top;}

.structHead #ContentToplinks li#HowToApply a{ background: url(images/Apply.gif) no-repeat left top; width:127px;}
.structHead #ContentToplinks li#MyScholarshipSubmisson a{ background: url(images/MyScholar.gif) no-repeat left top;width:186px;}
.structHead #ContentToplinks li#ScholarshipRecipients a{ background: url(images/Scholarship.gif) no-repeat left top;width:173px;}
.structHead #ContentToplinks li#AboutiModules a{ background: url(images/About.gif) no-repeat left top;width:107px;}
.structHead #ContentToplinks li#faqs a{ background: url(images/Faq.gif) no-repeat left top;width:63px;}

.structHead #ContentToplinks li#HowToApply a:hover{ background: url(images/Apply.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#MyScholarshipSubmisson a:hover{ background: url(images/MyScholar.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#ScholarshipRecipients a:hover{ background: url(images/Scholarship.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#AboutiModules a:hover{ background: url(images/About.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#faqs a:hover{ background: url(images/Faq.gif) no-repeat left bottom;}

.structHead #ContentToplinks li#HowToApply.selected a{ background: url(images/Apply.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#MyScholarshipSubmisson.selected a{ background: url(images/MyScholar.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#ScholarshipRecipients.selected a{ background: url(images/Scholarship.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#AboutiModules.selected a{ background: url(images/About.gif) no-repeat left bottom;}
.structHead #ContentToplinks li#faqs.selected a{ background: url(images/Faq.gif) no-repeat left bottom;}

#ContentMemberTools {float:left;margin:0px;padding:5px 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #000000;float:left;padding:0 10px;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#000000;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;}
.structLeft #ContentLeft{margin:0; padding:0; float:left;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0 0 10px; padding:0; float:left;background:#FFFFFF; width:850px; min-height:500px;_height:500px;}

.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{margin:0; padding:15px; float:left; width:820px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%;}
.form .structBody #ContentMiddle{float:left;margin:0;padding:0 10px 0 0;width:615px;}
/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentMiddleLayoutRight{margin:0; padding:0; float:right; width:195px}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%;}
.structFooter #ContentFooter{margin:0; padding:0; float:left;}
