/**********************************************************/ /* Style Sheet for the An Tir Chirurgeon's Guild Web Page */ /* William J. Knight - 11/09/2004 */ /* Last revised 05/06/2006 */ /**********************************************************/ /* define the pages background color and image */ body {background: #FFFFDD url(images/parch2.gif) repeat;} /* This defines the color pattern for the links: Blue for new, */ /* Dark Magenta for visited, and Red for active. */ /* hovered links will have a light yellow background, */ /* active links will have a darker yellow background. */ a:link {color: #0000FF;} a:visited {color: #990099;} a:link:hover, :visited:hover {color: #FF0000; background: #FFFFCC; text-decoration: none;} a:link:active, :visited:active {color: #FF0000; background: #FFFF66; text-decoration: none;} /* These are general CSS settings that define my preferences */ .heading {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; text-align: center;} .centered {text-align: center} .smaller {font-size: smaller} .bold {font-weight: bold} /* These CSS definitions allow the floating menu to work - */ /* The Content DIV is 150px left to allow room for the floating */ /* menu, which will occupy the left 150px of the page as the menu DIV. */ div.content {position:absolute; Left: 150px; Top: 0px; padding-right: 10px;} div#menu {position:absolute; top: 10px; left: 10px; padding-left: 0px;} /* these are special settings for the menu box to display the */ /* colors and Borders I want. */ div#menubox {float: none; width: 120px; background-color: #FFFFDD; text-align: center; border: medium ridge #c0c0c0;} div#bottom-menubox {float: none; width: 120px; background-color: #FFFFDD; text-align: center; border-top: none; border-left: medium ridge #c0c0c0; border-right: medium ridge #c0c0c0; border-bottom: medium ridge #c0c0c0;} /* This is a CSS trick for roll-overs in the menu. I'm using a */ /* single image, which has the normal, hovered, and active images */ /* stacked. hovering or activating will change the background */ /* position of the image displayed, and change the text-decoration */ div#menu ul {margin: 0; padding: 0; list-style-type: none;} div#menu li {height: 30px; width: 120px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; line-height: 30px; list-style-type: none; background-image: url(images/buttons.jpg); background-repeat: no-repeat;} div#menu li a {display: block; width: 100%; height: 100%; text-decoration: none; color: #000000;} div#menu li a:link {color: #000000; background-image: url(images/buttons.jpg); background-position: 0px 0px;} div#menu li a:visited {color: #000000; background-image: url(images/buttons.jpg); background-position: 0px 0px;} div#menu li a:hover {font-weight: bold; color: #000000; background: none; background-image: url(images/buttons.jpg); background-position: 0px -30px;} div#menu li a:active {font-weight: bold; color: #000000; background: none; background-image: url(images/buttons.jpg); background-position: 0px -60px;} /* these are special settings for the menu table to display the */ /* backgrounds I want. */ td.menu {text-align: center; background: #FFFFCC url(images/checky-or-and-argent-sml.jpg) repeat;} td.parch {text-align: center; background: #FFFFCC url(images/parch2.gif) repeat;} /* This is how we indicate the active page in the menu */ body#homepage a#homenav, body#aboutus a#aboutusnav, body#whatis a#whatisnav, body#regalia a#regalianav, body#becoming a#becomingnav, body#ranks a#ranksnav, body#admin a#adminnav, body#cit a#citnav, body#chirurgeon a#chirurgeonnav, body#mentor a#mentornav, body#emeritus a#emeritusnav, body#roster a#rosternav, body#roster-admin a#roster-adminnav, body#roster-alpha a#roster-alphanav, body#roster-pdf a#roster-pdfnav, body#roster-regional a#roster-regionalnav, body#roster-regional-Inlands a#roster-regional-inlandsnav, body#roster-regional-Rivers a#roster-regional-riversnav, body#roster-regional-Western a#roster-regional-westernnav, body#roster-regional-Avacal a#roster-regional-avacalnav, body#roster-regional-Summits a#roster-regional-summitsnav, body#roster-regional-TirRigh a#roster-regional-tirrighnav, body#roster-statistics a#roster-statisticsnav, body#roster-statistics-Inlands a#roster-statistics-inlandsnav, body#roster-statistics-Rivers a#roster-statistics-riversnav, body#roster-statistics-Western a#roster-statistics-westernnav, body#roster-statistics-Avacal a#roster-statistics-avacalnav, body#roster-statistics-Summits a#roster-statistics-summitsnav, body#roster-statistics-TirRigh a#roster-statistics-tirrighnav, body#roster-statistics-x a#roster-statistics-xnav, body#forms a#formnav, body#resources a#resourcenav, body#reportdates a#reportdatesnav, body#chi-news a#chi-newsnav, body#newsletter a#newsletternav, body#alqanun a#alqanunnav, body#burden a#burdennav, body#goodsamlaws a#goodsamlawsnav, body#volprot a#volprotnav, body#gs50states a#gs50statesnav, body#gsstjohns a#gsstjohnsnav, body#gsprovinces a#gsprovincesnav, body#articles a#articlesnav, body#kwcs a#kwcsnav, body#links a#linksnav, body#cafepress a#cafepressnav, body#sitemap a#sitemapnav, body#forum a#forumnav, body#chat a#chatnav {color: blue; font-weight:bold;} /* These are used in the roster pages */ .info-box {font: italic 12px arial; text-align:center; border-style: double; margin-left: 20%; margin-right: 20%;} .greenbar {background-color: #00ff00; text-align: center; font-weight: bold;} .redbar {background-color: #ff0000; text-align: center; font-weight: bold;} .section-header{text-align: center; font-size: 11px; letter-spacing: 3px; text-decoration: underline;} /* These are used in the roster-input page */ .label-valid {color: #000000;} .label-warning {color: #ff9900;} .label-invalid {color: #ff0000;} .input-box {background-color: #FFFD9E; font-size: 12px; border: inset 2px;}