/* CSS Document Created by Tom Mullen at www.mediamullen.com */

/*==(GLOBAL WHITE SPACE RESET)==*/
* { padding:0; margin:0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; } 
li, dd { margin-left:5%; } 
fieldset { padding: .5em; } 

/*==(TYPOGRAPHY)==*/
BODY {
	BACKGROUND: url(../images/bgMarble.jpg) repeat;
	background-attachment:fixed;
	COLOR: #000; 
	font: x-small/1.5em lucida, arial, helvetica, sans-serif; /* IE5 Win */
	
	voice-family: "\"}\""; 
	voice-family:inherit;
    font-size:small;}

li, ol, ul, p {
	font: x-small/normal arial, helvetica, sans-serif;}
html>body li, ol, ul, p {
	font-size: small;} 

P {	Padding: 0px;
	MARGIN: 0em 0px 1em;}

H1, H2, H3 {
	color: #40659B;}
	
H1 {font: 117%/1.3em Arial, Helvetica, Times, sans-serif;
	margin: 3px 0px 0px;
	padding: 0.1em 0 0 0;}
/*	background:#FFFFFF url("../images/bgH1.jpg") no-repeat left bottom; 
    - set line height to 38px */
html>body h1{
	font-size: large; } 
H2 {
	font: bold 95%/1.3em Arial, Helvetica, Times, sans-serif;
	MARGIN: 1.5em 0px 0.1em; }
html>body h2{font-size: 120%;} 

H3 {
	font: 80%/1.3em Arial, Helvetica, Times, sans-serif;
	MARGIN: 1.5em 0px 0.1em; }
html>body h3{font-size: 95%;} 

H3#recent {
	margin: 16px 0 0px 0;
	padding: 0;
	color: #7B9905;
	font-weight: normal;}


ACRONYM {
	border-bottom: 1px dotted #cccccc;
	cursor: help;}

br {line-height: 4px;}


.intro {
	font: italic x-small/1.5em lucida, arial, helvetica, sans-serif;
	margin: 0em 0px 1em; 
	padding: 10px 20px 0;
	color: #003366;
  	background: url(../images/bgIntro.gif) repeat-x bottom;
}
html>body .intro {
	font-size: small;} 

.thumb {
	border: 1px solid #003366;
	padding: 15px;
	display: block;
	padding: 6px;
	margin: 5px;}

.byline {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px; 
	TEXT-TRANSFORM: uppercase; 
	PADDING-TOP: 0px;}

.note {
	border: 1px solid #696; 
	padding: 0.5em; 
	FONT-SIZE: 85%; 
	FONT-FAMILY: Arial, sans-serif;
	BACKGROUND: #ffc; 
	FLOAT: right; 
	MARGIN-LEFT: 1em; 
	WIDTH: 30%; 
	COLOR: #000; }

.codeblock {
	border: 1px dotted #999; 
	padding: 1em; 
	DISPLAY: block; 
	BACKGROUND: #ffc; 
	MARGIN: 1em; 
	COLOR: #000; }

HTML CODE {
	FONT: x-small/1.2em "andale mono", monaco, courier, "courier new", monospace;}
	
CODE {
	FONT: 110%/1.0em "andale mono", monaco, courier, "courier new", monospace;
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #0066cc;
	border: #999 1px dotted; 
	display: block; 
	background: #ffffcc; 
	margin: 1em 0; 
	padding: .8em .2em;
	
	voice-family: "\"}\""; /* this fixes IE6 measurements. IE5 & 5.5 ignor this */
	voice-family: inherit;}

.box {
	background:#FFFFFF url(../images/bgNote.jpg) repeat-x center bottom;
	border: 1px solid #003366;
	padding: 6px;}

.codeheader {
	font: bold xx-small/1.0em Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 0px 2px;
	margin: 0;
	width: 1%;
	white-space:nowrap;
	float:left;
	background:#ffffff;
	color:#7E7E7E;}

.button {
  	padding: 0px 8px;
  	overflow: visible; }

.shadow {
	float: left;
	margin: 4px;
	width: auto;
	background: url(../images/fuzzy_shadow.png) no-repeat bottom right;}

.shadow div {
	background: url(../images/fuzzy_shadow1.png) no-repeat right top;}

.shadow img {
	background-color: #fff;
	color: #000;
	border: 1px solid #999;
	padding: 4px;
	vertical-align: bottom;}
	
/*Use bold (b) or anchor (a) as the third tag for the shadow*/
.shadow div a {
	background: url(../images/fuzzy_shadow2.png) no-repeat left bottom;
	padding: 0 6px 6px 0;
	display: block;}
.shadow div b {
	background: url(../images/fuzzy_shadow2.png) no-repeat left bottom;
	padding: 0 6px 6px 0;
	display: block;}





/*==( LAYOUT, NAVIGATION, WRAPPERS )======================================*/
#wrap {
	position: relative;
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
	text-align: left;
	background: #fff url(../images/bannerDefault3.jpg) no-repeat center top;
	width: 742px;
	
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 742px;	}
	
html>body #wrap {width: 742px;} 

#wrapHome {
	position: relative;
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
	text-align: left;
	background: #fff url(../images/bannerDefault3Home.jpg) no-repeat center top;
	width: 742px;
	
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 742px;	}
	
html>body #wrapHome {width: 742px;} 

#wrapNoBar {
	position: relative;
	margin: 0 auto;
	padding: 0 9px;
	font-size: 95%;
	text-align: left;
	background: url(../images/bgContent.gif) repeat-y;
	width: 742px;
	
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 742px;	}
	
