/*-------------------------------------------

Stylesheet for CCBA draft site
Fixed width, two column, static design
12/19/2006

--------------------------------------------*/body{font-family: Arial, Helvetica, Verdana, sans-serif;color: #000;font-size: 100%;text-align: left;background-color: #fff;}*{margin: 0;padding: 0;}/* Basic styles for the whole site */h1, h2, h3, h4{font-family: "Times New Roman", Times, serif;text-transform: capitalize;}h1, h2, h3{color: maroon;line-height: 1em;}h1{font-size: 2em;}h2{font-size: 1.6em;}h3{font-size: 1.2em;}h4{color: #fff;font-size: .85em;letter-spacing: .05em;text-indent: 10px;line-height: 1.6em;background-color: #4682b4;}blockquote{margin: 0 2em;}ul{list-style-type: none;}a:link, a:visited{color: maroon;}a:hover{text-decoration: underline;color: #4682b4;}a:active{text-decoration: none;}/* Wraps the whole page, sets the page width, and centers the page in the window. */#page-wrapper{width: 721px;margin: 60px auto;}/* A box for the graphics and text common to every page.  */#masthead, #masthead h1{height: 120px;}/* The background graphic for the masthead */#masthead{background-image: url(images/Judge-1.jpg);background-repeat: no-repeat;background-position: 0px -18px;}/* The name of the site. Uses a negative margin to push the text out of view and replaces the text with a graphic. */#masthead h1{text-indent: -1600px;background-image: url(images/CCBA-banner.gif);background-repeat: no-repeat;background-position: 0px 67px;border-top: 1px #4682b4 solid;}/* A box for the header text and graphics that are unique to each page. Contains a background graphic that is a continuation of the graphic in the masthead. */#header{background-image: url(images/Judge-1.jpg);background-repeat: no-repeat;background-position: 0px -140px;border-bottom: 1px #4682b4 solid;margin: 0 0 1em 0;height: 150px;/* reset to 80 for old dimensions*/
     clear: both;}#header h2{line-height: 1em;position: relative;top: 40px;/*reset to 30 for old dimensions*/}#container p{text-align: center;line-height: 40px;color: maroon;}/* The main navigation. */#menubar{width: 100%;float: left;border-left: 1px #fff solid;}#menubar li{font-weight: bold;font-size: .7em;letter-spacing: .1em;list-style-type: none;/* text-align: center;*/
	display: block;width: 100%;border-right: 1px #fff solid;float: left;line-height: 27px;text-indent: -1600px;}#menubar a{display: block;}#menubar a:link, #menubar a:visited{color: #fff;background-image: url(images/gradient-1.gif);background-repeat: repeat-x;background-position: bottom;}#menubar a:hover{color: maroon;text-decoration: none;background-image: url(images/gradient-2.gif);background-repeat: repeat-x;background-position: top;}#menubar a:active{background-image: none;background-color: #4682b4;}#menubar a.current{color: maroon;background-image: url(images/gradient-1.gif);background-repeat: repeat-x;background-position: bottom;}/* A box that contains the two content columns. */#container{width: 100%;float: left;}/* The main content column and styles unique to the column. */#content-1{/* width: 500px;*/
     float: left;}#content-1 p, #content-1 li{font-size: .85em;}#content-1 p{margin: 1em 0;line-height: 1.5em;}#content-1 p:first-child{margin-top: 0;}#content-1 ul, #content-1 ol{margin: 0 0 0 1em;}#content-1 ol li{margin: 1em 0 1em 1.5em;padding: 0 0 0 .5em;line-height: 1.2em;}/* Replaces the bullet character with a background image. */#content-1 ul li{line-height: 1.2em;margin: 1em 0;padding: 0 0 0 2em;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position: 0em .25em;}/* The secondary content area and the styles unique to the column. */#content-2{width: 200px;float: right;background-color: #eee;}#content-2 p, #content-2 li{font-size: .85em;font-family: "Times New Roman", Times, serif;}#content-2 p{margin: 1em 10px;line-height: 1.4em;}#content-2 ul li{list-style-type: disc;}#content-2 ul, #content-2 ol{margin: 1em 10px 1em 25px;}#content-2 li{margin: .5em 0;line-height: 1.2em;}#content-2 li a:link, #content-2 li a:visited{color: #000;}#content-2 li a:hover{color: maroon;}/* Styles for the footer */#footer{clear: both;border-top: 1px #4682b4 solid;padding-bottom: 10px;}#footer p{font-size: .7em;text-align: center;line-height: 2em;}/* Secondary navigation */#navbar{text-align: center;}#navbar li{font-size: .7em;display: inline;margin: 0;padding: 0 3px 0 6px;border-left: 1px #999 solid;background-image: none;}#navbar li:first-child{border-left: 1px #999 none;/* Does not work in IE Win. Could mess around with this, use the star hack and set a border on the left of the containing element, but I used the ul as the containing element and it spans the entire width of the page, and it is not a big enough deal to change the xhtml and the css. */}#navbar a:link, #navbar a: visited{color: gray;}#navbar a:hover{color: maroon;}#navbar a.current{text-decoration: none;color: gray;}/* Styles to deal with images. */.icon{display: block;margin: 1em auto;}img.left{float: left;margin-right: 2em;margin-bottom: 1em;}