/*  INCLUDE THE CONTENT PAGE CSS FILES */
@import url(surlyPhotoGalleryStyle.css);
@import url(surlyTapListStyle.css);
@import url(surlyEventsStyle.css);
@import url(surlyAboutStyle.css);
@import url(surlyPressStyle.css);

/*  END INCLUDE THE CONTENT PAGE CSS FILES */


/*  INCLUDE THE ADMIN SECTION CSS FILES */
@import url(surlyAdminStyle.css);
@import url(surlyTapEditStyle.css);
@import url(surlyEventEditStyle.css);
@import url(surlyPressEditStyle.css);
@import url(surlyDeletePicStyle.css);
@import url(surlyTapHistoryStyle.css);
@import url(noFrameStyle.css);
@import url(surlyCalendarStyle.css);
@import url(surlyDailyStyle.css);
@import url(surlyViewDailyStyle.css);

/* END INCLUDE THE ADMIN SECTION CSS FILES */



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


/* ***********************************************
/* ***********************************************
/* ***********************************************

/* FRAMING ARCHITECTURE HERE */
body.public {background-color: rgb(0,0,0); height: 100%; width: 100%; color: rgb(255,255,255);
}
#containerFrame {width: 949px; height: 604px; margin-left: auto; margin-right: auto; margin-top: 10px; background-image: url(../surlySiteImages/wireFrame.jpg); background-position: center; background-repeat: no-repeat; display: block;}
#footer {position: absolute; width: 949px; top: 587px; margin-left: auto; margin-right: auto; text-align: center; background-color: transparent;}
#footer #email_contacts { position: absolute; width: 375px; height: 50px; right: 46px; top: 25px; font-size: 16px;  font-style: italic; text-align: right; }
#footer #party_form_container { position: fixed; width: 100%; top: 0; left: 0; text-align: center; z-index: 11; }
#footer #party_formlink { color: #06F; font-size: 16px; cursor: pointer; }
#footer #party_formlink:hover { color: #FFF; cursor: pointer; }
#footer #party_dialog { display: none; position: fixed; top: 0; left: 0; background-color: #666; width: 100%; height: 100%; opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); z-index: 10; }
#footer #party_form { display: none; position: relative; width: 512px; height: 274px; margin: 100px auto 0; padding: 10px; color: #000; background-color: #FFF; border: 4px solid #991B1E; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); text-align: left; z-index: 11;  }
#footer #party_form fieldset { border: none; }
#footer #party_form label { width: 110px; }
#footer #party_form #party_form_close { position: absolute; top: 5px; right: 5px; padding: 5px; }
#footer #party_form .error { color: #f00; position: relative; float: right; }
#footer #party_form .inputerror { border: 3px solid #f00; }

#footerLogo {position: relative; width: 949px; height: 50px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 3px;
background-image: url(../surlySiteImages/footerLogo.jpg); background-position: center; background-repeat: no-repeat;}
.twitterLink {position: relative; left: 430px; top: -73px;}
.googleMapLink {position: relative; left: -435px; top: -73px;}
.footerImage {border: 0px;}
/* Container is the entire area inside the frame */
#container {position: relative; width: 858px; height: 514px; left:44px; top: 43px; margin-top: 13px; padding: 2px; background-color: transparent;}
/* END FRAMING ARCHITECTURE */


/* ***********************************************
/* ***********************************************
/* ***********************************************

/* NAVIGATION HERE */
ul li {list-style-type: none; color: #000;}

#navigation {position: absolute; width: 230px; height: 514px; left: 0px; top: 0px; padding: 0px; background-color: transparent;}
#navLogo {position: absolute; width: 230px; height: 230px; height: 240px; background-image: url(../surlySiteImages/navLogo.jpg); background-position: center; background-repeat: no-repeat; background-color: transparent;}
#navLogo h1 {text-indent: -9999px;}
#navLogo h2 {text-indent: -9999px;}
#navLinks {position: absolute; width: 230px; height: 274px; top: 242px; color: rgb(255,255,255); background-color: transparent;}

#navLinks a {background-image: url(../surlySiteImages/menu_button.jpg); width: 95%; height: 38px; display: block; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 1.4em; color: #fff; text-decoration: none; font-variant: small-caps; font-weight: 600; margin-top: 4px; margin-bottom: 2px; margin-left: auto; margin-right: auto; }		
#navLinks a:visited {display: block;}
#navLinks a:hover {background-image: url(../surlySiteImages/menu_button_hover.jpg); color: #000; display: block; }	
#navLinks a:active {background-color: #fff; color: #000; display: block;}
/* END NAVIGATION */



/* ***********************************************
/* ***********************************************
/* ***********************************************

/* PAGE HEADER STYLING */
/* Page Header is the logo area at right of the frame */
#pageHeader {position: absolute; width: 628px; height: 140px; left: 232px; top: 0px; padding: 0px; background-image: url(../surlySiteImages/pageHeaderLogo.png); background-position: center; background-repeat: no-repeat; background-color: transparent;}
#pageHeader h1 {text-indent: -9999px;}
/* END PAGE HEADER STYLING */


/* ***********************************************
/* ***********************************************
/* ***********************************************

/* PAGE CONTENT STYLING */
/* Page Content is the area at right of the frame below logo that holds content */
#pageContent {position: absolute; width: 622px; height: 340px; left: 232px; top: 148px; padding-left: 3px; padding-right: 3px; padding-top: 3px; overflow: auto;  background-color: #991B1E;}
/* END PAGE CONTENT STYLING */
#pageContent.home {overflow: hidden;}

/* ***********************************************
/* ***********************************************
/* ***********************************************

/* IMAGE PRELOADING DIVS (IF NECCESSARY) */
#navHoverPreload {top: -9999px; left: -9999px; width: 0px; height: 0px; position: absolute; background-image: url(../surlySiteImages/menu_button_hover.jpg);}
#designPreload {}
#musicPreload {}
#spiritsPreload {}
/* END IMAGE PRELOADING DIVS (IF NECCESSARY) */



/* ***********************************************
/* ***********************************************
/* ***********************************************

/* DEFAULT LINK DESIGN HERE */
a:link {text-decoration: underline; color: rgb(0,0,0); font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .7em; margin-left: 7px;}
a:visited {text-decoration: underline; color: rgb(0,0,0); font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .7em; margin-left: 7px;}
a:hover {text-decoration: underline; color: rgb(0,0,0); font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .7em; margin-left: 7px;}
a:active {text-decoration: underline; color: rgb(0,0,0); font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .7em; margin-left: 7px;}

/* Pagination */
a.pagination:link {text-decoration: none; color: #FFF; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; margin-left: 7px;}
a.pagination:visited {text-decoration: none; color: #CCC; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; margin-left: 7px;}
a.pagination:hover {text-decoration: none; color: #ffffff; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; margin-left: 7px;}
a.pagination:active {text-decoration: none; color: #FF0; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; margin-left: 7px;}
.paginationBottom {position: relative; width: 100%; clear: both;}

/* END DEFAULT LINK DESIGN */

/* END DEFAULT LINK DESIGN */