﻿/* Saguaro Cup CSS Document */

* {
	margin:0;
	padding:0;
} 

body {
	margin:0px;
	background-image:url(../images/layout/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#3F2F22;
	font-family:'Helvetica', Arial, Verdana;
}

/* ----------------- Main Container ----------------- */
#dvmaincontainer {
	width:900px;
	margin:0px auto;
}
#dvtopcontainer {
	float:left;
	width:925px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

/* ----------------- Header ----------------- */
#dvlogocontainer {
	float:left;
	width:360px;
	font-size:0px;
	margin:0px;
	padding:0px 35px 0px 0px;
}
#dvlogocontainer h1 {
	float:right;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	text-align:right;
	font-weight:bold;
	color:#F8F4D5;
	margin:0px;
	padding:32px 0px 0px 0px;
}
#dvlogocontainer h4 {
	float:right;
	width:370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	font-weight:bold;
	color:#BB9F89;
	margin:0px;
	padding:2px 0px 32px 0px;
}
#dvnavicontainer {
	float:right;
	width:515px;
	font-size:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

/* ----------------- Menu Naviagation, Top ----------------- */
#dvnavicontainer img {
	float:left;
	font-size:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

/* ----------------- Body Container ----------------- */
#dvmaincontainer #dvbodycontainer {
	float:left;
	width:900px;
	background-image:url(../images/layout/page_bg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#dvbodycontainer a {
	background:inherit;
	color:#cc0011;
	text-decoration:none;
	font-weight:600;
}
#dvbodycontainer a:hover {
	background:inherit;
	color:#990011;
	text-decoration:underline;
	font-weight:600;
}
#dvbodycontainer #dvbannerbgcontainer {
	float:left;
	width:873px;
	height:226px;
	background-image:url(../images/layout/bg.jpg);
	background-repeat:repeat;
	background-position:top;
	border-bottom:1px solid #D5D4CD;
	border-top:1px solid #D5D4CD;
	margin:0px;
	padding:25px 0px 25px 25px;
}

/* ----------------- Left Side Content ----------------- */
#dvbannerbgcontainer .lftcontainer {
	float:left;
	width:277px;
	font-size:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.lftcontainer .dvbannerleft {
	float:left;
	width:277px;
	margin:0px;
	padding:8px 0px 15px 0px;
}
.dvbannerleft img {
	float:left;
	margin:0px;
	padding:0px 11px 0px 0px;
	font-size:0px;
}
.dvbannerleft p {
	float:left;
	width:203px;
	font-size:12px;
	text-align:left;
	color:#424037;
	background-color:#FBF8A8;
	margin:6px 0px 6px 0px;
	padding:6px 0px 5px 8px;
}
.dvbannerleft p b {
	font-size:13px;
	font-weight:bold;
}
#dvbannerbgcontainer #dvbanner {
	float:left;
	font-size:0px;
	margin:0px;
	padding:0px 0px 0px 85px;
}
#dvbodycontainer #dvleftpanel {
	float:left;
	width:274px;
	margin:0px;
	padding:26px 0px 4px 25px;
}
#dvleftpanel #topimage {
	float:left;
	width:259px;
	font-size:17px;
	margin:0px;
	padding:8px 0px 0px 15px;
	height:23px;
	background-color:#A4051B;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-family:'Helvetica', Arial, Verdana;
	voice-family:"\"}\"";
	line-height:18px;
}

/* ----------------- Middle Content ----------------- */
#dvleftpanel #midcont {
	float:left;
	width:247px;
	margin:0px;
	padding:25px 0px 4px 25px;
	border-bottom:1px solid #dbd7d6;
	border-left:1px solid #dbd7d6;
	border-right:1px solid #dbd7d6;
}
#midcont p {
	float:left;
	width:223px;
	font-size:15px;
	text-align:left;
	line-height:18px;
	voice-family:"\"}\"";
	line-height:17px;
	color:#513D2C;
	margin:0px;
	padding:0px;
	padding-bottom:25px;
}
#midcont p span {
	float:right;
	text-align:right;
	color:#A5051A;
	font-weight:bold;
}
#midcont .line {
	float:left;
	width:223px;
	font-size:0px;
	margin:0px;
	padding:0px 0px 25px 0px;
}

