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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color: #71D7DA;
	background-image:url(images/dallas-doo-wop-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #999;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
  	line-height: 18px;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
  	text-align: center;
}

h1 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

h2 {
	color: #FFFF66;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

a, a:link {
	color: #FF99FF;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #FF99FF;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #64C5C7;
	text-decoration: underline;
}

a:focus {
	color: #64C5C7;
}

a:active {
	color: #FF99FF;
}

#email_list_form a, #email_list_form a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#email_list_form a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#email_list_form a:hover {
	color: #000000;
	text-decoration: underline;
}

#email_list_form a:focus {
	color: #64C5C7;
}

#email_list_form a:active {
	color: #FFFFFF;
}

#outerWrapper {
	background: url(images/doo_wop_stars.png);
	margin: 0 auto 0 auto;
	text-align: left;
	width: 975px;
	position: relative;
}

#outerWrapper #header {
	background: url(images/doo_wop_header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 16px;
	/*font-weight: bold;*/
  	line-height: 14px;
	width: 975px;
	height: auto;
}

#outerWrapper #header h1 {
	font-size: 18px;
	line-height: 22px;
}

#outerWrapper #header #header_text {
	font: normal 16px "Tahoma", Verdana, Arial, sans-serif;
	color: #CCCCCC;
	line-height: 18px;
	overflow: visible;
	width: 500px;
	margin: 0 auto 0 400px;
	padding: 20px 0 20px 0;
}

/*#outerWrapper #header #header_text h1 { 
	font: bold 1em "Tahoma", Verdana, Arial, sans-serif;
	color: #75D1D6;
}*/

#outerWrapper #contentWrapper {
	background: url(images/doo_wop_border.png) repeat-y;
	width: 975px;
	text-align: center;
	position: relative;
	margin-bottom: -10px;
}

#outerWrapper #contentWrapper #content {
	background: url(images/doo_wop_border.png) repeat-y;
	font: normal 1em Tahoma, Verdana, Arial, sans-serif;
	color: #CCCCCC;
	width: 895px;
	height: 100%;
	min-height: 410px;
	padding: 0 40px 0 40px;
	margin-bottom: 0;
	position: relative;
}

#outerWrapper #contentWrapper #content .content_text {
	font: 300 12px "Tahoma", Verdana, Arial, sans-serif;
	color: #CCCCCC;
	line-height: 16px;
	text-align: left;
	width: 800px;
	margin: 0 auto 0 auto;
}

.home_text {
	font: bold 'Tahoma', Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 114px;
	left: 230px;
	width: 530px;
	min-height: 200px;
	height: 200px;
	padding: 10px;
	z-index: 12;
}


form {
	font: 10px; Tahoma, Verdana, Arial, sans-serif;
	margin: 0 8px 0 8px;
	padding: 8px;
	background-color: #FFF;
	color: #000;
}

#outerWrapper #footer {
	background: url(images/doo_wop_footer.jpg) no-repeat top center;
	background-color: #65C8C7;
	/*padding: 10px 40px 10px 40px;*/
	width: 975px;
	height: 546px;
	margin-top: 0;
	position: relative;
}

#outerWrapper #footer #text {
	font: 1.1em #CCCCCC Tahoma, Verdana, Arial, sans-serif;
	width: 895px;
	height: 25px;
	padding: 0px 40px 0px 40px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;*/
}

li { margin: left: 20px; }

.image { background-color: #af0000; border: solid 1px #af0000 }
.text-block { padding: 30px 60px 60px; border: solid 1px #a90000 }
.table-border { border: solid 2px #a90000 }

/*left box*/
.roundedcornr_box {
   background-color: #DD000C;
   background: #DD000C;
   color: #000;
   width: 40%;
   float: left;
   padding: 0;
   margin: 0;
}
.roundedcornr_top div {
   background: url(images/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(images/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(images/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(images/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 10px; position: relative; display: block; }

.roundedcornr_content ul { padding-left: 20px; }
/*
.box1 { background-color: #CC0000;}
.box1 .wr_toprow { background: url(images/box1toptile.gif) repeat-x; }
.box1 .wr_toprow div { background: url(images/box1topleft.gif) no-repeat top left; }
.box1 .wr_toprow div div { background: url(images/box1topright.gif) no-repeat top right; }

.box1 .wr_contentrow { background: url(images/box1lefttile.gif) repeat-y; }
.box1 .wr_contentrow .wr_content  { background: url(images/box1righttile.gif) repeat-y right;}

.box1 .wr_botrow { background: url(images/box1bottile.gif) repeat-x; }
.box1 .wr_botrow div { background: url(images/box1botleft.gif) no-repeat top left; }
.box1 .wr_botrow div div { background: url(images/box1botright.gif) no-repeat top right; }

.box1 .wr_toprow, .box1 .wr_toprow div,
.box1 .wr_botrow, .box1 .wr_botrow div
 { width:100%; height:16px; font-size:1px; }

.box1 .wr_content  { padding: none; margin: 0; }
.box1 p { padding: 0; margin: 1em 0 0 0; padding-bottom: 1em; }

/*#redbox {
	position: relative;
	width: 350px;/* -- edit width here!
	padding: 0;
	margin: 0;
	height: 250px;
 }*/
/*form box*/
.redBox { background-color: #CC0000;}
.redBox .wr_toprow { background: url(images/redBoxtoptile.gif) repeat-x; }
.redBox .wr_toprow div { background: url(images/redBoxtopleft.gif) no-repeat top left; }
.redBox .wr_toprow div div { background: url(images/redBoxtopright.gif) no-repeat top right; }

.redBox .wr_contentrow { background: url(images/redBoxlefttile.gif) repeat-y; }
.redBox .wr_contentrow .wr_content  { background: url(images/redBoxrighttile.gif) repeat-y right;}

.redBox .wr_botrow { background: url(images/redBoxbottile.gif) repeat-x; }
.redBox .wr_botrow div { background: url(images/redBoxbotleft.gif) no-repeat top left; }
.redBox .wr_botrow div div { background: url(images/redBoxbotright.gif) no-repeat top right; }

.redBox .wr_toprow, .redBox .wr_toprow div,
.redBox .wr_botrow, .redBox .wr_botrow div
 { width:100%; height:18px; font-size:1px; }

.redBox .wr_content  { padding: 1px 5px 0 5px; margin: 0; }
.redBox p { padding: 0 0 5px 0; margin: 0 0 0 0; }

#formBox {
	width: 360px;/* -- edit width here! -- */
	padding: 0;
	margin: 0;
	float: left;
 }
 
#formBox2 {
	width: 360px;/* -- edit width here! -- */
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
 }
 
#links {
	top: 371px;
	margin-left: 385px;
	width: 231px;
	position: relative;
}

.home {
	top: 335px;
	margin-left: 385px;
	width: 231px;
	position: relative;
}