/* Globals */html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-color: #eeeeee;}
a{ color: #981793;padding:10px;}/* Primary Divs */div#header { height: 0.5em; background-color: white; color:black; border-bottom: 2px solid #cccccc;}div#wrapper { margin-top: 5px; }
/* form */
form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
font:100% verdana,arial,sans-serif;
margin-left: 10px;
padding-left: 0px;
min-width: 475px;
max-width: 475px;
width: 475px;
}
form fieldset {
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #000;
border-width: 1px;
border-style: solid;
padding: 10px; /* padding in fieldset support spotty in IE */
margin: 0;
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 120px;
padding: 0;
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
text-decoration:underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
/* pseudo-class on legend elements, but do support it on label elements */
/* you could instead underline first letter on each element and accesskey */
/* each input but doing only legends lessens cognitive load */
/* changed to label first letter, opera broke after first letter legend */
}
form fieldset legend {
font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */
}
form input, form textarea, form select {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
}
form input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 124px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;
}
form .required{font-weight:bold;color:red;} /* uses class instead of div, more efficient */
/*form br {
clear:left;} /* setting clear on inputs didn't work consistently, so brs added for degrade*/
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#fff}
div#extra{background:#fff}
div#footer p{margin:0;padding:5px 10px;}
div#container{width:730px;margin:0 auto; }div#bgwrap { background: #cccccc url(../images/bg3.jpg); width: 800px; margin: 0 auto;}
div#content{float:right;width:495px;padding:0px;margin:0 auto;}
div#content2{float:right;width:490px;}
div#content3{float:left;width:700px;}
div#navigation{float:left;width:230px}
div#extra{float:left;clear:left;width:230px;}
div#footer{clear:both;width:100%}/* TABLES */ table {border: 2px solid #69f; border-collapse:collapse; width:90%; margin-left: 3ex; }td {background-color: #fff; padding:3px; border: 1px solid #ccc; color:#000;}th {text-align:left;border: 1px solid #fff}thead th {color:#fff; font-size:1.5em; background-color: #990 ; padding: 10px 6px}tbody th {color:#fff; font-size:1.15em; background-color: #69f ; padding: 6px}tbody th.sub {font-size: .90em; color:#fff; background-color: #336; padding: 6px}/* TEXT STYLES */div#content a:link, div#content a:visited { padding:0; color:#600; text-decoration:none; }div#content a:hover {color:blue; text-decoration:underline; }div#content h1 { font-size: 2.5em; color:#600; margin-top: 0; text-transform:uppercase; letter-spacing: 1px;}div#content h2 { font-size: 2em; color: #69f; line-height: 1.3em; letter-spacing: -1px;}div#content h3 { font-size: 1.5em; color: #990;}div#content h4 { font-size: 1.25em; color: #966;}div#content h5 {font-size: 1em; font-weight:bold;}div#content h1,h2,h3,h4,h5 {padding:0 5px 0px;}acronym {border-bottom: 1px dotted #966; cursor:help; } form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */code { border: 1px dotted #69f; background-color: #990; color:#fff; margin-left: 3ex;}blockquote { border: 1px solid #69f; background-color: #990; color:#fff; margin: 3ex; font-style:italic;}/* Horizontal Navigation Menu */#header ul { margin:0; text-align: right; padding-top: 1.6em; padding-bottom:0;}#header ul li { list-style-type:none; display:inline;}#header ul li a:link, #header ul li a:visited { display:inline; padding-top: 3em; text-decoration:none; color:gray; border-left: 2px solid gray;}#header ul li a:hover { border-bottom: 1px solid gray; background: #fff url(../images/arrow2.gif) center center no-repeat;}.skiplink a:link, .skiplink a:visited { visibility: hidden;}/* Vertical Navigation Menu */#navigation { margin-bottom: 15px; }#navigation ul { list-style-type:none; margin:0; padding:0; }#navigation ul li {line-height: 4px; border-bottom: 1px solid gray;}#navigation ul li a:link,#navigation ul li a:visited { text-decoration:none; color:black; text-transform:uppercase; display:block; }#navigation ul li a:hover { background: #fff url(../images/arrow.gif) left center no-repeat; padding-left: 30px; font-weight:bold; }#navigation p{margin:0 10px 10px}/* Logobox */#logobox { background: white; width: 230px; border: none; text-align:center;}#logobox h1 { border-top: 1px solid #600; }#logobox h1, #logobox h2 { background-color: #0007BF; color: white; margin: 5px; margin-bottom: 0; padding: 8px; font-size: 1.3em; text-transform: uppercase; border-right: 1px solid #600; border-left: 1px solid #600;}#logobox h2 { margin-top: 0; margin-bottom: 5px; font-size: 1em; border-bottom: 1px solid #600;}/* Main pic area above content */div#mainpicbox { height: 250px; border: 2px solid #cccccc; margin-left: 10px; padding: 10px; margin-bottom: 15px;}div#mainpic { height: 250px; background:yellow url(../images/bg2.jpg) top left no-repeat; color:white; }div#mainpic h2 { color:blue; font-size: 3em; margin-top:0; padding-top: 0.3em; padding-left: 20px; margin-bottom:0; }div#mainpic h3 { padding-left: 20px; color:#000; margin-top:-5px;}div#mainpic p, div#mainpic a:link, div#mainpic a:visited { display:inline; margin:0; color:blue; margin-left: 10px;font-weight:bold; font-size: 1.15em; text-decoration:none; }div#mainpic a:hover {color:blue; text-decoration:underline; background-color:inherit; }/* Extra section */.stripnav { background: yellow url(../images/greenhoriz.jpg) top left repeat; margin:0; padding: 6px; color:blue; text-transform:uppercase; font-weight:bold; padding-top: 10px; padding-left: 10px; margin-bottom: 10px;}div#extra p {margin-left: 0; }div#extra img { float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #cccccc; }div#extra p a:link, div#extra p a:visited { padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;}div#extra p a:hover { text-decoration:underline;color:blue;}/* Photo Gallery Area */div#gallery { border-top: 2px solid #cccccc; padding-top: 15px;}div#gallery img.th {width: 50px; height: 50px; padding: 2px; border:1px solid #cccccc;}div#gallery ul { list-style-type:none; margin:0; padding:0;}div#gallery ul li {display:inline;}div#gallery ul li a:link, div#gallery ul li a:visited {display:inline; border-bottom:0;}div#gallery ul li a:hover {background-color:inherit;}/* Footer Area */div#footer ul { list-style-type:none; margin:0; padding:0; padding-top: 2px; text-align:center; font-size: .8em;border-top: 2px solid #cccccc; }div#footer ul li { list-style-type:none; display:inline; border-left: 0px solid gray;}div#footer ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color:black; text-transform:uppercase;}div#footer ul li a:hover {text-decoration:underline;}div#footer p {text-align:center; margin-top: 5px;}/* Content Area */div#content img { border: 1px solid #cccccc; padding: 2px; margin: 3px; margin-left: none; }div#content p {padding-left: 5px;}/* Bonus Styles */p.rightsidelink { text-align:right;}.rightsidelink a:link, .rightsidelink a:visited { padding:0; color:#600; font-weight:bold; text-decoration:none;}.rightsidelink a:hover {text-decoration:underline;}.entrytext { margin-top: 0; font-size:larger; font-weight:bold;}.bright { font-size: 1.5em; color:#600; text-transform:uppercase;}