html>body #wrapNoBar {width: 742px;} 


#content {
	padding: 10px;}

#contentColRight {
	padding: 10px;
	margin-right: 185px;}/* adjust the margin width to create the side column space */

.signupbox {
	background-color: #F9F2DD;
	border: 1px dashed #003366;
	font: x-small/normal Arial, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 5px;}

/* ==( sidebar )==================================================
The margin setting in the contentColRight style control column space */
#sidebar {
	background:  url(../images/sidebarCap1.gif) left top no-repeat;
	float: right;
	width: 176px;
	margin: -24px 0 0 0; 
	padding: 1em 1em 0em 1em; 
	font: x-small Arial, sans-serif;
	text-align:left;
	color: #000;}
html>body #sidebar {
	width: 156px;
	margin: -20px 0 0 0; 
} 

#sidebar ul, #sidebar dl {
	margin: 0px;
	padding: 0;
	list-style: none;}

#sidebar li {
	margin: 0;
	padding: 0 0 5px 13px;
	line-height: 1.1em;
	background: url(../images/bullet2.gif) no-repeat 0 4px;
	}

#sidebar h1{
	font: bold 12px/normal Arial, San-Serif, Tahoma;
	color: #000099;
	border: 0px;
	padding: 10px 0 0 0;
	background: none;}


#sidebar-a {
	float: right;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-left: 5px;
	padding: 5px;
	background-color: rgb(235, 235, 235);}

#sidebar img {
	background-color: #ececec;
	border: 1px solid #8D8C8C;
	margin: 8px 2px;
	padding: 0px;} 

.shadowContent {
	position: relative;
	padding: 5px; 
	top: -3px; /* these two define the shadow 'offset'*/
	left: -3px; /*...*/
	color: black;
	background-color: #F4FFDD;
	border: 1px solid #2E595C}
.shadowContentBox {
	position: relative;
	background: url(../images/shadowdark.gif) repeat;
	top: 0px;
	width: auto;}
.shadowContent img{
	border: 0px;}


#qbox { 
  margin: 5px 0 20px;
  border: 1px solid #BDBEBD;
  position: relative;
}

.qboxheader{
  position: absolute;
  top: -.6em;
  background-color: #fff;
  padding: 0 .25em;
  margin-left: 10px;
  font: bold x-small/1.3em Arial
}
#qbox ul, #qboxbody ul {margin: .4em 0 5px; padding: 0;}
#qbox li, #qboxbody li {
  margin: 5px 0;
  padding: 5px 10px 0;
  list-style-type: none;
  cursor: pointer;
  cursor: hand;
  width: 100%; /* PC IE */
}


#logo {
	margin: 0;
	background-repeat: no-repeat;
	padding: 0px 0px 40px 0; }
/*if the logo is not linked, then adjust the left padding here.  If it is linked, then the padding is controled by the Logo A style*/
html>body #logo{
	padding: 2px 0px 50px 0; }

#logo A {
	margin:0px 0px;
	padding: 0px; }


#ancillary {
	margin: 0;
	background-repeat: no-repeat;
	position: absolute;}

#ancillary ul {
  	list-style:none;} 

#ancillary li {
  	display:inline;}

