/* 10-09, css file for DivaScottsdale.com */

/* Organization:
structural elements
General Styles
specific styles
links
*/

/* structural elements */

body,html {
	background: #ffffff;
	color:#000000;
	font-family: arial, helvetica, sans-serif;
	margin:0 0 18px 0;
	padding:0;
}

#outer-shadow {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	background:url(/images/right-shadow.gif) top right repeat-y;
}
#bottom-shadow {
	width: 900px;
	height: 12px;
	margin: 0;
	padding:0;
	font-size:2px;
	background:url(/images/bottom-shadow.gif) top left no-repeat;
}

#top-links, #main-links {
	width: 900px;
	font-size: 12px;
}

#top-links li, #main-links li, #foot-links li, #small-foot-links li {
	display:inline;
	list-style:none;
}
#top-links .last, #main-links .last, 
#foot-links .last,  #small-foot-links .last { padding-right:0; border-right: 0; }

#top-links {
	padding:9px 16px 0 0;
	margin:0 auto 3px auto;
	text-align: right;
}

#top-links li {
	line-height: 12px;
	padding: 0 6px 0 6px;
	border-right: 1px solid #c0c0c0;
}

#main {
	width: 892px;
	border: 1px solid #c0c0c0;
}
#header {
/* nothing to do here, really */
}

#logo {
	float:left;
	width:146px;
	height:82px;
	margin: 12px 12px 0 6px;
}

#header h1 {
	font-size: 120%;
	color:#330066;
	margin:0;
	padding:14px 0 0 0;
}

#header h2 {
	font-size: 100%;
	color:#ff0000;
	margin:0;
	padding:4px 0 0 0;
}

#contact {
	width: 200px;
	float: right;
	padding:9px 12px 0 0;
	margin:0;
	font-size: 12px;
	text-align:right;
	white-space: nowrap;
}

#contact li { list-style:none; }

#tagline {
	padding:6px 0 0 0;
	margin:0;
	font-size: 12px;
	color: #330066;
	font-weight:700;
	font-style: italic;
}

/* see top-links above, some applied styles */

#main-links {
	background: #663399;
	width: 892px;
	padding:6px 0 6px 0;
	margin:6px 0 0 0;
	text-align: center;
}

#main-links li {
	padding: 0 20px 0 20px;
	border-right: 1px solid #ffffff;
}

#search-wrapper { width: 883px; padding:4px; background: #eeeaf2; }

#top-search, #top-mailing-list { margin:0; padding:0; font-size: 12px; }
#top-search { width: 30%; float: left; }
#top-mailing-list { width: 70%; float: right; text-align: right; }
#top-search p,
#top-mailing-list p {
	display:inline;
	margin: 0;
	padding:0; 
}
#top-search h5,
#top-mailing-list h5 {
	font-size: 12px;
	display:inline;
	padding: 3px;
	margin:0;
}
#top-search .small-txt-field,
#top-mailing-list .small-txt-field {
	font-size: 11px;
	line-height:11px;
}
#join-button, #search-button { margin-bottom: -3px; } 

#main-content {
	margin:0;
	padding:12px;
	background: transparent url(/images/gradient-background.jpg) top left repeat-x;
	/*border:1px solid #00ff00;*/
}

#bottom-bar {
	width: 892px;
	background: #330066;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}

#footer { text-align: center; }
#bottom-bar p { margin:0; padding: 9px; }

#footer p { font-size:11px; }
#foot-links, #small-foot-links { margin:0; padding:0; }
#foot-links li, #small-foot-links li { border-right: 1px solid #c0c0c0; }

#foot-links li {
	font-size: 12px;
	font-weight: 700;
	padding: 0 6px 0 6px;
}
#small-foot-links li {
	font-size: 11px;
	padding: 0 6px 0 6px;
}

/* general styles */

