/* ----------------------------------------- Stylesheet for Praxis Bindery - www.praxisbindery.com Author: cdeVision.com Copyright: (c)2009 cdeVision Created: October 2009 Amended: (note date and by whom and any notes) -------------------------------------------- */ body {background:#2C415C; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#333; text-align:center;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {font:normal 23px georgia,times,"Times New Roman",serif; line-height:26px; color:#900;} /* page titles */ h2 {font-size:20px; font-weight:normal; padding:0 0 12px 0; line-height:24px; color:#2B002B;} /* subtitles */ p {margin:0; padding:0 0 15px 0; line-height:18px;} p.intro {font:normal 16px georgia,times,"Times New Roman",serif; line-height:21px;} ul, ol {margin:0; padding:0 0 8px 20px;} li {line-height:18px; padding-bottom:7px;} img {border:0;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} .hrule {width:780px; height:24px; background:url(images/hrule.gif) no-repeat; margin:6px auto 12px;} div#printlogo {display:none;} /* ---- links ----------------------------------------- */ a {color:#900; text-decoration:none;} a:visited {color:#900;} a:hover {color:#666; text-decoration:underline;} a:active {color:#900;} a:active, a:focus {outline:none;} /* links with icons */ a.pdf {background:url(images/icon-pdf.gif) 0 0 no-repeat; padding:0 0 2px 22px; text-decoration:none;} a.doc {background:url(images/icon-word.gif) 0 0 no-repeat; padding:0 0 2px 22px; text-decoration:none;} a.ppt {background:url(images/icon-ppt.gif) 0 0 no-repeat; padding:0 0 2px 22px; text-decoration:none;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:verdana,sans-serif; background:#efefef;} input {border:1px solid #ccc; width:360px;} textarea {border:1px solid #ccc; width:360px; height:180px;} input.button {background-color:#ccc; color:#333; width:80px; border:0;} input.nostyle {width:auto;} p.error {padding:0 0 15px 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;} /* ---- ids & classes ----------------------------------------- */ #headerwrap {width:100%; background:url(images/bg-header.png) repeat-x; position:relative;} #header {width:780px; height:123px; margin:0 auto; position:relative;} #header span {display:none;} #header h1, #header h2 {margin:0 !important; padding:0 !important; background:none;} #logo {position:absolute; top:15px; left:40px; width:684px; height:56px; background:url(images/logo.png) no-repeat; } #logo a {display:block; width:684px; height:56px;} #tagline {position:absolute; top:75px; left:60px; width:635px; height:29px; background:url(images/tagline.png) no-repeat;} #navmenuwrap {width:100%; background:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #navmenu {height:35px; width:820px; margin:0 auto; font:normal 13px georgia,serif; text-transform:uppercase;} #navmenu ul {list-style:none; margin:0; padding:0; text-align:center;} #navmenu li {display:inline; line-height:35px; padding:0 15px; height:35px;} #navmenu a {color:#333; text-decoration:none;} #navmenu a:hover, #navmenu a.on {color:#990000;} #contentwrap {width:100%; background:#fff;} #content {width:780px; margin:0 auto; padding:30px 0 20px; text-align:left; min-height:250px;} #mainimg {float:right; margin:8px 0 20px 20px; background:#fff; border:1px solid #fff; padding:0;} #mainimg img {display:block; border:1px solid #ccc;} p.caption {font-size:10px; text-align:right; color:#888; line-height:13px;} #homeimages {padding:15px 5px 20px;} #homeimages img {display:block; float:left;} .one {margin:0 35px 0 0;} .two {margin:0 35px 0 0;} .three {} div#hometext p {font:normal 15px georgia,times,"Times New Roman",serif; line-height:19px; padding:10px 5px 20px 5px;} /* services (gallery) */ #gallerygrid {margin:0 0 20px 0; padding-top:10px;} #gallerygrid a {margin:0 10px;} #gallerygrid a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} #gallerygrid a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;} table.gallery {margin:0 auto;} table.gallery td {text-align:center;} table.gallery a {} table.gallery img {display:block; margin:0 10px 10px 10px; padding:3px; border:1px solid #ddd !important;} /* glossary styles */ #gnavwrap {border:1px solid #eee; border-left:0; border-right:0; padding:5px 0; margin:5px 0 30px 0;} ul#glossarynav {margin:0 0 0 0; padding:0; text-align:center; list-style:none;} ul#glossarynav li {display:inline;} ul#glossarynav a {margin:0 5px; font:bold 16px georgia,times,"Times New Roman",serif; padding:1px 2px;} ul#glossarynav a:hover {background:#ccc; text-decoration:none; color:#fff;} h2.headerletter {padding:3px 6px 2px; background-color:#333; color:#fff; margin:0 0 5px 0; font:normal 23px georgia,times,"Times New Roman",serif; display:inline;} dl {margin:12px 0 0 0; padding:0;} dt {padding-bottom:2px;} dd {margin:0; font-size:12px; padding-bottom:12px; line-height:16px;} #infobarwrap {width:100%; background:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:14px 0;} #infobar {width:780px; margin:0 auto; text-align:left; font:normal 11px georgia,times,"Times New Roman",serif; background:url(images/bg-infobar.gif) repeat-y;} #infobar p {padding:0 !important; line-height:16px;} .box {float:left; padding:6px 0 4px;} .about {width:320px; margin-right:52px;} .contact {width:150px; margin-right:45px;} .affiliations {width:210px;} div.logo {float:left; margin:0;} div.logo a {background-repeat:no-repeat; text-indent:-4000px; display:block;} div.logo a.gbw:hover {background-position:0 -54px;} div.logo a.aic:hover {background-position:0 -67px;} a.gbw {background-image:url(images/logo-gbw.png); width:96px; height:54px; margin:5px 15px 0 0;} a.aic {background-image:url(images/logo-aic.png); width:66px; height:67px;} #footer {width:780px; margin:0 auto; color:#999; padding:15px 0; text-align:left;} #footer p {padding:0 0 4px 0; font-size:10px;} #footer p a {text-decoration:underline;} p#props {color:#5C6B7E;} p#props a {color:#5C6B7E; text-decoration:underline;} p#props a:hover {color:#5C6B7E; text-decoration:none;} /* form tables */ table#formTable {margin:10px auto 10px;} table#formTable td {vertical-align:top; padding:4px; font-size:12px;} table#formTable td.right {text-align:right;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:0; position:absolute; right:3px; top:3px; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:100;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}