/* External CSS for dellagrote-somatic.co 09-09 */

body,html {
	background:#F8F8F8;
	margin:0 12px 0 12px;
	padding:0;
	font-family: verdana, sans-serif; 
	font-size: 13px;
}

/*structural elements */

#header,#main,#footer {
	width:960px;
	/*border: 1px solid #ff0000;*/
}
#header {
	margin:auto;
	font-family: 'Trebuchet MS',Trebuchet,sans-serif;
}
#header-logo {
	float: left;
	width:87px;
	height:160px;
	margin-right: 48px;
}
#header h1 { font-size: 32px; font-weight: 500; margin:0; padding: 36px 0 0 0; color: #000000; }
#header p { font-size:16px;  font-weight: 300; margin:0; padding: 3px 0 24px 0; }
#header ul,#footer ul { margin:0 auto 0 auto; padding:0; }
#header ul li, #footer ul li { 
	margin:0; 
	padding: 0; 
	display: inline; 
}

/* see anchors for header nav a */

#main { margin:24px auto 12px auto; }
#footer { 
	margin: auto; 
	font-size: 90%; 
	text-align: center; 
	padding-top: 6px;
	border-top: 1px solid #9d9d9d;
}
#footer p { font-size: 10px; }

/* repetitive elements */

#right-sidebar {
	width: 195px; 
	float: right;
	text-align: center;
}
#newsletter-opt-in { 
	width: 175px; 
	margin: 0;
	padding:9px;
	background:#ffffff;
	border: 1px solid #9d9d9d;
	font-weight: 700; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; 
	color:#000000;
}
#newsletter-opt-in h4 { margin: 0; padding: 6px; font-size:12px; }
#newsletter-opt-in p { margin: 0; padding: 6px 0 0 0; }
#newsletter-opt-in #ea,#newsletter-opt-in #sub { font-size:10px; border:1px solid #999999; }
#video-holder { width: 330px; float: left; }
#video-content { margin-left: 350px; }
#yt-content { margin-left: 450px; }
#you-tube-left { width: 425px; float:left; margin: 0 12px 12px 0; }

/* main page only -revised */
#main-top					{ width: 740px; float: left; padding-left: 9px; }
#main-dvd-top				{ width: 300px; border: 1px solid #FFB765; margin-bottom:12px; }
#main-dvd-top h3			{ margin:0; padding:3px 0 0 48px; font-size: 90%; width: 255px; height: 36px; clear: left; color:#fff; background:#D15517; }
#main-dvd-top #dvd-i		{ background: url(/images/main-dvd-i.gif) top left no-repeat; padding-top:9px; }
#main-dvd-top #dvd-ii		{ background: url(/images/main-dvd-ii.gif) top left no-repeat; padding-top:9px; }
#main-dvd-top #dvd-iii		{ background: url(/images/main-dvd-iii.gif) top left no-repeat; }
#main-dvd-top #dvd-iv		{ background: url(/images/main-dvd-iv.gif) top left no-repeat; }
#main-dvd-top img			{ width: 75px; float: left; margin: 0 6px 6px 0; }
#main-dvd-top p				{ margin:0; padding: 0 0 6px 0; font-size: 11px; }
#main-dvd-top ul,
#main-dvd-top li			{ margin: 0; padding:0 4px 4px 0; text-align: right; list-style: none;  font-size: 11px; }
#you-tube-section-r1 		{ width: 425px; float: right; text-align:center; }
#you-tube-section-r1 h1		{ font-size: 105%; margin:0; padding: 0 0 6px 0; }
#you-tube-section-r1 h2		{ font-size: 95%; margin:0; padding: 0 0 9px 0; color: #0000a0; }
#you-tube-section-r1 h3		{ font-size: 100%; margin:0; padding: 6px 0 9px 0; }
#you-tube-section-r1 p		{ text-align: left; padding: 0 0 9px 0; }
#main-1,#main-2,
#main-3,#main-4 	{ font-weight: 700; margin-top:0; margin-bottom: 0; padding: 0 0 6px 0; }
#main-1				{ margin-left: 12px; font-size: 120%; color:#D15517; }
#main-2				{ margin-left: 24px; font-size: 115%; 700; color: #B3779B; }
#main-3				{ margin-left: 36px; font-size: 110%; 700; color: #9171AC; }
#main-4				{ margin-left: 48px; font-size: 100%; 700; color: #324AA3; }