h1,h2,h3,h4,h5	{ color:#330066; text-align: center; }
h2				{ font-size: 120%; }
h3				{ font-size: 110%; }
h4				{ font-size: 105%; }
h5				{ font-size: 100%; }

label 			{ font-weight: 700; }

.bold 			{ font-weight:700; }
.emph			{ color: #ff0000; font-weight:700; }
.red			{ color: #ff0000; }
.center 		{ text-align: center; }
.left			{ text-align: left; } /* only to override centering */
.right			{ text-align: right; }
.medium			{ font-size: 85%; }
.small			{ font-size: 75%; }
.float-left 	{ float: left; margin: 0 12px 12px 0; }
.float-right	{ float: right; margin: 0 0 12px 12px; }
.nospace 		{ margin:0; padding:0; }
.wide-space li  { line-height: 200%; margin-left: 48px;} /* list items you want to space out */
.nodot			{ margin:0; padding:0; }
.nodot li		{ list-style: none; }
.clear 			{ clear:both; }
.small-txt-field{ width: 100px; }
.med-txt-field	{ width: 250px; }
.wide-txt-field	{ width: 600px; }
.bordered		{ padding:4px; border: 4px double #c0c0c0; background:#ffffff; }

/* main page only, can be repurposed */

.left-sidebar, .right-sidebar {
	width: 200px;
	background: #ffffff;
	border: 4px double #c0c0c0;
	float: left;
	padding: 4px;
}
.left-sidebar {
	float: left;
	margin: 0 12px 12px 0; 
}
.right-sidebar {
	float: right;
	margin: 0 0 12px 12px; 
}
.left-sidebar h3 ,.right-sidebar h3 { font-size: 95%; margin:0; padding: 9px 0 3px 0; }
.left-sidebar h4, .right-sidebar h4 { font-size: 85%; margin:0; padding: 9px 0 3px 0; }
.left-sidebar p, .left-sidebar ul,
.right-sidebar p, .right-sidebar ul   { font-size: 80%; }

#right-content { float: right; width: 638px; }

#bottom-columns { padding-top: 6px;  }
#bottom-columns h3 { 
 	color: #ffffff;
 	background: #330066;
 	margin: 0;
	padding: 6px 0 6px 0;
}
#bottom-columns h4 { margin:0; padding: 6px 0 3px 0; }
#bottom-columns .third-col { float: left; width: 210px; margin: 0; padding: 0; }
#bottom-columns .third-col .fp-img { display: block; margin:auto; }
#bottom-columns .third-col h5 { font-size:14px; margin:0; padding: 6px 0 6px 0;  white-space: nowrap; }
#bottom-columns .third-col p { font-size:14px; margin:0; padding: 0 0 12px 0; }

/* events, about, contact, other pages using the tabled rounded corner background blocks */

.background-table	{ 
	width: 600px; 
	margin: 12px auto 0 auto; 
}
.background-table .lt { background: url(/images/double-border-left.gif) top left repeat-y; width:3px; font-size: 2px; }
.background-table .rt { background: url(/images/double-border-right.gif) top right repeat-y; width:3px; font-size: 2px; }
.background-table .ie-fix { width: 7px; background: #EFEDF3; font-size: 2px; }
.background-table .bg		{  background: #EFEDF3; }
.background-table h2,
.background-table h3,
.background-table h4		{ color:#0000b0; margin: 0; padding: 6px 0 0 0; }
.background-table h4		{ text-align: left; margin-left: 125px; }
.background-table div		{ margin: 0 auto 0 auto; padding: 6px; }
.background-table p .right	{ margin-right: 6px; }
.background-table .nodot	{ margin-left: 150px; }
.background-table iframe	{ width:425px; margin: auto; text-align:center; } /* Google Map */
.background-table .nomargin	{ margin-left:0; }

/* size-chart */

#size-chart 				{ background: #ffffff; border: 5px double #808080; width: 600px; text-align: center; margin:auto; }
.color-0x					{ background-color: #ccffcc; }
.color-1x					{ background-color: #ccffff; }
.color-2x					{ background-color: #99ccff; }
.color-3x					{ background-color: #cc99ff; }

/* links */

a:link		{ color: #330066; text-decoration:none; }
a:visited	{ color: #544538; text-decoration:none; }
a:hover		{ color:#ff0000; text-decoration:underline;  }
a:active	{ color: #ff0000; text-decoration:underline; }

a.red:link		{ color: #ff0000; }
a.red:visited	{ color: #ff0000; }
a.red:hover		{ color:#ff8040; }
a.red:active	{ color: #ff0000; }

#main-links li a:link { color: #ffffff; }
#main-links li a:visited { color: #ffffff; }
#main-links li a:hover { color: #ffff9f; }
#main-links li a:active { color: #ff0000; }