/***********************************************/ /* Goddess Main Styles */ /***********************************************/ h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend, blockquote, table, dl, dt, dd { margin: 0; padding: 0; } ul li { list-style: none; display: block; } ol li { list-style: decimal inside; } img { border: none; } a, a:link, a:visited, a:active { color: #7884B8; text-decoration: none; outline: none; } a:hover { color: #333333; } .hidden { display: none; } #nav ul ul { position: absolute; left: -1000em; overflow: hidden; } /***********************************************/ /* HTML tag styles */ /***********************************************/ body { margin: 0 auto; text-align: center; padding: 0; color: #333; background: #ffffff; font-family: Arial, Sans-Serif; font-style: normal; font-weight: normal; } #container { width: 1000px; margin: auto; text-align: left; background: #fff; } /***********************************************/ /* Top styles */ /***********************************************/ #top { height: 110px; position: relative; background: #fff; } #top h1 a { display: block; background: url("/media/1665/goddesslogo.png") no-repeat 100% 100%; width: 125px; height: 100px; text-indent: -1000px; z-index: 40; margin: 10px; } #top #searchPanel { position: absolute; width: 270px; height: 40px; right: 20px; top: 50px; background: url("/Media/Images/SearchPanel.jpg") no-repeat; line-height: 40px; } #top #searchPanel label { font-size: 0.8em; font-weight: bold; margin-left: 15px; } /***********************************************/ /* Navigation styles */ /***********************************************/ #nav { width: 1000px; background: #7884B8; float: left; } #nav ul li { float: left; position: relative; z-index: 39; line-height: 30px; } #nav .divide { top: 0px; right: 0px; } #nav li a, #nav li a:link, #nav li a:visited, #nav li a:active { display: block; float: left; color: #fff; padding-left: 20px; padding-right: 20px; font-size: 0.9em; } #nav li a:hover { background: #9DA6D1; } /* dropdown */ #nav ul li:hover ul { overflow: hidden; top: 30px; left: 0px; width: 240px; height: auto; padding: 0; } #nav ul li:hover ul li, #nav ul li:hover ul li:hover, #nav ul li ul li:hover, #nav ul li ul li { font-size: 0.9em; border-left: 1px solid #fff; border-right: 1px solid #fff; line-height: 20px; border-bottom: 1px solid #fff; background: url("../Media/Images/subnav_background.png") repeat; width: 240px; } html>body #nav ul li:hover ul li:first-child { margin-top: 0; border-top: 1px solid #fff; } #nav ul li:hover ul li a, #nav ul li:hover ul li a:link, #nav ul li:hover ul li a:visited, #nav ul li:hover ul li a:active { display: block; float: left; color: #fff; padding: 5px !important; width: 240px; } #nav ul li:hover ul li a:hover, #nav ul li:hover ul li:hover { background: #9DA6D1 !important; } /***********************************************/ /* Main styles */ /***********************************************/ #main { width: 960px; padding: 20px; position: relative; clear: left; background: #fff; } #main h1 { font-size: 1.4em; font-weight: 600; margin-bottom: 20px; color: #7884B8; } #main h2 { font-size: 1em; font-weight: 600; margin-bottom: 10px; color: #7884B8;} #main p { margin-bottom: 10px; font-size: 0.9em; } #main th { font-size: 0.9em; } #main td { font-size: 0.9em; } #main td p { font-size: 1em; margin-bottom: 10px;} #main ul { margin-bottom: 20px; } #main ol li { list-style-position:outside; list-style-type: decimal; margin-left: 40px; font-size: 0.9em; } #main ul li { list-style-position:outside; list-style-type: disc; margin-left: 20px; font-size: 0.9em; } #main td ul li { list-style-position:outside; list-style-type: disc; margin-left: 20px; font-size: 0.9em; } /* table styles */ #main table {width: 100%;} #main tr.altRow {background: #eee;} #main td { padding: 2px;} #main th { font-weight: normal; color: #fff; background: #999; font-weight:bold;} #main td { } #main td strong { font-weight: bold; } /***********************************************/ /* FORM styles */ /***********************************************/ #main span.row { float: left; width: 600px; margin-bottom: 10px; } #main span.row2 { float: left; width: 600px; margin-bottom: 10px; } #main span.row p { padding-left: 200px; font-size: 0.9em; margin-top: .4em; margin-bottom: 0; color: #666; } #main span.row p.nostyle { padding-left: 0; font-size: 0.9em; margin-bottom: 0; color: #666; } #main label { display: block; width: 220px; padding-left: 20px; padding-right: 20px; float: left; clear: both; margin-bottom: 1em; font-size: 0.9em; } #main span.row2 label { display: block; width: 600px; padding-left: 20px; padding-right: 20px; float: left; clear: both; margin-bottom: 1em; font-size: 0.9em; } #main label.normal { display: block; width: auto; float: none; clear: both; margin-bottom: 1em; font-size: 0.9em; } #main label.inline { display: inline !important; width: auto; float: none; clear: none; font-weight: normal; padding-right: 5px; font-size: 0.9em; } #main span table label {width: auto;} #main .nostyle input { width: auto; } #main span input[type="text"] { width: 300px; } #main label.inline input[type="text"] { width: auto; } #main label.inline input[type="textarea"] { width: auto; } #main textarea { width: 600px; height: 100px; font-family: Arial, Sans-Serif; } #main fieldset { float: left; width: 800px; margin-bottom: 10px; padding: 15px 20px; border: solid 1px #ccc; } #main fieldset legend { padding: 10px; font-size: 1em; font-weight: 500; color: #333333; } #main fieldset p { margin-bottom: 10px; } /***********************************************/ /* Panel styles */ /***********************************************/ #leftColumn { float: left; width: 540px; } #rightColumn { float: right; width: 380px; } #backLinkPanel { height: 20px; position: relative; clear:both; } #equipmentSpacer { height: 200px; position: relative; clear:both; } #homecontainer { position: relative; width: 959px; height: 280px; } #welcomepanel { float: left; width: 510px; height: 260px; background: url("/Media/Images/WelcomePanel.jpg") no-repeat; padding: 20px; font-size: 0.9em; } #welcomeimage { float: right; width: 380px; height: 260px;} #columncontainer { position: relative; width: 959px; height: 200px; margin-top: 10px; } #partnerPanel { float: left; width: 510px; padding: 20px; } #memberlogin { width: 380px; height: 190px; float: right; background: url("/Media/Images/MemberPanel.jpg") no-repeat; } #memberlogin h2 { line-height: 40px; font-size: 1em; font-weight: 200; margin-bottom: 20px; color: #fff; text-indent: 20px; } #memberlogin label { width: 120px; padding: 0px; text-indent: 20px; font-size: 0.8em; text-align: left;} #memberlogin input { width: 180px; } #memberlogin p { text-indent: 20px; font-size: 0.8em; } #memberlogin td { padding: 0px; font-size: 1em; } /***********************************************/ /* Navigation styles */ /***********************************************/ #footer { height: auto; position: relative; clear:both; font-size: 0.9em; background: #7884B8; color:#fff; padding-bottom: 10px; } #footer p { text-align: center; font-size: 0.8em; margin-bottom: 10px; } #footer ul { line-height: 20px; width: 100%; margin-bottom: 10px; } #footer ul li { float: left; position: relative; z-index: 39; } #footer li a, #footer li a:link, #footer li a:visited, #footer li a:active { display: block; float: left; color: #fff; padding-left: 20px; padding-right: 20px; font-size: 0.9em; } #footer li a:hover { background: #9DA6D1; } /***********************************************/ /* Image styles */ /***********************************************/ img.pic-r { margin: 10px 20px; } img.pic-l { margin: 10px 0; } img.pic-r { float: right; } img.pic-l { float: left; } img.pic-c { text-align: center; display: block; margin: 15px auto; } #equipmentSpacer { height: 100px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */