body,html { margin:0; padding:0; height:100%; width:100%; } body { background:url(images/background.png) repeat; font: 11px "Trebuchet MS", "Bitstream Vera Serif", "Helvetica", "Bitstream Vera Sans", sans-serif; color:#888; } /* CONTAINER - the centralized page with all content */ div#container { margin:0 0 0 -352px; padding:0 9px 0 9px; position:absolute; top:0; left:50%; width:704px; background: url("images/bg.png") top left repeat-y; } /* HEADER */ div#header { margin:0 0 0 1px; padding:0; width:682px; height:150px; background: url("images/header.png") top left no-repeat; } div#header h1 { margin:0; } a#header_link { position:absolute; top:0; left:9px; width:684px; height:146px; } a#header_link strong { display:none; } /* MENU */ div#menu { position:absolute; top:150px; right:17px; float:right; width:174px; padding:0; margin:0 12px 0 0; background:#fff; } /* MENU - the unordered list */ div#menu ul { margin:0; background:#fff url(images/menu_header.png) top left repeat-x; padding:15px 0 0 25px; } div#menu ul li { color:#999; text-transform:uppercase; list-style-image: url(images/list_item.png); margin:2px; } div#menu ul li a { color:#999; text-decoration:none; font-weight:bold; } li.selected { background:#fff; } li.unselected { background:#eee; } li.unselected a:hover { padding:0 0 0 5px; } /* MENU - the definition list */ div#menu dl { padding:15px 0 0 15px; background:#fff url(images/menu_header.png) top left repeat-x; } div#menu dt { font-weight:100; } div#menu dd { border-bottom: 1px solid #ccc; color:#bbb; margin:2px 0 2px 5px; } div#menu dt a { color:#a11; text-decoration:none; text-transform:lowercase; } /* CONTENT, THE LEFT COLUMN */ h2#content_header { display:none; } div#content { padding:90px 3px 3px 3px; background: #fff url(images/banner_lives.png) top center no-repeat; width:489px; margin: 0 175px 0 1px; height:100%; } /* NOTE */ div#note { background-color: #fff; font-size: 0.8em; color:#888; /* width: 100%; padding: 5px; */ } /* OTHER SETTINGS */ a { color: #669; } a:visited { color: #977; } a:hover { color: #444; } b { color: #444; } h1 { font-size: 2.0em; color:#777; } h2 { font-size: 1.6em; color:#777; } h3 { font-size: 1.4em; color:#777; } h4 { font-size: 1.2em; color:#777; } h5 { font-size: 1.3em; color:#777; text-align: center;} h6 { font-size: 1em; font-weight:100; text-transform:uppercase; color:#000; letter-spacing: 1.3pt;} /* h2 { font-size: 1em; font-weight:100; text-transform:uppercase; color:#000; letter-spacing: 1.3pt;} */ /* h6 { font-size: 0.8em; } */ p { text-align: justify; padding-left: 7px; padding-right: 7px; letter-spacing: 0.2pt; } input,textarea { border: 0px solid #aaa; color: #922; background: #FFFFFF; } span.contactform { display: block; } form#clean { color: #0; background-color: #0; border-color: #0; border: 0; } img#clean { border:0 white solid; } /* centre div content horiz */ #all{ width:100%; float:left; text-align:center; }