/* ----------------- Left Footer ----------------- */
#dvleftpanel #leftfoot {
	float:left;
	width:258px;
	background-image:url(../images/layout/bg.jpg);
	background-repeat:repeat;
	margin:12px 0px 0px 0px;
	padding:11px 0px 13px 16px;
	border-top:1px solid #dbd7d6;
	border-bottom:1px solid #dbd7d6;
	border-left:1px solid #dbd7d6;
	border-right:1px solid #dbd7d6;
}
#leftfoot img {
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#leftfoot p {
	float:left;
	width:160px;
	font-size:12px;
	text-align:left;
	color:#6B5F58;
	margin:0px;
	padding:8px 0px 0px 15px;
}
#leftfoot span {
	float:left;
	width:200px;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color:#6B5F58;
	margin:0px;
	padding:5px 0px 5px 15px;
}

/* ----------------- Right Side Content ----------------- */
#dvbodycontainer #dvrightpanel {
	float:left;
	width:552px;
	margin:0px 0px 0px 20px;
	padding:18px 0px 4px 3px;
}
#dvrightpanel h1 {
	float:left;
	width:395px;
	font-size:20px;
	text-align:left;
	color:#2C1B11;
	margin:0px;
	padding:10px 0px 0px 15px;
}
#dvrightpanel p {
	float:left;
	width:530px;
	font-size:13px;
	text-align:left;
	voice-family:"\"}\"";
	line-height:16px;
	color:#513D2C;
	margin:0px;
	padding:10px 0px 10px 15px;
}
#dvrightpanel p.events {
	float:left;
	width:530px;
	font-size:13px;
	text-align:left;
	voice-family:"\"}\"";
	line-height:16px;
	color:#513D2C;
	margin:0px;
	padding:10px 0px 10px 55px;
}
#dvrightpanel p img {
	float:left;
	text-align:center;
	margin:0px;
	padding:5px 5px 5px 5px;
}
#dvrightpanel img.hotel {
	float:left;
	text-align:center;
	margin-left:150px;
	padding:5px 5px 5px 5px;
}
#dvrightpanel .line {
	float:left;
	width:533px;
	font-size:0px;
	margin:0px;
	padding:10px 0px 15px 15px;
}
#dvrightpanel .learn {
	float:left;
	text-align:left;
	font-size:0px;
	margin:0px;
	padding:0px 0px 14px 445px;
}
#dvrightpanel .learn span {
	height:20px;
	width:140px;
	font-size:10px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#dvrightpanel .learn span a {
	background-image:url(../images/layout/learn.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:30px;
	font-size:10px;
	color:#FFFFFF;
	padding-right:20px;
	text-decoration:none;
	padding-top:8px;
	voice-family:"\"}\"";
	line-height:17px;
}
#dvrightpanel .learn span a:hover {
	background-image:url(../images/layout/learn_over.jpg);
	background-repeat:no-repeat;
	width:130px;
	color:#FFFFFF;
	text-decoration:none;
}
#dvrightpanel .learn a {
	background-image:url(../images/layout/learn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
	width:97px;
	font-size:11px;
	color:#FFFFFF;
	padding-bottom:10px;
	padding-left:11px;
	padding-top:3px;
}
#dvrightpanel .learn a:hover {
	background-image:url(../images/layout/learn_over.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:97px;
	padding-bottom:10px;
	color:#FFFFFF;
}

#dvrightpanel table.results td {
	padding:2px 2px 2px 2px;
	background-color:white;
	text-align:center;
	font-weight:500;
	font-size:12px;
}
#dvrightpanel table.results td.header {
	font-size:12px;
	font-weight:700;
	border-top:1px dashed black;
	border-bottom:1px dashed black;
	background-color:#dddddd;
}

#dvrightpanel #righttfoot {
	float:left;
	width:556px;
	margin:20px 0px 0px 0px;
	padding:11px 0px 13px 0px;
	font-size:13px;
}

/* ----------------- Right Footer ----------------- */
#righttfoot img {
	float:left;
	margin:0px;
	font-size:0px;
	padding:0px 0px 0px 10px;
}
#righttfoot p {
	float:left;
	width:97px;
	font-size:13px;
	text-align:left;
	color:#513D2C;
	margin:0px;
	padding:0px 12px 0px 12px;
}

