@charset "utf-8";
/* CSS Document */

/* Misc formatting
=========================================*/
body {
	margin: 0;
	padding: 0;
	background: transparent url(../images/page-bg.png) repeat top left;
	scrollbar-highlight-color: #000;
	scrollbar-darkshadow-color: #fff;
	scrollbar-base-color: #33ccff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #000;
}

hr {
	color: #cc0033;
}

.blue {
	color: #33ccff;
}

.clear {
	clear: both;
}

strong {
	color: #cc0033;
}

strong.announce {
	color: #9900ff;
	text-align: center;
	font: 3em/3.2em Verdana, Geneva, sans-serif;
}

p {
	margin: 1.2em 0;
	padding: 0;
}

p.center {
	text-align: center;
}

h1 { 
	color: #9900ff;
}

h2 {
	color: #9900ff;
}

h3 {
	color: #cc0033;
}

h4 {
	color: #cc0033;
}

h5 {
	color: #9900ff;
}



a:link {
	 color: #9900ff; 
	 text-decoration: none;
}

a:visited {
	 color: #33ccff; 
	 text-decoration: none;
}

a:active {
	color: #cc0033;
	text-decoration: none;
}

a:hover {
	color:#cc0033;
	text-decoration: none;
}


/* Wrappers
=========================================*/
#main-wrap {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: #fff url(../images/left-right-shadow.png) repeat-y top left;
}

#inner-wrap {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	font: #060 Verdana, Geneva, sans-serif;
}


#columns-wrap {
		background: transparent url(../images/navigation-bg.png) repeat-y top left;

	margin: 0;
	padding: 0;
	font: .9em/1em Verdana, Geneva, sans-serif;
	font-color: #F00;	
}

/* Navigation
=========================================*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #660066;
	}

ul li {
	margin: 0;
	padding: .2em 0 .3em .8em;
	background: url(../images/deep-purple-dot.png) no-repeat center left;
}

ul.second-level {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.second-level li {
	margin: 0 0 0 .8em;
	padding: .2em 0 .3em .8em;
	background: url(../images/pink-outline-dot.png) no-repeat center left;
}

/* Table 
=========================================*/

/* Photos
=========================================*/
.r280 { /* This is used ONLY for the photo on the main page */
	float: right;
	width: 280px;
}

p.img-caption {
	margin: .3em 0 0 .5em;
	font: .7em/.9em Verdana, Geneva, sans-serif;
	color: #990099;
}

p.img-caption-large {
	margin: 2em auto 0 auto;
	width: 13em;
	text-align: center;
	font: 1em/1.1em Verdana, Geneva, sans-serif;
	color: #990099;
	float: left;
}

.map { /* Used for image of map on VISIT US page */
	margin: 0 1em 0 0;
	width: 525px;
}

.r300 {
	margin: 0 -3.3em 1em 0;
	width: 300px;
	float: right;
	border: 3px solid #33ccff;
}

.r200 {
	margin: .5em 2.8em .5em .5em;
	width: 200px;
	float: right;
}

/* Header 
=========================================*/
#header-box {
	margin: 0; 
	padding: 0;
	background: transparent url(../images/header.png) no-repeat top center;
}

#header-box-inner {
	width: 799px;
	margin: 0 0 0 3.15em;
	padding: 0;
		border-bottom: 2px solid #cc0033;
}

/* header text 
----------------*/
#header-box-inner h1 {
	padding: 4em 0 0 .5em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}

#header-box-inner h1.multi-color {
	color:#660066;
}

#header-box-inner h1.multi-color span {
	color: #000;
}
/* Navigation 
=========================================*/
#left-box {
	margin: 1em 0 0 .5em;
	padding: 0;
	width: 160px;
	float: left;
	font-weight: bold;
	font-size: 1em;
	font-family:Verdana, Geneva, sans-serif;
	display: block;
}

#left-box a.nav:link {
	background-color: #9900ff;
	color: #9900ff;
	width: 15px; 
	height: 36px;
	display: block;
	text-decoration: none;
}

#left-box a.nav:link span {
	padding: .5em 0 0 1.5em;
	width: 140px;
	height: 36px;
	display: block;
	color: #9900ff;
	cursor: pointer;
}

