/* This sets the default attributes for the common elements to zero --------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, li, ol, ul, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border-width: 0; } img {border-width: 0;} /*body{ margin: 0; background-color: #6699bb;}*/ body{ margin:0; background-color:#6699bb; width:100%; min-width:1014px; } br {clear: both;height:5px;} /* Adds back some space between paragraphs removed in the defaults above --------------------- */ p{margin-bottom:10px; margin-top:0} td { vertical-align: top; } .clr { clear: both; display: block } /* common attributes for the "inner" divs*/ div#content-inner, div#footer-inner, div#header-inner, div#header-tabs-inner, div#alertArea-inner, div#registration-inner, div#news-inner { width: 1005px; margin: 0 auto; text-align: left; padding:0; font-family: "Lucida Sans", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } div#header-inner { text-align: center; } div#header-tabs-inner { color:#fff; font-size: 13px; line-height: 16px; height:19px; } div#registration-inner { font-size: 13px; line-height: 16px; } div#content-inner { color:#333; font-size: 12px; line-height: 16px; /*background-color: #ff6666;*/ } /*for testing*/ div#footer-inner { font-size: 13px; line-height: 16px; } div#news-inner { color:#fff; font-size: 14px; line-height: 16px; } div#alertArea-inner { font-size: 14px; line-height: 16px; } /* common attributes for the "outer" divs*/ div#content-outer, div#footer-outer, div#header-outer, div#header-tabs-outer, div#news-outer, div#registration-outer, div#alertArea-outer { clear: both; padding: 0 0 0 10px; min-width:1014px; } div#content-outer { background-color: #e2e2e2; background-image: url(capsimPageContentBG2.gif); background-repeat: repeat-x; padding: 0 0 0 10px; text-align: center; }/* background-color: #dde3e8; */ div#footer-outer { background-color: #6699bb; background-image: url(capsimPageFooterBG.gif); background-repeat: repeat-x; min-width:1024px; text-align: center; border-top: 1px solid #3ad; } div#header-outer { background-color: #fff; padding: 10px 0 0 10px; height:44px } div#header-tabs-outer { background-color: #5cc151; padding: 2px 0; border-bottom: 1px solid #72ff4c; min-width:1022px;} div#news-outer { background-color: #335577; padding: 10px 0 0 10px; } div#registration-outer { background-color: #899eb0; background-image: url(capsimPageRegistrationBG.gif); background-repeat: repeat-x; padding: 15px 0 15px 10px; }/* This is also the breadcrum area */ div#alertArea-outer { background-color: #3ad; padding: 10px 0 0 10px; border-bottom: 1px solid #335577; visibility: hidden; display:none; } /* fixes printing bug, width is not recognized in prinitng if used in above lines */ @media print { div#content-outer, div#footer-outer, div#header-outer, div#header-tabs-outer, div#news-outer, div#registration-outer, div#alertArea-outer { clear: both; padding: 0 25px; width:1055px} } @media print { div#content-inner, div#footer-inner, div#header-inner, div#header-tabs-inner, div#news-inner, div#registration-inner, div#alertArea-inner { clear: both; padding: 0; width:1005px} } .contentB { background-color: #dde235; width: 991px; float:left; margin-left:0;} .footer-address { font-size: 11px; line-height: 14px; padding-top: 8px; border-top: 1px solid #293f4e; } .navigation { /*background-color: #fff;*/ text-align: left; float: left; margin-right: 14px; margin-bottom: 10px; margin-left: 0px; position: relative; width: 187px; overflow: hidden; display: block } .modIcon { visibility: visible; float:right; clear: both; display: block; } .notes { color: black; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; clear: both; margin: 10px 0 0 10px; padding-top: 6px; width: 770px; /* visibility: visible; margin: 10px 0 0 10px; width: 770px; visibility: visible;*/ /* background-color: #03884a; color:#03884a; margin: 0; width: 100%; */ } /*.notes a { color: #03884a; } .notes a:link { color: #03884a; } .notes a:visited { color: #03884a; } .notes a:link { color: #03884a; } */ .notes A:link { color: blue } .notes { visibility: hidden; display:none; } /* columnGrid*/ /* common attributes to all colum grids */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 , c13, c14, c15 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; } /* common attributes to all colum grids */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 , c13, c14, c15 { float: left; margin-bottom: 9px; margin-top:5px;display: block;} .c1 { width: 53px; margin-right: 14px; } /* 1/6 page */ .c2 { width: 120px; margin-right: 14px; } /* 1/6 page */ .c3 { width: 187px; margin-right: 14px; } /* 1/4 page */ .c4 { width: 254px; margin-right: 14px; } /* 1/3 page */ .c5 { width: 321px; margin-right: 14px; } /* 5/12 page */ .c6 { width: 388px; margin-right: 14px; } /* 1/2 page */ .c7 { width: 455px; margin-right: 14px; } /* 7/12 page */ .c8 { width: 522px; margin-right: 14px; } /* 2/3 page */ .c9 { width: 589px; margin-right: 14px; } /* 3/4 page */ .c10 { width: 656px; margin-right: 14px; } /* 5/6 page */ .c11 { width: 723px; margin-right: 14px; } /* 5/6 page */ .c12 { width: 790px; margin-right: 14px; clear: both;} /* whole page */ .content { background-color: #fff; width:731px; float:left; margin: 0 0 30px 0; padding:20px 0px 10px 59px; } /* 731 + 59 = 790*/ /* columnGrid based on 731px width :12 column of 49 : gutters 13px: */ .content .c1 { width: 34px; margin-right: 24px; } /* 1/6 page */ .content .c2 { width: 92px; margin-right: 24px; } /* 1/6 page */ .content .c3 { width: 150px; margin-right: 24px; } /* 1/4 page */ .content .c4 { width: 208px; margin-right: 24px; } /* 1/3 page */ .content .c5 { width: 266px; margin-right: 24px; } /* 5/12 page */ .content .c6 { width: 324px; margin-right: 24px; } /* 1/2 page */ .content .c7 { width: 382px; margin-right: 24px; } /* 7/12 page */ .content .c8 { width: 440px; margin-right: 24px; } /* 2/3 page */ .content .c9 { width: 498px; margin-right: 24px; } /* 3/4 page */ .content .c10 { width: 556px; margin-right: 24px; } /* 5/6 page */ .content .c11 { width: 614px; margin-right: 24px; } /* 5/6 page */ .content .c12 { width: 672px; margin-right: 24px; clear: both;} /* whole page */ /* footer column grid - based on extending a 790px width :12 column of 53 : gutters 14px: grid an etra 3 units - total width 991 = 14px margin on the right*/ #footer-inner .c1 { width: 53px; margin-right: 14px; } /* 1/15 page */ #footer-inner .c2 { width: 120px; margin-right: 14px; } /* 2/15 page */ #footer-inner .c3 { width: 187px; margin-right: 14px; } /* 1/5 page */ #footer-inner .c4 { width: 254px; margin-right: 14px; } /* 4/15 page */ #footer-inner .c5 { width: 321px; margin-right: 14px; } /* 1/3 page */ #footer-inner .c6 { width: 388px; margin-right: 14px; } /* 6/15 page */ #footer-inner .c7 { width: 455px; margin-right: 14px; } /* 7/15 page */ #footer-inner .c8 { width: 522px; margin-right: 14px; } /* 8/15 page */ #footer-inner .c9 { width: 589px; margin-right: 14px; } /* 3/5 page */ #footer-inner .c10 { width: 656px; margin-right: 14px; } /* 2/5 page */ #footer-inner .c11 { width: 723px; margin-right: 14px; } /* 11/15 page */ #footer-inner .c12 { width: 790px; margin-right: 14px; clear: both;} /* 4/5 page */ #footer-inner .c15 { width: 991px; margin-right: 14px; clear: both;} /* whole page */ /* columnGrid extras*/ .first{ clear: both;} /* add as second class type for the first column starting a new row*/ .homeContent .link { display: inline; color: #1F65A2; } .homeContent #link { width: 672px; margin-top: 30px; margin-bottom: 10px; } p { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666; } .blue { color: #1F75C8; } .c4.capstone h2 { margin: 0px; padding: 0px; height: 50px; width: 203px; overflow: hidden; position: relative; } .c4.capstone h2 span { background-image: url(../Includes_Images/capstone-homepage.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 50px; width: 203px; position: absolute; z-index: 1; left: 0px; top: 0px; } .c4.compxm h2 { margin: 0px; padding: 0px; height: 50px; width: 203px; overflow: hidden; position: relative; } .c4.compxm h2 span { display: block; margin: 0px; padding: 0px; height: 50px; width: 203px; position: absolute; z-index: 1; left: 0px; top: 0px; background-image: url(../Includes_Images/compxm-homepage.png); background-repeat: no-repeat; background-position: left top; } .c4.first.foundation p { font-size: 12px; color: #666; } .c4.capstone p { font-size: 12px; color: #666; } .c4.compxm p { font-size: 12px; color: #666; } .learn-more { float: left; width: 203px; margin-right: 25px; } .learn-more-foundation { clear: both; float: left; width: 203px; margin-right: 25px; } .link a { text-decoration: none; color: #1F65A2; } .learn-more-foundation a { color: #1F65A2; } .learn-more a { color: #1F65A2; } .registered { font-size: 40%; vertical-align: super; }