@import "reset.css";

body { background: url(../graphics/tile_body.gif) repeat-y; }

/* major layout DIVs */
#leftcontent { width: 268px; }
#rightcontent {	width: 700px; position: absolute; top: 260px; left: 275px; }


/* header */
#header { width: 100%; height: 180px; background: url(../graphics/tile_header.gif) repeat-x; }
#header img#logo { float: left; clear: right; }
#header img#headimage { float: right; }

/* top menu */
ul#menu2 { background-color: #fff; padding-top: 0px; padding-bottom: 5px; width: 1024px; }
ul#menu2 li { display: inline; align: center; padding: 0 10px; }

ul#menu { background-color: #fff; padding-top: 62px; padding-bottom: 5px; width: 1024px; }
ul#menu li { display: inline; align: center; padding: 0 10px; }
ul#menu li a:link { font: bold 10px Verdana; color: #007dc3; text-transform: uppercase; text-decoration: none; }
ul#menu li a:hover { font: bold 10px Verdana; text-transform: uppercase; color: #005D92; text-decoration: underline; }
ul#menu li a:visited { font: bold 10px Verdana; text-transform: uppercase; color: #999; text-decoration: none; }

/* left side menu */
ul#submenu { padding-left: 45px; }
ul#submenu li { padding: 10px; background: url(../graphics/btn_swoop.gif) no-repeat; height: 38px; width: 167px; }
ul#submenu li a:link { font: bold 11px Verdana; color: #fff; text-decoration: none; }
ul#submenu li a:hover { font: bold 11px Verdana; color: #fff; text-decoration: underline; }
ul#submenu li a:visited { font: bold 11px Verdana; color: #fff; text-decoration: none; }

/* join mailing list form */
form#formjoin { margin: 25px 0 0 40px; padding: 10px; background-color: #003b5d; border: 2px solid #005c90; width: 155px; }
#formjoin legend { padding-left: 15px; font: bold 11px Verdana; text-transform: uppercase; color: #fff; width: 155px; }
#formjoin input.text { display: block; width: 125px; border: 1px solid #002235; padding: 5px; color: #333; margin: 8px 0; }
#formjoin input.button { color: #006ba6; width: 72px; font: 12px Arial; margin: 8px 0; }

/* address styles */
address { margin: 25px 0 0 40px; padding: 10px; font: 11px Verdana; color: #000; }
address a:link, address a:hover, address a:visited { color: #fff; font: 11px Verdana; text-decoration: underline; }
address strong { font: bold 12px Verdana; }

/* right content styles */
#rightcontent strong { font-weight:bold; }
#rightcontent dl { width: 270px; float: left; padding: 50px 0 0 70px; }
#rightcontent dt { color: #36aa9c; font: bold 11px Verdana; text-transform: uppercase; padding-bottom: 5px; }
#rightcontent dd { color: #414141; font: 11px Verdana; line-height: 17px; padding-bottom: 15px; }
#rightcontent dd ul { padding-bottom: 8px; }
#rightcontent dd li { margin-left: 25px; list-style: circle; }
#rightcontent dd em { font-style: italic; font-weight: bold; }
#rightcontent dd p { padding-bottom: 8px; }
#rightcontent a:link, #rightcontent a:hover { font: italic 11px Verdana; color: #36aa9c; text-decoration: underline; }
#rightcontent a:visited { font: italic 11px Verdana; color: #000; text-decoration: underline; }
#rightcontent li { line-height: 15px; padding-bottom: 8px; }
#rightcontent #pagecontent { padding: 15px 0 0 70px; clear: both; }
#rightcontent #pagecontent table { width: 90%; font: 11px Verdana; }
#rightcontent #pagecontent td { padding: 5px; }
#rightcontent #pagecontent th { text-transform: uppercase; font-size: 13px; text-align: center; }
#rightcontent #pagecontent tr.altrow { background-color: #ddd; }
#rightcontent #pagecontent h3 { font: 11px Verdana; text-transform: lowercase; }
#rightcontent #pagecontent h3 a:link, #rightcontent #pagecontent h3 a:hover, #rightcontent #pagecontent h3 a:visited { color: #36aa9c; text-decoration: underline; }
#rightcontent #pagecontent h1 { font: bold 16px Verdana; color: #000; text-transform:uppercase; padding-bottom: 10px; }
#rightcontent #pagecontent h4 { font: bold 12px Verdana; margin-top:7px; color: #222; text-transform:uppercase; padding-bottom: 2px; }
#rightcontent #pagecontent p { font: 11px Verdana; line-height: 17px; color: #222; padding-bottom: 10px; }
#rightcontent #pagecontent blockquote { font: italic 11px Verdana; line-height: 15px; color: #222; padding-bottom: 10px; }
#rightcontent #pagecontent p img { float: left; margin: 15px 15px 15px 0; border: 1px solid #000; }
#rightcontent #pagecontent #news img { float: none; margin: 0; border: 0; }
#rightcontent #pagecontent ul { font: 11px Verdana; color: #222; padding-bottom: 10px; }
#rightcontent #pagecontent ul li { margin-left: 15px; list-style: disc; }
#rightcontent #pagecontent ol li { font: bold 12px Verdana; color: #333; margin-left: 20px; list-style: decimal; }
#rightcontent #pagecontent ol li p { font: 11px Verdana; color: #222; padding: 10px 0; }
#rightcontent #pagecontent em, #rightcontent #news em { font-style: italic; }
#rightcontent .clearall { clear: both; padding: 15px 0 0 70px; }
#rightcontent #news { clear: both; position: relative; top: 15px; left: 90px; background-color: #cce5f3; border: 1px solid #007dc2; width: 540px; padding: 10px 20px 20px 20px; }
#rightcontent #pagecontent #news { top: 0; left: 0; margin: 25px; }
#news h2 { font: bold 14px Verdana; color: #007dc2; padding-top: 10px; }
#news p { font: 11px Verdana; line-height: 15px; color: #004c75; padding: 0; margin: 0; }
#news ul, #news ol { font: 11px Verdana; color: #004c75; margin-left: 15px; list-style: disc; }
#news a:link, #news a:hover, #news a:visited { color: #000; }
#pageheader { font: bold 16px Verdana; color: #000; text-transform:uppercase; padding-bottom: 10px; padding: 15px 0 0 70px; clear: both;  }