#left-box a.nav:visited {
	background-color: #9900ff;
	color: #9900ff;
	width: 15px; 
	height: 36px;
	display: block;
	text-decoration: none;
}

#left-box a.nav:visited span {
	padding: .5em 0 0 1.5em;
	width: 140px;
	height: 36px;
	display: block;
	color: #9900ff;
	cursor: pointer;
}

#left-box a.nav:hover {
	background-color: #33ccff;
	color: #000;
	width: 15px; 
	height: 36px;
	display: block;
	text-decoration: none;
}

#left-box a.nav:hover span {
	padding: .5em 0 0 1.5em;
	width: 140px;
	height: 36px;
	display: block;
	color: #33ccff;
	cursor: pointer;
}

#left-box a.nav:active {
	background-color: #cc0033;
	color: #000;
	width: 15px; 
	height: 36px;
	display: block;
	text-decoration: none;
}

#left-box a.nav:active span {
	padding: .5em 0 0 1.5em;
	width: 140px;
	height: 36px;
	display: block;
	color: #cc0033;
	cursor: pointer;
}

#left-box .padding {
	margin: 0;
	padding: 0;
	background-color: #9900ff;
	color: #9900ff;
	width: 15px; 
	height: 60px;
	display: block;
	text-decoration: none;
}

#left-box .strong {
	font-weight: bold;
	font-variant: small-caps;
}

#right-box {
	float: right;
	margin: 1em 0 0 0;
	padding: 0 .5em 0 0;
	width: 77%; 
	font: #F0C Verdana, Geneva, sans-serif;
}

.l-main-page-text { /* Used ONLY for the text on the main page */
	float: left;
	width: 320px;
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}


.l50 {
	float: left;
	width: 50%;
}

.r50 {
	float: right;
	width: 50%;
}

.l70 { /* Using this on main page for text */
	float: left;
	width: 70%;
}

.r70 { /* Currently using this as my right content column...   change back width and padding if not using for column */
	padding: 0 .5em;
	float: left;
	width: 70%;
}

.r30 {
	float: right;
	width: 30%;
}

.l30 { /* Currently using this as my left content column...   change back width and padding if not using for column */
	padding: 0 0 0 1em;
	float: left;
	width: 23%;
}

/*Columns for references 
=========================================*/
.left-top {
	position: absolute;
	top: 265px;
	left: 270px;
	width: 200px;
	padding: 1em .25em 1em .5em;
}

p.left-t {
	margin: -1.5em 0 0 0;
	padding: 0;
	font-size: .8em;
}

.center-top {
	position: absolute;
	top: 280px;
	left: 455px;
	width: 200px;
}

p.center-t {
	margin: -1.5em 0 0 0;
	padding: 0;
	font-size: .8em;
}

.right-top {
	position: absolute;
	top: 265px;
	left: 655px;
	width: 235px;
	padding: 1em .5em 1em .25em;
}

p.right-t {
	margin: -1.5em 0 0 0;
	padding: 0;
	font-size: .8em;
}

.absolute-ref {
	position: absolute;
	top: 410px;
}

.left-bottom {
	position: absolute;
	top: 420px;
	left: 270px;
	width: 200px;
	padding: 1em .25em 1em .5em;
}

p.left-b {
	margin: -1.5em 0 0 0;
	padding: 0;
	font-size: .8em;
}

.center-bottom {
	position: absolute;
	top: 435px;
	left: 470px;
	width: 200px;
}

p.center-b {
	margin: -1.5em 0 0 0;
	padding: 0;
	font-size: .8em;
}

.right-bottom {
	position: absolute;
	top: 420px;
	left: 655px;
	width: 200px;
	padding: 1em .5em 1em .25em;
}

p.right-b {
	margin: -1.5em 0 0 0;
	padding: 0;
	font-size: .8em;
}

/* Bid Form
=========================================*/
iframe.bid {
	width: 100%;
	height: 2300px;
}

/* Classes used by google on form */
ss-form-entry {
	color: #F00;
}

/* Footer
=========================================*/
#footer-box {
	margin: 0 5em;
	padding: 0;
	text-align: center;
	font-size: .7em;
	font-variant: small-caps;
	font-weight: 700;
}

#footer-box-inner {
	margin: 0;
	padding: 0;
}

#footer-box p {
	color: #cc0033;
}