/*---------------------------------------- Name: global.css Developed by: Date Created: Last Updated: Copyright: ----------------------------------------*/ /* Imports ----------------------------------------*/ @import url("/templates/css/reset.css"); @import url("/templates/css/externalLinks.css"); /* Elements ----------------------------------------*/ body { background-color:#eeeeee; background-image:url(/templates/images/BodyBackground.gif) } body, p, td, th, li { font-family: Verdana, Arial, Sans-Serif; font-size:1em; line-height:1.5em; color:#000000; } #mainContainer { width:950px; margin: 15px auto; } p { margin: 0 0 1em 0; } /*--- Link Styles ---*/ a:link, a:visited { color:#B1DA67; } a:hover, a:active { color:#5C8127; text-decoration:none; } h1 { /* color:#5C8127;*/ margin:0 0 .5em 0; font-size:2.125em; } h2 { /* color:#5C8127;*/ margin:.825em 0 .5em 0; font-size:1.35em; } h3 { /* color:#5C8127;*/ margin:.825em 0 .5em 0; font-size:1.5em; } h4 { /* color:#5C8127;*/ margin:.825em 0 .5em 0; font-size:1.25em; } h5 { /* color:#5C8127;*/ margin:.825em 0 .5em 0; font-size:1.125em; } h6 { /* color:#5C8127;*/ margin:.825em 0 .5em 0; font-size:1em; } ul { margin-left:25px; list-style-type:none; } ol { margin-left:25px; } sup {vertical-align:super;font-size:.75em;} blockquote {margin: 0 0 18px 18px; color:#666666; font-style: italic;} strong {font-weight:bold;} em {font-style:italic;} /* Standard Definitions ----------------------------------------*/ .left {float:left;} .right {float:right;} .clearThis {clear:both;} .small {font-size:.8em;} .large {font-size:1.2em;} .hide {display:none;} .larger {font-size:1.5em;} .largest {font-size:2em;} .highlight {color:#FF6600;} .nobr {white-space: nowrap;} p.last {margin-bottom:0px;} /* Header ----------------------------------------*/ #header { width:900px; height:100px; } /* Nav ----------------------------------------*/ ul#nav { } ul#nav li {float:left; list-style-type:none; margin-left:10px;} /* Image Replacement ----------------------------------------*/ ul#nav li a {/*Set to height of image*/ height:20px; display:block; text-indent:-9999px; outline:none;} /*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/ li#navHome a {background-image: url(/images/nav/home.png); width:75px;} li#navWork a {background-image: url(/images/nav/work.png); width:70px;} li#navServices a {background-image: url(/images/nav/services.png); width:68px;} li#navContact a {background-image: url(/images/nav/contact.png); width:55px;} /* CSS Rollover (Sprites) - Advanced Users! ----------------------------------------*/ /*Each link must have a unique ID - Include all of your links here - Remove if not using!*/ li#navHome a:hover, li#navWork a:hover, li#navServices a:hover, li#navContact a:hover {background-position:0 -20px; /*Set to height of image !must be negative!*/} /* Main Content ----------------------------------------*/ #mainContent { width:900px; /* background-color:#D8ECB3;*/ } /* Footer ----------------------------------------*/ #footer { width:900px; height:30px; background-color:#6A8900; } #footer p { font-size:.625em; } /* original style.... */ #admin { margin:0px; padding:7px 10px 7px 10px; background:#ffffe1; border-bottom:1px solid #c0c0c0; } #admin p.left { margin: 0px; padding: 0px; float:left; } #admin p.right { margin: 0px; padding: 0px; text-align:right; } #admin a { text-decoration:none; } #admin a:hover span { text-decoration:underline; } #admin a img { margin:0px 5px -3px 0px; padding:0px; } #sitecontainer, #nav, #subnav, #content, #bottom { width:900px; margin-left:auto; margin-right:auto; } #topcontainer { height: 260px; margin:0px 0px 0px 0px;background-color:#ffffff;} #topcontainer img { margin:0px 0px 0px 0px;} #navcontainer { padding:0px 0px 0px 0px; float:left;background-color:#ffffff;} #nav { padding:0px; width: 181px; float:left;} #navlist { margin:0px; padding: 0px 0px 0px 30px; } #navlist ul { list-style-type: none; margin:0px; padding:0px; } #navlist li { display:block; list-style:none; background: #ffffff url(/templates/images/GoldStar.gif) no-repeat top left; padding: 0px; width:240px;} #navlist a { height:40px; padding:0px 0px 0px 0px; margin:0px 0px 0px 40px; display:block; text-indent:-10000px; background-repeat:no-repeat; outline:none;} #navlist a:link, #navlist a:visited { } #navlist a.current, #navlist a:hover, #navlist a:hover#current { background-position: 0 -40px; } a#andover { background-image:url(/images/nav/Andover.gif); } a#freetrial { background-image:url(/images/nav/FreeTrial.gif); } a#instructors { background-image:url(/images/nav/Instructors.gif); } a#contactus { background-image:url(/images/nav/ContactUs.gif); } a#news { background-image:url(/images/nav/News.gif); } a#home { background-image:url(/images/nav/Home.gif); } #contentcontainer { float:left; margin:0px; background-color:#ffffff;;width:100%; background-image: url(/templates/images/Footer.gif); background-repeat:no-repeat; background-position:bottom right;} #content { padding:0px 0px 0px 0px; width:600px; float:right; background-color:transparent;} #contentpadding { padding:0px 60px 30px 4px; } #main { margin:0px; padding:0px 0px 0px 0px; } #main h1 { margin: 0px 0px 0px 0px; padding:0px; } #main h2 { margin: 0px 0px 0px 0px; font-size: 16px; font-weight:bold; } #main p { font-size:13px; line-height:19px; } #main ul { font-size:13px; line-height:19px; } #main h2.teaser { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; } #main h2.teaser a { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; } #main p.teaser { margin: 0px 0px 0px 0px; padding: 0px; } #main h1.topic h1.topic, #content-sidebar h1.topic { margin: 0px 0px 30px 0px; padding:0px; } #main div.topic, #content-sidebar div.topic { min-height: 19px; margin:0px 0px 30px 0px; } #main div.topic h2, #content-sidebar div.topic h2 { margin: 0px; padding:0px 0px 1px 0px; font-size: 14px; } #main div.topic p, #content-sidebar div.topic p { margin: 0px; padding:0px; } #main div.news { margin:0px 0px 25px 0px; padding:0px; } #main div.news p.date { margin: 0px 0px 3px 0px; padding: 0px; font-size:11px; } #main div.news h2 { margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; color:#000; } #main div.news h2 a { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; } #main div.news p { margin: 0px 0px 0px 0px; padding: 0px; } #main div.news p.link { margin: 3px 0px 0px 0px; padding: 0px; } #main div.news a.comment-link { font-size:11px; color:#808080; } table.teaser { } td.scl { width: 50%; padding-right: 10px; padding-bottom: 25px; vertical-align: top; line-height:19px; } td.scr { width: 50%; padding-left: 10px; padding-bottom: 25px; vertical-align: top; line-height:19px; } #bottomcontainer { clear:both; margin: 0px; padding:0px 0px 0px 0px; } #bottom p.left { margin: 0px; padding: 9px 0px 9px 0px; float: left;} #bottom p.right { margin: 0px; padding: 9px 0px 0px 0px; text-align: right;} #bottomcontainer p { color:#666666; font-size: .8em;} #bottomcontainer a:hover, #bottomcontainer a:active, #bottomcontainer a:visited, #bottomcontainer a { color:#666666;} #FreephoneNote { clear:both; font-family: Tahoma, Geneva, sans-serif; font-size:1.4em; margin:0px 0px 30px 10px; padding:0;} #FreephoneNote strong { font-size:1.8em; color:#FF6600; font-weight:normal; letter-spacing:4px;} .small { font-size: 11px; } .smallx { font-size: 11px; color: #808080; line-height: 16px; } .sep { margin: 20px 0px 10px 0px; padding: 0px; height: 1px; font-size: 1px; width: 200px; border-bottom: 1px dotted #c0c0c0; } p.code { margin:0px 0px 0px 20px; padding:0px 0px 0px 5px; font-family: courier-new, courier; font-size: 13px; color: #000099; border-left:5px solid #c0c0c0; } span.code { font-family: courier-new, courier; font-size: 13px; color: #000099; } table.normaltab { width: 100%; border: 1px solid #bacbdf; } table.normaltab th { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: 13px; font-weight: bold; text-align:left; color: #000000; background:#d2ddea; background-image:url(/templates/images/bg_th.gif); background-repeat: repeat-x; background-position: bottom; } table.normaltab td.a { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: 13px; font-weight: normal; color: #000000; background: #f5f5f5; } table.normaltab td.b { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: 13px; font-weight: normal; color: #000000; background: #f9f9f9; } #comments { font-size: 16px; margin: 40px 0px 20px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px dotted #c0c0c0; } .comments { margin: 0px 0px 20px 0px; } p.author { margin: 0px 0px 3px 0px; padding: 0px; font-style: italic; } p.text { margin: 0px; padding: 0px; } .comment-preview-hl { margin:0px; color:red; font-weight:bold; } .comment-preview { padding: 10px; border: 1px dotted red; } .gb-entry { margin: 0px 0px 25px 0px; padding:0px; } .gb-author { margin: 0px; font-style: italic; } .gb-text { margin: 0px; } .gb-comment { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; color:#444; background-image:url(/templates/images/gb_comment.gif); background-repeat:no-repeat; background-position: 3px 3px; } .gb-preview-hl { margin:0px; color:red; font-weight:bold; } .gb-preview { padding: 10px; border: 1px dotted red; } .gb-admin { margin: 5px 0px 10px 0px; padding: 0px; } .gb-input-edit { width: 50px; height: 20px; font-size: 11px; } .gb-input-delete { width: 50px; height: 20px; font-size: 11px; color:red; } .caution { font-weight:bold; color:red; } img { border: 0px; } img.float-left { float: left; margin: 3px 10px 10px 0px; } img.float-right { float: right; margin: 0px 0px 13px 13px; z-index:10;} img.teaser { float: left; margin: 0px 7px 7px 0px; border: 1px solid black; } img.thumbnail { border: 1px solid black; margin: 0px; } img.float-left-sm { float: left; margin: 3px 5px 3px 0px; border: 1px solid black; } a:link { color: #0000cc; text-decoration: none; } a:visited { color: #0000cc; text-decoration: none; } a:hover { color: #0000cc; text-decoration: underline; } a:active { color: #bb0000; text-decoration: none; } img.thumbnail:link { color: #0000ff; border: 1px solid #000000; } img.thumbnail:visited { color: #0000ff; border: 1px solid #000000; } img.thumbnail:hover { color: #0000ff; border: 1px dashed #000000; } img.thumbnail:active { color: #0000ff; border: 1px dashed #0000cc; } a.extern:link { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background: url(/templates/images/link_extern.png) no-repeat top left; } a.extern:visited { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background: url(/templates/images/link_extern.png) no-repeat top left; } a.extern:hover { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: normal; background: url(/templates/images/link_extern.png) no-repeat bottom left; } a.extern:active { padding-left: 13px; color: #ff0000; text-decoration: none; font-weight: normal; background: url(/templates/images/link_extern.png) no-repeat top left; } a.rss:link { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: normal; background: url(/templates/images/rss.png) no-repeat left; } a.rss:visited { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: normal; background: url(/templates/images/rss.png) no-repeat left; } a.rss:hover { padding-left: 18px; color: #0000ff; text-decoration: underline; font-weight: normal; background: url(/templates/images/rss.png) no-repeat left; } a.rss:active { padding-left: 18px; color: #ff0000; text-decoration: none; font-weight: normal; background: url(/templates/images/rss.png) no-repeat left; } a.comments:link { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(/templates/images/comments.png); background-repeat:no-repeat; background-position: left; } a.comments:visited { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(/templates/images/comments.png); background-repeat:no-repeat; background-position: left; } a.comments:hover { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url(/templates/images/comments.png); background-repeat:no-repeat; background-position: left; } a.comments:active { padding-left: 13px; color: #ff0000; text-decoration: none; font-weight: normal; background-image:url(/templates/images/comments.png); background-repeat:no-repeat; background-position: left; }