h1, h2, h3	{ color: #D15517; }
h4, h5, h6	{ color: #0000e8; }
label		{ font-weight: 700; }

.red-txt 		{ color: #D15517; }
.blue-txt		{ color: #0000e8; }
.bold 			{ font-weight:700; }
.emph			{ color: #ff0000; font-weight:700; }
.center 		{ text-align: center; }
.right			{ text-align: right; }
.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 */
.dot-separator	{ border-top: 2px dotted #a3a3a3; padding-bottom:6px; }
.nodot			{ margin:0; padding:0; }
.nodot li		{ list-style: none; }
.clear 			{ clear:both; }
.small-txt-field{ width: 100px; }
.med-txt-field	{ width: 45%; }
.wide-txt-field	{ width: 100%; }

/* side-box register now forms */
.side-box { 
	float: right; 
	width: 200px; 
	background: #ffffd2; 
	border: 1px solid  #999999; 
	text-align: center;
	margin: 12px 0 12px 12px;
	padding: 6px 12px 9px 12px;
}

.side-box h3 { margin-top:0; margin-bottom:0; }
.side-box h4 { margin-top:0; }

/* left and right-floating inset box */
.left-side-box,.right-side-box {
	float: left; 
	width: 240px; 
	font-size:90%;
	background: #fff4dd; 
	border: 1px solid  #999999; 
	margin: 0 12px 12px 0;
	padding: 6px 12px 9px 12px;
}
.right-side-box { float: right; margin: 0 12px 0 12px; }
.left-side-box p,.right-side-box p { 	text-align:justify; }
.left-side-box h3,.right-side-box h3 { color: #000; margin:0; }
.left-side-box .float-right,.right-side-box .float-right { font-style:italic; }

.submitButton {
	background:#000080;
	width: 90%;
	color: #ffff00;
	font-weight:700;
	font-size: 120%;
	font-family: arial,helvetica,sans-serif;
	border: 3px outset #a3a3c9;
	padding:6px;
}
.fixed	{ width: 150px; }

/* SHOULD be temporary but may be repurposed, rename if you do */
#may-17-hd { width: 80%; white-space: nowrap;text-align: center; margin:auto; }

a.bold		{ font-weight: 700; }
a:link		{ color: #D15517; }
a:visited	{ color:#D15517; }
a:hover		{ color:#ff0080; }
a:active	{ color: #ff0000; }

#header ul li a { 
	margin:0;
	padding: 1px 14px 1px 14px; 
	text-align:center;
	border: 4px dotted #9d9d9d;
	font-family: 'Trebuchet MS',Trebuchet, sans-serif;
	font-size: 16px;
	font-weight:700;
	text-decoration:none;
	border-right: none;
}

#header ul li a:link	{ color: #808080; }
#header ul li a:visited	{ color: #808080; }
#header ul li a:hover	{ color: #D15517; border: 4px dotted #D15517; border-right: none; }
#header ul li a:active	{ color: #ff0000; }
#header ul li #head-last { border-right: 4px dotted #9d9d9d; }
#header ul li #head-last:hover { border-right: 4px dotted#D15517; }

.arrow-link				{ color: #0000a0; font-weight:bold; padding-right:16px; background:url(/images/more-arrow.gif) bottom right no-repeat; }
.arrow-link:link		{ color: #0000a0; }
.arrow-link:visited		{ color: #1f2681; }
.arrow-link:hover		{ color: #0000ff; }
.arrow-link:active		{ color: #ff0000; }