/* ----------------- Full Page Content ----------------- */
#dvbodycontainer #dvfullpage {
	float:left;
	width:875px;
	margin:0px 0px 0px 20px;
	padding:18px 6px 6px 6px;
}
#dvfullpage h1 {
	float:left;
	width:850px;
	font-size:20px;
	text-align:left;
	color:#2C1B11;
	margin:0px;
	padding:10px 0px 0px 15px;
}
#dvfullpage p {
	float:left;
	width:800px;
	font-size:13px;
	text-align:left;
	voice-family:"\"}\"";
	line-height:16px;
	color:#513D2C;
	margin:0px;
	padding:10px 0px 10px 15px;
}
#dvfullpage img.singlesponsor {
	float:left;
	text-align:center;
	margin-left:290px;
	padding:5px 5px 5px 5px;
}
#dvfullpage img.honorsponsor {
	float:left;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:125px;
	padding:5px 5px 5px 5px;
}
#dvfullpage img.regularsponsor {
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:75px;
	padding:5px 5px 5px 5px;
}
#dvfullpage img.sponsor {
	/* For 2 Images (200px wide) use margin-left:125px; */
	/* For 3 Images (200px wide) use margin-left:50px; */
	float:left;
	text-align:center;
	margin-left:125px;
	padding:5px 5px 5px 5px;
}
#dvfullpage img.association {
	float:left;
	text-align:center;
	margin-left:125px;
	padding:5px 5px 5px 5px;
}
#dvfullpage img.logocenter {
	float:left;
	text-align:center;
	margin-left:300px;
	padding:5px 5px 15px 5px;
}
#dvfullpage ul,#dvfullpage ol {
	float:left;
	width:750px;
	margin:0px;
	padding:0px 0px 10px 50px;
	font-size:12px;
	color:#513D2C;
}
#dvfullpage ul ul,#dvfullpage ol ol {
	float:left;
	width:650px;
	margin:0px;
	padding:10px 0px 10px 15px;
	font-size:11px;
	color:#513D2C;
}
#dvfullpage li {
	float:left;
	width:700px;
	margin:0px;
	padding:10px 0px 10px 15px;
	font-size:12px;
	color:#513D2C;
}

/* --------------- Table: Team List --------------- */
#dvfullpage table.teams {
	font-family:arial;
	border-spacing:0px;
	width:650px;
	margin-top:25px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
#dvfullpage table.teams th {
	background-color:white;
}
#dvfullpage table.teams td {
	padding:2px 2px 2px 2px;
	background-color:white;
	text-align:center;
	font-weight:500;
	font-size:12px;
}
#dvfullpage table.teams td.header {
	font-size:12px;
	font-weight:700;
	border-top:2px solid black;
	border-right:2px solid black;
	border-left:2px solid black;
	background-color:#dddddd;
}
#dvfullpage table.teams td.subheader {
	font-size:12px;
	font-weight:700;
	border-bottom:1px black dotted;
	background-color:#dddddd;
}
#dvfullpage table.teams td.left {
	font-size:12px;
	font-weight:500;
	border-left:2px solid black;
}
#dvfullpage table.teams td.division {
	font-size:12px;
	font-weight:500;
	border-right:1px dotted black;
}
#dvfullpage table.teams td.mid {
	font-size:12px;
	font-weight:500;
	border-bottom:1px dotted black;
}
#dvfullpage table.teams td.right {
	font-size:12px;
	font-weight:500;
	border-right:2px solid black;
}
#dvfullpage table.teams td.end {
	font-size:12px;
	font-weight:500;
	border-bottom:2px solid black;
}

/* ----------------- Softball Fields ----------------- */
#dvfullpage #dvfields {
	float:left;
	width:350px;
	background-image:url(../images/layout/bg.jpg);
	background-repeat:repeat;
	margin:12px 0px 20px 40px;
	padding:11px 0px 13px 16px;
	border-top:1px solid #dbd7d6;
	border-bottom:1px solid #dbd7d6;
	border-left:1px solid #dbd7d6;
	border-right:1px solid #dbd7d6;
}
#dvfields p {
	float:left;
	width:325px;
	font-size:13px;
	text-align:center;
	voice-family:"\"}\"";
	line-height:16px;
	color:#513D2C;
	margin:0px;
	padding:10px 0px 10px 15px;
}
#dvfields img.fields {
	float:left;
	text-align:center;
	margin-left:50px;
	padding:5px 5px 5px 5px;
}