#ancillary a {
	float:right;
	font: 10px/normal Arial, San-Serif, Tahoma;
	margin:0px 0px;
	PADDING: 10px 20px;
	text-decoration:none;
	white-space:nowrap;
	color:#000000;
  	background: url(../images/nav.gif) no-repeat center;}
	
#ancillary a:hover {
	color:#003;
  	background: url(../images/nav-over.gif) no-repeat center;}


#footer p 	{
	font-size: 9px;
	color: #999999;}

#footer		{
	clear: both;
	text-align: center;
	border-top: 1px dashed #CCC;
	margin: 50px 5px -5px 5px;}

#footer p a:link, #footer p a:visited, #footer p a:hover	{color: #036;}
	
#footer p a:active	{color: #000;}

#copyright {
	font: bold 9px/normal Verdana, Arial, San-Serif;
	width: 100%;
	padding: 5px 0;
	margin: 0px 0px;
	text-indent: 5px; 
	float:left top;
	color:#003366;
	background-color:#8CBDE7;}

/* Primanav Notes:
   - Adjust the padding above and below to control how much of the background image appears. 
   - Note that the measurement of padding below will be different for non IE browsers.
   - Add the width atribute (e.g.  width: 100px; ) if you want the width of each individual nav button to be the same size. No width means the size will vary per the amount of text in each button 
   - The margin controls the space between the buttons.  
   - Padding controls the space around the text.  
   - Add the line-height attribute if you want to control the hieght beyond the naturual text wrap.  */
#primnav {
	float:  left top;
	width: 100%;
	padding: 0px 0px 16px 0px;
	margin: 0px 0px;} 

html>body #primnav { 
	padding: 0px 0px 16px 0px;} 

#primnav ul {
	margin:0;
	padding:0px 0px 0px 3px;
	list-style:none;} 

#primnav li {
  display:inline;
  margin:0;
  padding:0;}

#primnav a {
	font: bold 12px/1.6em Arial, San-Serif, Tahoma;
	float:left;
	margin:3px 0px 0px 0px;
	padding: 1px 20px;
	border-right: 1px solid #CEAE5B;
	text-decoration:none;
	white-space:nowrap;
	color: #FFFFFF;
	display:block;}
html>body #primnav a{ 
	padding: 0px 25px 0px 10px;}

#primnav img {
	margin:0px 5px 0 0;
	padding:0;
	border-width: 0px;
	vertical-align:bottom;}

#primnav a:hover {
	color: #FFC000;
  	background: #60737A url(../images/bgPrimNav.gif) repeat-x;
	border-right: 1px solid #000000;}

#primnav #active a {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid gray;
	color: #D2FD5C;
	background-color:#7C8EA7;}


/* ==( Rentals Rollover )==================================================*/

DIV#links {
	PADDING: 0px; 
	MARGIN: 0px; }
DIV#links A {
	color:#000099;
	PADDING: 0px; 
	MARGIN: 0px; }
DIV#links A:hover {
	PADDING: 0px; 
	MARGIN: 0px;
	color:#000099;
	background-color: #F9F2DD;
	text-decoration: none;}
DIV#links A:visited {
	PADDING: 0px; 
	MARGIN: 0px;}
DIV#links A IMG {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px;
	PADDING: 0px; 
	WIDTH: 0px; 
	HEIGHT: 0px;}
DIV#links A:hover IMG {
	PADDING: 0px; 
	MARGIN: 0px; 
	POSITION: absolute; 
	TOP: 120px; 
	LEFT: 250px; 
	WIDTH: 230px; 
	HEIGHT: 300px;
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px;}

/* Photo Thumbs */
.thumbnail{
	font-size:0.9em;}
.thumbnail table{
	text-align: center;}
.thumbnail {
	float: left;
	margin: 4px;
	width: auto;
	background: url("../images/thumbs_shadow.png") no-repeat bottom right;}
.thumbnail div {
	background: url("../images/fuzzy_shadow3.png") no-repeat right top;}
.thumbnail img {
	background-color: #fff;
	color: #000;
	border: 1px solid #999999;
	padding: 6px;
	vertical-align: bottom;}
.thumbnail div a {
	background: url("../images/fuzzy_shadow4.png") no-repeat left bottom;
	padding: 3px 6px 6px 3px;
	display: block;}
.thumbnail div a:hover {
	padding: 0px 9px 9px 0px;}
.centerWrap {
	min-width: 100%;
	text-align: center;}
.center {
	margin: 0 auto;
	text-align: left;
	width: 1%;}
html>body .center {
	width: 100%;}