/*
' Title				: Sparta Gridiron Club Stylesheet
' Description		: Styles for entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' 11/29/2009		: Tony Groves - Created document.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Main Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/
html {background:#570000 url('/imgs/bodybg.jpg') repeat-x bottom; padding:0 0 184px 0;}

body {
	background:#bc0000;
	font-family: Verdana, sans-serif;
	margin:0;
	padding:0;
	font-size:14px;
	text-align:center;
	}

a {}
a:hover {}
a:active {}
a:visited {}

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}	
h1 {}
h1 a{}
h1 a:hover{}
h2 {}
h2 a {}
h2 a:hover {}

ul 								{font-size:.7em; text-align:left;}
li 								{list-style-type:none;}
li a							{color:#832811; text-decoration:none;}
li a:hover						{color:#832811; text-decoration:underline;}

p								{color:#000; font-size:.8em; text-align:left; line-height:1.2em;}

input.errorText					{border:1px solid #c70b05; background:#f0f0f0;}
textarea.errorText				{border:1px solid #c70b05; background:#f0f0f0;}
label.errorText					{display:block; color:#c70b05; font-weight:bold; float:none; padding:0; margin:1px 0;}

.clear 							{font-size:1px; line-height:1px; margin:0; padding:0; border:none; clear:both;}

#map							{margin:0 48px; border:1px solid #8C9BAA;}

img.right						{float:right; border:0px none; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
img.left						{float:left; border:0px none; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:0}

#header 						{margin:0; padding:0; text-align:center; height:156px; background:url('/imgs/headerbg.jpg') repeat-x;}
#header #logo					{border:none; padding:5px 0 9px 0;}

.nav						{height:76px; width:844px; font-weight:normal; margin:0 auto; padding:0;}
.nav li						{display:inline; padding:0; margin:0;}
.nav li a					{display:block; float:left; text-decoration:none;}
.nav li a:hover				{text-decoration:none;}
.nav li a.aboutus			{background:url('/imgs/nav.jpg') no-repeat; width:162px; height:76px;}
.nav li a.aboutus:hover		{background:url('/imgs/nav.jpg') no-repeat 0 -76px; width:162px; height:76px;}
.nav li a.team				{background:url('/imgs/nav.jpg') no-repeat -162px 0; width:110px; height:76px;}
.nav li a.team:hover		{background:url('/imgs/nav.jpg') no-repeat -162px -76px; width:110px; height:76px;}
.nav li a.calendar			{background:url('/imgs/nav.jpg') no-repeat -272px 0; width:160px; height:76px;}
.nav li a.calendar:hover	{background:url('/imgs/nav.jpg') no-repeat -272px -76px; width:160px; height:76px;}
.nav li a.funds				{background:url('/imgs/nav.jpg') no-repeat -432px 0; width:194px; height:76px;}
.nav li a.funds:hover		{background:url('/imgs/nav.jpg') no-repeat -432px -76px; width:194px; height:76px;}
.nav li a.gallery			{background:url('/imgs/nav.jpg') no-repeat -626px 0; width:218px; height:76px;}
.nav li a.gallery:hover		{background:url('/imgs/nav.jpg') no-repeat -626px -76px; width:218px; height:76px;}

.down-list 						{position:absolute; top:118px; background:#000; clear:both; margin:0 0 0 -80px; z-index:1000; width:900px; padding:0; border-bottom:1px solid #000; border-top:1px solid #000;}
.down-list li 					{padding:0; background:#000; margin:0; display:inline; float:left;}
.down-list li a					{margin:0; padding:12px 16px; color:#fff; font-size:1.3em; display:block; float:left;}
.down-list li a:hover			{color:#fff; text-decoration:none; background:#262626;}

#footer 						{}
#footer h4 						{font-weight:normal; font-size:.8em; text-align:center; color:#460000; margin:0; padding:12px 0;}
#footer h4 a					{color:#460000; text-decoration:none;}
#footer h4 a:hover				{color:#000; text-decoration:underline;}

#footer h6						{color:#454545; text-align:center; font-weight:normal; font-size:.7em;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Content Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#content 						{background:url('/imgs/mainbg.jpg') repeat-y top center; position:relative; z-index:1; padding:0; margin:0;}
#contenttop						{background:url('/imgs/maintopbg.jpg') no-repeat top center; min-height:436px;}
#contentbottom					{background:url('/imgs/mainbottombg.jpg') no-repeat bottom center; height:70px;}

#content #c						{width:939px; margin:0 auto; padding:30px 15px 0 15px; text-align:center;}

#content #c #rc					{text-align:right;}
#content #c #rc #hp				{margin:10px 0 -64px 0;}
#content #c #rc h1				{text-align:left; font-size:1.3em; color:#830000; margin:50px 0 0 0;}
#content #c #rc h2				{text-align:left; font-size:1.1em; color:#830000; margin:20px 0 0 0;}
#content #c #rc p.ht			{font-weight:bold; color:#000;}
#content #c #rc #mc				{float:left; width:240px;}

#content #c #lc					{float:left; text-align:center; width:335px; margin:0 15px 0 0; padding:15px 15px 0 0px; background:url('/imgs/lcline.gif') no-repeat top right;}
#content #c #lc a				{display:block; text-decoration:none;}
#content #c #lc h3				{font-size:1em; font-weight:bold; margin:5px 0 10px 0; color:#000;}
#content #c #lc p				{font-weight:bold; color:#990101; text-align:center; padding:0 15px;}
#content #c #lc a#ml			{background:url('/imgs/HOMEBTjointheclub.jpg') no-repeat; width:277px; height:67px; margin:10px 0 0 30px;}
#content #c #lc a#ml:hover		{background:url('/imgs/HOMEBTjointheclub.jpg') no-repeat 0 -67px;}
#content #c #lc a#el			{background:url('/imgs/HOMEBTeventcaledar.jpg') no-repeat; width:284px; height:74px; margin:10px 0 0 35px;}
#content #c #lc a#el:hover		{background:url('/imgs/HOMEBTeventcaledar.jpg') no-repeat 0 -74px;}
#content #c #lc #membership		{border-bottom:1px dotted #bc0000;}
#content #c #lc .ad				{margin:25px 0 0 0; padding:0 0 15px 0;}

#content p a					{color:#c42800; text-decoration:none;}
#content p a:hover				{color:#c42800; text-decoration:underline;}
#content p.right				{text-align:right;}
#content p.center				{text-align:center;}

#content #c .tp					{border:6px solid #c4c4c4; margin:20px 0 5px 0;}

#content #sc					{width:939px; margin:0 auto; padding:45px 15px 0 15px; text-align:center;}

#content #sc h2					{text-align:left; color:#6f1200; border-bottom:1px dotted #d72300; margin:20px 20px 10px 20px; padding:0 0 5px 25px;}
#content #sc p					{padding:0 70px; font-size:.9em;}
#content #sc ul					{padding:15px 70px; font-size:.9em;}
#content #sc ul li				{padding:5px 0 5px 15px; width:251px; float:left;}
#content #sc ul li.last			{padding:0 0 10px 0; width:798px;}

.table							{margin:25px 25px 0 25px; padding:5px 0 0 0; background:#fff; border:1px solid #fff; border-bottom:1px dotted #a2a2a2;}
.table legend					{font-weight:bold; color:#830000; font-size:1.2em; margin:0 0 0 25px;}

.table .row						{display:block; height:20px; padding:4px 0;}
.table .top						{font-weight:bold; border-bottom:1px dotted #a2a2a2; border-top:1px dotted #a2a2a2;}
.table .r1						{background:#f3f3f3;}

.table label span				{font-size:.8em;}

.table label .date				{width:170px; text-align:left; display:inline-block;}
.table label .type				{width:90px; text-align:left; display:inline-block; text-align:center;}
.table label .time				{width:100px; text-align:left; display:inline-block; text-align:center;}
.table label .op				{width:150px; text-align:left; display:inline-block;}
.table label .local				{width:250px; text-align:left; display:inline-block;}
.table label .out				{width:70px; text-align:left; display:inline-block;}

.table label .name				{width:170px; text-align:left; display:inline-block;}
.table label .pos				{width:400px; text-align:left; display:inline-block;}
.table label .email				{width:200px; text-align:left; display:inline-block; text-align:center;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Email Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#email 									{width:380px; float:left; padding:0; margin:0;}
#email label.row						{font-size:.9em; color:#A5A5A5; display:block; margin:5px 0 0 0; width:380px; min-height:30px; clear:both;}
#email label.row .title					{width:100px; float:left; font-size:.9em; text-align:right; padding:3px 0 0 0;}
#email label.row .formw					{float:right; width:270px; text-align:left;}
#email label.row .formw p				{margin:0; padding:0; font-size:1em;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Sub Page Image Rotator Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.overlay div.close 				{background:url(imgs/closebox.png) no-repeat; position:absolute; top:15px; right:10px; width:25px; height:25px; cursor:pointer;}

/* container for the scrollable items */
div.items 						{height:300px; margin:0 21px 0 22px; float:left; width:757px !important;}