/* ----------------- City of Phoenix ----------------- */
#dvcity {
	background-image:url(../images/phoenix/CityPhoenix.png);
	background-repeat:no-repeat;
	width:850px;
	height:150px;
}
#dvlogo {
	background-image:url(../images/phoenix/phoenix.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:850px;
	height:1375px;
}
#dvlogo ol li {
	list-style-type:decimal;
	margin:0px;
	padding:10px 0px 10px 15px;
}
.img-phxplaces {
	position:relative;
	display:block;
	height:200px;
	width:300px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	padding:5px 5px 5px 5px;
	border:1px solid #999999;
}
.img-phxplaces cite {
	background:#333;
	filter:alpha(opacity=55);
	opacity:.55;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	width:310px;
	padding:10px;
	border-top:1px solid green;
}

/* ----------------- Committee Chairs ----------------- */
#dvbodycontainer #committee {
	float:left;
	width:825px;
	margin:0px 0px 0px 20px;
	padding:10px 0px 5px 0px;
}
#committee h1 {
	float:left;
	width:795px;
	font-size:20px;
	text-align:left;
	color:#2C1B11;
	margin:0px;
	padding:10px 0px 0px 15px;
}
#committee p {
	float:left;
	width:795px;
	font-size:13px;
	text-align:left;
	voice-family:"\"}\"";
	line-height:16px;
	color:#513D2C;
	margin:0px;
	padding:10px 0px 10px 15px;
}
#committee table td {
	padding:2px 2px 2px 2px;
	text-align:center;
	width:500px;
	font-weight:500;
	font-size:12px;
}

/* ----------------- Payment Steps ----------------- */
table.payment {
	padding:none;
	margin:5px 0px 5px 0px;
}
table.payment td {
	font:normal 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:capitalize;
	letter-spacing:-1px;
	color:#a90000;
	vertical-align:middle;
	padding:0px 5px 0px 5px;
	margin:0px;
}

/* ----------------- Forms and Input ----------------- */
#form {
	float:left;
	font-size:12px;
	font-weight:500;
	margin:10px 10px 10px 15px;
	padding:2px;
	border:1px solid #555;
	width:825px;
}
#form p {
	font-size:12px;
	color:#000000;
}
#form p img {
	float:left;
	background:none;
	border:0px;
	padding:0px;
	margin:0px;
}
label {
	width:150px;
	text-align:right;
	float:left;
	font-weight:500;
	font-size:12px;
	color:#000000;
	margin-right:15px;
	margin-left:20px;
}
.formerrortop {
	float:left;
	border:2px solid red;
	background-color:#FFCCCC;
	padding:5px 5px 5px 5px;
	margin:15px 0px 25px 100px;
	width:600px;
}
#form p.formerror {
	float:left;
	border:2px solid red;
	background-color:#FFCCCC;
	padding:5px 5px 5px 5px;
	margin:5px 25px 5px 25px;
	width:750px;
}
.errortext {
	font:bold smaller sans-serif;
	margin-left:10px;
}
#form input,textarea {
	border:1px solid #333; 
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:12px;
	margin:0;
	padding:4px;
	width:400px;
}
#form input {
	width:300px;
}
#buttons {
	float:left;
	text-align:center;
	font-size:12px;
	font-weight:500;
}
#buttons input.submit {
	width:150px;
	margin:10px 0px 10px 200px;
}
#buttons input.reset {
	width:150px;
	margin:10px 0px 10px 50px;
}

/* ----------------- Tables ----------------- */
table {
	border:1px solid #888888;
	border-collapse:collapse;
	line-height:1.3em;
	width:85%;
	margin:0px 0px 16px 0px;
	padding:0px;
	background-color:#eeeeee;
}
table.center {
	margin-left:auto;
	margin-right:auto;
}
caption {
	font-weight:500;
	margin:0;
	padding:6px 0 8px;
	text-align:center;
}
th {
	/*background:url(../images/layout/menubg.gif) repeat bottom left #eaeaea;*/
	padding:7px;
	text-align:left;
}
td {
	/*background:url(../images/layout/menubg.gif) repeat bottom left #f4f4f4;*/
	font-size:0.9em;
	padding:7px;
	text-align:left;
}
td.center {
	/*background:url(../images/layout/menubg.gif) repeat bottom left #f4f4f4;*/
	font-size:0.9em;
	padding:7px;
	text-align:center;
}

