/**********************************************************************
	Filename: ballroom.css
	Project:  Park Lane Villa / Ballroom
	
	Global style sheet
**********************************************************************/

/* Body Tag Definition */
body { margin:0px; background-color:#ccaa66; background-image:url( ../images/logoBG.gif ); }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a, ul, li { font-family:Arial, sans-serif; font-weight:normal; font-size:12px; color:#000000;}
a { font-weight:bold; font-style:normal; color:#660000; text-decoration:none;}
a:hover { text-decoration: underline; }
hr { width:100%; height:1px; margin: 0px 0px 0px 0px; color:#660000; }
p { margin:5px 0px 20px 0px; padding:0px; }

/* heading tags */
h1, h2, h3, h4 { font-family:Arial, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#996633; }
h1 { font-size:26px; font-weight:normal; margin-bottom:5px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

h2 a { font-family:Times New Roman, sans-serif; margin:0px; padding:0px; color:#996633; font-size:16px;}

/* HEADER */
#headerTop { width:770px; height:20px; background-color:#660000; }
#header { position:relative; width:768px; height:129px; text-align:left; background-color:#ffffff; border-left:1px solid #660000; border-right:1px solid #660000; }
#header a { font-weight:bold; font-style:normal; color:#ffffff; }
#logoLink { position:absolute; top:4px; left:15px; }
#homeLink { text-align:left; padding-top:2px; padding-left:5px; }
#homeLink a { color:#ffffff; }

/* HEADER BANNERS */
#headerDefault { width:768px; height:311px; background-image:url( ../images/ballroomHeaderAbout.jpg ); background-repeat:no-repeat; }
#headerHome { width:768px; height:311px; background-image:url( ../images/ballroomHeaderHome.jpg ); background-repeat:no-repeat; }
#headerAbout { width:768px; height:129px; background-image:url( ../images/ballroomHeaderAbout.jpg ); background-repeat:no-repeat; }
#headerCalendar { width:768px; height:129px; background-image:url( ../images/ballroomHeaderCalendar.jpg ); background-repeat:no-repeat; }
#headerContact { width:768px; height:129px; background-image:url( ../images/ballroomHeaderContact.jpg ); background-repeat:no-repeat; }
#headerEvent { width:768px; height:129px; background-image:url( ../images/ballroomHeaderEvent.jpg ); background-repeat:no-repeat; }
#headerGallery { width:768px; height:129px; background-image:url( ../images/ballroomHeaderGallery.jpg ); background-repeat:no-repeat; }
#headerLeasing { width:768px; height:129px; background-image:url( ../images/ballroomHeaderLeasing.jpg ); background-repeat:no-repeat; }
#headerLinks { width:768px; height:129px; background-image:url( ../images/ballroomHeaderLinks.jpg ); background-repeat:no-repeat; }

/* MAIN ELEMENTS */
#page { width:708px; min-height:400px; padding:0px 30px 30px 30px; background-color:#ffffff; background-image:url( ../images/pageBG.gif ); background-repeat:repeat-x; background-position: 0px 2px; border-left:1px solid #660000; border-right:1px solid #660000; text-align:left; }
#leftSide { width:452px; padding-top:30px; padding-right:30px; }
#rightSide { float:right; width:206px; padding:40px 0px 0px 0px; text-align:left; }

/* FOOTER */
#footer { position:relative; width:770px; background-color:#660000; color:#ffffff; text-align:center; padding-top:10px; padding-bottom:10px; font-weight:bold; }
#footerLogo { position:absolute; top:8px; left:54px; }

/* NAVIGATION */
#navigation { width:688px; height:15px; padding:12px 0px 12px 80px; background-color:#996633; border-left:1px solid #660000; border-right:1px solid #660000; }

/* DROPDOWNS */
.navSection { position:relative; float:left; color:#ffffff; }
.pagParent { color:#ffffff; }
.pagParent:hover { color:#ffffff; text-decoration:none; }
.navDropDown { position:absolute; left:0px; top:27px; z-index:2; width:170px; border:2px solid #ffffff; border-bottom:1px solid #ffffff; }
.navDropDownBG { background-color:#ccaa66; }
.pagChild { display:block; width:155px; height:15px; padding:3px 0px 3px 15px; color:#996633; font-weight:bold; border-bottom:1px solid #ffffff; text-align:left; }
.pagChild:hover { color:#ffffff; text-decoration:none; }

/* PHOTOS */
.galimage { border:solid 1px #000000; }
.admphotos { width:100%; }
.admphotos td { text-align:left; padding-bottom:5px; }

/* PAGE CLASSES */
.pageTitle { padding-top:20px; }
.subtitle { font-size:14px; font-weight:bold; color:#996633; }
.formlabel { font-size:12px; margin-top:15px; }
.formSelection { margin-left:20px; margin-top:10px; }
.note { font-size:10px; }
.whiteLink { font-weight:bold; font-style:normal; color:#ffffff; text-decoration:none;  }
.textGold { font-size:14px; font-weight:bold; color:#ccaa66; }

.tbl { border:1px solid #000000; background-color:#cdcdcd; }
.tblf { font-weight:bold; }



/* Calendar Include */
.calTable { border:1px solid #660000; margin-top:10px;}
.calHdr { color:#660000; font-size:12px; font-weight:bold; }
.calMonth { padding:2px 0px 2px 0px; background-color:#660000; color:#ffffff; font-size:14px; }
.calMonth a { color:#ffffff; text-decoration:none; font-size:14px; }
.calMonth a:hover { color:#ccaa66; text-decoration:none; }
.calDay { width:29px;background-color:#ffffff; color:#000000; font-size:12px; }
.calDay a { color:#000000; }
.calToday { background-color:#ccaa66; color:#ffffff; font-size:12px; }
.calToday a { color:#ffffff; text-decoration:none; }
.calToday a:hover { color:#ffffff; text-decoration:underline; }
.calClosed { background-color:#a9a9a9; color:#ffffff; font-size:12px; }
.calConfirmed { background-color:#996633; color:#ffffff; font-size:12px; }
.calConfirmed a { color:#ffffff; text-decoration:none; }
.calConfirmed a:hover { color:#ffffff; text-decoration:underline; }
.calReserved { background-color:#cdcdcd; color:#ffffff; font-size:12px; }
.calReserved a { color:#ffffff; text-decoration:none; }
.calReserved a:hover { color:#ffffff; text-decoration:underline; }
.calResAndConf { background-color:#000000; color:#ffffff; font-size:12px; }
.calResAndConf a { color:#ffffff; text-decoration:none; }
.calResAndConf a:hover { color:#ffffff; text-decoration:underline; }
 
.calInstructions { border:1px solid #660000; margin-bottom:20px; }
.calInstructionsHdr { background-color:#660000; color:#ffffff; font-weight:bold; text-align:center; }
.calInstructionsBox { padding:5px; }

.scheduleEvent a:hover{ color:#ccaa66; text-decoration:none; }