/*********************************************************************** * Developer: Michael Richert * Email: mtrich28@hotmail.com * test home * Primary Colors: * Green: #005709, Blue: #00106b, Content BG Color: #ddeffb * Wrapper BG Color: #40ca00, Margin Color: #C9F0B7 ************************************************************************/ /***** GLOBAL *****/ html, body, ul, img , div, h1, h2 {margin: 0; padding: 0;} body {text-align: center; font-family: Arial,Verdana, Sans-serif; background-color: #C9F0B7} a img, img {border: none;} body a {font-family: arial; } /***** OVERRIDE DEFAULT STYLES *****/ a:link, a:visited {text-decoration: none; font-weight:bold; color:#00106b; background-color: inherit;} a:hover {text-decoration: underline; color: #00106b; background-color: inherit;} a:active {text-decoration: none; font-weight:bold; color:#00106b; background-color: inherit;} a.SkinObject:link {color:#00106b; } a.SkinObject:visited {color:#00106b; } a.SkinObject:hover {color:#00106b; text-decoration: underline; } /* text style used for most text rendered by modules */ .Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6, .head {font-family: Arial,Verdana, Sans-serif; font-size: 100%; font-weight: normal; color: #00106b; line-height: 18px;} /* text style used for rendered text which should appear disabled */ .NormalDisabled {color: Silver;} /* text style used for error messages */ .NormalRed {color: #ff0000;} h1, h2, h3, h4, h5, h6, .head , .NormalBold, .NormalRed {font-weight: bold;} H1, H2, H3 {margin: 15px;} H1 {font-size: 22px;} H2 {font-size: 20px;} H3 {font-size: 16px;} H4 {font-size: 12px;} H5, DT, H6 {font-size: 11px;} /* style for module titles */ .Head {font-size: 20px;} ul {list-style: inside;} ul li {list-style-type: disc;} hr {color: #00106b;} /***** WRAPPERS *****/ #wrapper-shadow {position: relative; width:1098px; margin: 0 auto; background-image: url(Images/wrapper_footer.jpg); background-repeat: repeat-y;} #wrap-left {float: left; width:64px; } #wrap-right {float: right; width: 64px; } #wrapper-content {width: 970px; margin-left: 64px; background-image :url(Images/background_gradient4.jpg); background-repeat: repeat-x; text-align: left; background-color: #ddeffb;} /***** HEADER / LOGO *****/ #header {width: 970px; position: relative; height: 233px; z-index: 2;} #logo {float: left; width: 547px; height: 70px; margin-left: 10px; margin-top: 0px; background-image: url(Images/aydwm_new.jpg); background-repeat: no-repeat;} /***** HORIZONTAL NAVIGATION *****/ #nav-box {width: 960px; position: relative; padding: 61px 0 0 15px; } #HouseMenuNav {float: left; width: 950px; list-style: none; display: block; margin-top: 5px; } #HouseMenuNav li {background-image: url(Images/nav_background.png); background-repeat: no-repeat; float: left; display: inline; width: 127px; } #HouseMenuNav li a {width: 127px; text-align: center; display: block; font-size: 12px; font-weight: bold; text-decoration: none; color: #01560b; line-height: 100%; padding: 5px 0;} #HouseMenuNav a:hover {color: #fff; text-decoration: none;} #HouseMenuNav a:focus {outline: 0; color: #fff;} /***** DROP-DOWN NAV *****/ #HouseMenuNav li ul {display: none; border: 1px solid #007100; border-top: 0; overflow:hidden; position:absolute; width: 200px; background-color: #c8db5d; } #HouseMenuNav ul li {display:block; background-image: none; border-top:1px #007100 dotted; width:200px; position: relative; padding-right: 5px; height: auto;} #HouseMenuNav ul li a {color:#01560b; width:100%; text-align: left; padding:.6em 0 .6em .8em; } #HouseMenuNav ul li a:hover {color: #fff; } #HouseMenuNav li:hover ul ul {display: none;} #HouseMenuNav li:hover ul {display: block; } /***** MAIN CONTAINER *****/ #main {width: 970px; position: relative; } /***** RIGHT COLUMN *****/ #col-right {width: 710px; float: right;} h1#banner {margin: 0 0 0 305px; line-height: 43px; padding-top: 60px; padding-bottom: 35px; font-size: 28px; color: #fff; letter-spacing: -.02em;} #large-text {font-size: 44px} /***** SUBNAV 1 *****/ #subnav1 {width: 705px; height: 347px; color:#005709; position: relative; } #subnav1-left {float: left; width: 25px; height: 347px; background:transparent url(Images/subnav1_left.png) no-repeat; z-index:-10;} #subnav1-right {float: left; width: 25px; height: 347px; background:transparent url(Images/subnav1_right.png) no-repeat; z-index:-10;} #subnav1-box {float: left; width: 648px; height: 347px; background:transparent url(Images/subnav1_gradient.png) repeat-x; z-index:-10;} #subnav1 ul {list-style: none; display: block; margin-top: 10px;} #subnav1 ul li {float: left; display: inline; width: 122px; text-align: center; margin-left: 7px;} #sub-nav1-links a {font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; letter-spacing: .00001em;} #sub-nav1-links a:hover {text-decoration: underline;} #subnav1 p {font-size: 14px; font-weight: normal; line-height: 18px; margin: 7px 15px; color: #005709;} #subnav1 h2 {font-size: 24px; margin-left: 15px; margin-top: 15px; color: #005709; } /***** SUBNAV 2 *****/ #subnav2 { width: 700px; height: 284px; position: relative; color: #00106b; padding-top: 55px;} #subnav2 h2 {font-size: 20px; text-align: center; margin-bottom: 0; margin-top: 15px;} #subnav2 hr {color:#00106b; height: 1px; background-color: #00106b;} #subnav2 p {font-size: 12px; margin: 5px;} #subnav2 a {font-weight: bold; text-decoration: none; color: #00106b; font-size: 12px; margin-top: 5px; } #subnav2 a:hover {color: #00106b; text-decoration: underline;} ul#subnav2-images {list-style: none; display: block; position: absolute; top: 0; left: 58px;} ul#subnav2-images li {float: left; display: inline; width: 122px; text-align: center; margin-right: 109px;} ul#subnav2-images li#last-image {margin-right: 0;} /***** LEFT COLUMN *****/ #col-left {width: 230px; float: left; padding-left: 15px;} #news {width: 232px; color: #00106b; position: relative; margin-top: 1px;} #news p {font-size: 12px; color: #00106b; padding: 5px;} #news hr {color:#00106b; height: 1px; background-color: #00106b;} #news a {color: #00106b; font-weight: bold; font-size: 12px;} #news-bottom {float:left; width:232px; height:23px; background:transparent url(Images/news_bottom.png) no-repeat;} #news-top {float:left; width:232px; height:22px; background:transparent url(Images/news_top.png) no-repeat} #news-box {float:left; min-height: 272px; padding:15px; width:202px; background:transparent url(Images/news_gradient.png) repeat-y;} #news p {font-size: 12px;} #news h2 {text-align: center; margin: -15px 0 0; font-size: 20px;} /**** BUTTON 1 *****/ #button1 {height: 165px; padding: 3px 6px 0 4px; position: relative; margin-left: 4px; background: url(Images/button1.png); background-repeat: no-repeat; } #button1-text {font-size: 18px; font-weight: bold; text-align: left; color:#005709; line-height: 23px; position: absolute; top: 8px; left: 15px;} #button1 a {text-decoration: none; color: #005709; display: block; height: 155px; width: 100%;} #larger1 {font-size: 26px; font-weight: bold; line-height: 30px;} /***** BUTTON 2 *****/ #button2 {height: 163px; padding: 3px 6px 0 4px; margin-left: 4px; position: relative; background: url(Images/button2.png); background-repeat: no-repeat; } #button2-text {font-size: 18px; font-weight: bold; color: #FFF; line-height: 21px; position: absolute; top: 8px; right: 22px; text-align: right;} #button2 a {color: #fff; text-decoration: none; display: block; height: 155px; width: 100%;} #larger2 {font-size: 26px; font-weight: bold; line-height: 32px;} #button1-click {position: absolute; display: block; bottom: 8px; left: 0; color: #005709; font-size: 12px; font-weight: bold; text-decoration: none;} #button2-click {position: absolute; bottom: 12px; left: 15px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;} /***** FOOTER *****/ #footer {width: 640px; margin-left: 315px; font-size: 11px; font-weight: bold; color: #00106b;} p#login {text-align: right; margin-right: 76px; margin-top: 7px;} p#login a {color: #fff;} /**** CLASSES *****/ .news-strong {font-weight: bold; font-size: 12px;} .clear {clear: both;} .clear-left {clear: left;} .subnav2-container {width: 232px; height:284px; float: left; position: relative;} .subnav2-left {float:left; width:16px; height:284px; background:transparent url(Images/subnav2_left.png) no-repeat;} .subnav2-right {float:left; width:16px; height:284px; background:transparent url(Images/subnav2_right.png) no-repeat;} .subnav2-box {float:left; width:200px; height:222px; padding-top: 62px; background:transparent url(Images/subnav2_gradient.png) repeat-x;}