/* ----------------- Main Footer ----------------- */
#dvmaincontainer #dvfootercontainer {
	float:left;
	width:900px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#dvfootercontainer #foottop {
	float:left;
	width:900px;
	background-image:url(../images/layout/footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px;
	padding:0px 0px 50px 0px;
}
#foottop p {
	float:left;
	font-size:12px;
	text-align:left;
	color:#938A82;
	margin:0px;
	padding:25px 0px 0px 20px;
}
#foottop p a {
	text-decoration:none;
	color:#938A82;
	padding-left:5px;
	padding-right:5px;
}
#foottop p a:hover {
	text-decoration:underline;
	color:#938A82;
	font-weight:500;
}
#foottop p span {
	padding:0px 10px 0px 0px;
}
.design {
	float:left;
	width:154px;
	margin:0px;
	padding:0px;
	font-size:0px;
	padding-left:80px;
	padding-top:13px;
}

/* ----------------- Top Menu Navigation/Tabs ----------------- */
#tabs1 {
	float:left;    
	background:#FAF6DB;
	font-size:15px;
	line-height:normal;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px; 
	padding-bottom:5px;
	height:26px;
	margin:0px;
	line-height:normal;
}
#tabs1 ul {
	margin:0;
	list-style:none;
	float:left;
	padding:0px;	 
}
#tabs1 li {
	display:inline;
	margin:0;
	padding:0;
	voice-family:"\"}\"";
	line-height:16px;
	height:25px;
	float:left;
}
#tabs1 a, #tabs1 a.active {
	float:left;
	background:url("../images/layout/tableft1.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs1 a span, #tabs1 a.active span {
	float:left;
	display:block;
	background:url("../images/layout/tabright1.gif") no-repeat right top;
	color:#2C1C0F;
	padding:3px 9px 6px 5px; 
	voice-family:"\"}\"";
	padding-top:2px;
}
#tabs1 a span {
	float:none;
}
#tabs1 a:hover span, #tabs1 a.active span {
	color:#FFFFFF;
}
#tabs1 a:hover, #tabs1 a.active {
	background-position:0% -42px;
	color:#FFFFFF;
}
#tabs1 a:hover span, #tabs1 a.active span {
	background-position:100% -42px;
	color:#FFFFFF;
}
#tabs1 #current a {
	background-position:0% -42px;
	color:#FFFFFF;
}
#tabs1 #current a span {
	background-position:100% -42px;
	color:#FFFFFF;
}
#tabs3 {
	float:left;
	width:362px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	background:#FAF6DB;
	font-weight:bold;
}
#tabs3 ul {
	margin:0;
	padding:10px 5px 5px 0px;
	list-style:none;
	line-height:21px;
}
#tabs3 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs3 a, #tabs3 a.active {
	float:left;
	background:url("../images/layout/tableft3.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
}
#tabs3 a span, #tabs3 a.active span {
	float:left;
	display:block;
	background:url("../images/layout/tabright3.gif") no-repeat right top;
	padding:7px 0px 4px 0px;
	color:#2C1B11;
	line-height:14px;
	height:20px;
}
#tabs3 a span {
	float:none;
	border:1px solid red;
}
#tabs3 a span {
	float:none;
}
#tabs3 a:hover span, #tabs3 a.active span {
	color:#FFF;
}
#tabs3 a:hover, #tabs3 a.active {
	background-position:0% -42px;
}
#tabs3 a:hover span, #tabs3 a.active span {
	background-position:100% -42px;
}  
#tabs3 #current a {
	background-position:0% -42px;
	color:#FFFFFF
}
#tabs3 #current a span {
	background-position:100% -42px;
	color:#FFFFFF
}

/* ----------------- Various Classes ----------------- */
.center {
	text-align:center;
}
.secret {
	display:none;
	visibility:hidden;
}
.hint {
	display:none;
	position:absolute;
	right:230px;
	width:250px;
	margin-top:-4px;
	border:1px solid #c93;
	padding:10px;
	background:#ffc url("../images/layout/pointer.gif") no-repeat -10px 5px;
}
.imgcenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* Remove Boarder From Linked Images */
a img {
	border-width:0px;
}