html {margin: 0px; padding:0px;}

body {font-family: Arial,Franklin Gothic Demi; font-size: 63%; color: #000000; margin: 0px; padding:0px; background-image:url(images/CheckerBoard.gif);}

A:link {color: #BB2277}

A:visited {color: #9F9F9F}

A:active {color: #774422}

A:hover {color: #FAF388}


/*Banner Classes*/
#Sky {background-image:url(images/SkyGradient.png); width: 850px; height: 80px;}

#TanBorder {width: 850px; height: 10px; background-color:#DDCCAA;}

#LowerBannerWhiteBody {margin-left: 8px; background-color: #FFFFFF; width: 834px; height: 140px;}

#logo {position:absolute; top:0px; left:97px; width:326px; height:211px;}

#TennisBalls {position:absolute; top:34px; left:538px; width:162px; height:44px;} 

#HelpOut {position:absolute; top:23px; left:726px; width:178px; height:57px;}

/* Use this when login/register is needed: #DateLine {position:absolute; top:114px; left:588px; width:340px; height:20px; color: #9F9F9F; font-size: 1.4em; font-weight: bold;} */

#DateLine {position:absolute; top:114px; left:788px; width:140px; height:20px; color: #9F9F9F; font-size: 1.4em; font-weight: bold;} 


/*Menu Classes*/
#MenuItem1 {position:absolute; top:174px; left:460px; width:92px; height:41px;} 

#MenuItem2 {position:absolute; top:174px; left:568px; width:92px; height:41px;}

#MenuItem3 {position:absolute; top:174px; left:674px; width:92px;  height:41px;}

#MenuItem4 {position:absolute; top:174px; left:782px; width:92px;  height:41px;}


/*Main Classes*/
#Page { width:957px; height:auto; background:url(images/PageBG.gif) top left;}

#Website {width: 850px; height: auto; background-color:#DDCCAA; margin-left:90px;}

#TopSpacer {margin-left: 8px; width: 834px; height: 2px; background-color: #FFFFFF;}

#MainWebsiteBody {margin-left: 8px; width: 834px; height: auto; background-color: #FFFFFF;}

#LeftandRightColumns {margin-left: 24px; width: 786px; height: auto; background-image: url(images/PageBackground.gif);}

#LeftColumn {float: left; height: auto; width: 252px; background-color: #BBDD33;}

#RightColumn {width: 514px; height: auto; margin-left: 272px;}

#PageFooter{ background-color:#DDCCAA; width: 850px; height:12px font-size:small; color: #FFFFFF; clear:both;}

.FooterText{ font-size:small; line-height: 1.4em; color: #FFFFFF;}

.FooterText2{ font-size:small; line-height: 1.4em; color: #9F9F9F; margin-left: 186px; width: 500px; padding-top: 4px;}

#FooterStop {clear:both;}

#Caprio{}



/*Left Column Classes*/
#Grass {width: 252px; height: auto; background-image:url(images/GrassTop.gif); background-repeat: no-repeat; background-position: top; background-color: #BBDD33; padding-bottom: 8px;}

#Locations {font-size: x-large;  line-height: 2em; color: #FFFFFF; font-weight: bold; padding-top: 24px; padding-left: 24px;}

#Spager24 {padding-top: 24px;}

#Indent24 {padding-left: 24px;}

#DogOwnerGroup {font-size: x-large; line-height: 1.1em; color: #FFFFFF; font-weight: bold; padding-left: 24px; padding-bottom: 4px;}

#GatewayPark{font-size: large; line-height: 1.2em; color: #774422; background: url(images/PawBrown18.gif) no-repeat top left; padding-left: 24px;}

#ParkDetailsSmall {font-size: small; line-height: 1.2em; color: #774422; font-weight:normal; padding: 14px; padding-left: 24px;}

#ParkDetails {font-size: medium;  line-height: 1.5em; color: #774422; font-weight:normal; padding: 8px; padding-left: 24px;}

#ParkHours {font-size: medium;  line-height: 1.5em; color: #774422; font-weight: bold; padding: 8px; padding-left: 24px;}

#GatewayParkLocation {padding-bottom: 20px;}

#LoringPark {font-size: large; line-height: 1.2em; color: #774422; background: url(images/PawBrown18.gif) no-repeat top left; padding-left: 24px;}

#LoringParkLocation {padding-bottom: 20px;}

#NorthLoop {font-size: large; line-height: 1.2em; color: #774422; background: url(images/PawBrown18.gif) no-repeat top left; padding-left: 24px;}

#NorthLoopLocation {padding-bottom: 20px;} 

#LeftColFooter {padding-top: 10px;}

.LowerLeftColHeader {font-size: large; line-height: 2em; font-weight: bold; color: #FFFFFF; background-color: #BBDD33; padding: 10px; padding-left: 24px; padding-bottom: 0px;}

#LowerLeftColList {margin-left: 18px;}

.LowerLeftColText {font-size: small; line-height:1.2em; color: #774422; padding-bottom: 0px; font-weight:normal;}

.Find {font-size: x-large; font-weight:bold; color: #FAF388;}


/*Right Column Classes*/
.Dateline {font-size: small; color: #9F9F9F; padding-left: 4px; padding-bottom: 4px;}

.MainHeader {font-size: x-large; font-weight: bold; color: #BB2277; padding: 4px;}

.Header {font-size:large; font-weight:bold; color: #BB2277; padding: 4px; padding-top:10px;}

.Title {font-size:Medium; font-weight:bold; color: #BB2277; padding: 4px; padding-top:10px;}

.Photo { background-color: #BBDD33; padding: 4px;}

.PhotoGallery { }

.PhotoCaption {font-size: small; color: #9F9F9F; padding: 4px;}

.Story {font-size: medium; line-height: 1.2em; color:#000000; padding-left: 4px; padding-top: 6px;}

.StorySmall {font-size: small; line-height: 1.2em; color:#000000; padding-left: 4px; padding-top: 6px;}

.StorySeparator{padding-top: 15px;}

.TileBrown {font-size:Medium; font-weight:bold; color: #774422;}

.TextBrownSm { font-size:xx-small; color: #774422;}

#Elliot {padding-left: 8px;}

#Loring {padding-left: 8px;}

#NLoop {padding-left: 8px;}

table {border-collapse:collapse}


/*Colors*/
.black	{COLOR: #000000}

.grey	{COLOR: #9F9F9F}

.white	{COLOR: #FFFFFF}

.purple	{COLOR: #BB2277}

.yellow	{COLOR: #FAF388}

.Brown	{COLOR: #774422}

.LtBlue	{COLOR: #77CCFF}

.Tan	{COLOR: #DDCCAA}