/* single item */
div.items a 					{display:block; float:left; margin:0; width:757px; height:300px; text-align:center; cursor:pointer; border:none; padding:0; background:#fff;}
div.items a img 				{border:none;}
div.items a:hover 				{}
div.items a.active 				{background-position:-174px 0; color:#555; cursor:default;}

/* next / prev buttons */
a.prev, a.next {
	background:url(/imgs/arrowleft.jpg) no-repeat 0 0;
	display:block;
	width:48px;
	height:96px;
	float:left;	
	margin:70px 0 0 0;
	cursor:pointer;
}

a.next 							{background-image:url(/imgs/arrowright.jpg)}
a.prev:hover 					{background-position:0 -96px;}
a.next:hover 					{background-position:0 -96px;}

/* navigator */
div.navi 						{display:none; position:relative; top:-30px; left:310px; margin-left:-50px; width:50px; height:0px;}

/* items inside navigator */
div.navi span 					{width:8px; height:8px; float:left; margin:3px; background:url(/imgs/dots.gif) 0 0 no-repeat; cursor:pointer;}
div.navi span:hover 			{background-position:0 -8px;}
div.navi span.active 			{background-position:0 -16px;}


#scrollablesub 					{padding:60px 0 50px 0; width:896px; height:260px; background:url(/imgs/gallerybg.jpg) no-repeat 0 0; margin:0 0 0 20px;}

/* container for the scrollable items */
div.itemssub					{height:300px; margin:25px 21px 0 22px; float:left; width:757px !important;}

/* single item */
div.itemssub a 					{display:block; float:left; margin:0; width:252px; height:186px; text-align:center; cursor:pointer; border:none; padding:0; background:#fff;}
div.itemssub a img 				{border:8px solid #c9ced0;}
div.itemssub a:hover 			{}
div.itemssub a.active 			{background-position:-174px 0; color:#555; cursor:default;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' End Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/