/* 
    Document   : styles_joe
    Created on : Nov 30, 2009, 9:01:34 AM
    Modified   : July 12, 2010
    Author     : Joseph Alvaro

***** These styles apply to the entire document *****/

* {
	margin: 0px;
	padding: 0px;
}
img {
     border: 0px;
}
body {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 10pt;
}



/***** These styles are for spacing purposes only *****/

.clearfloat {         /*** This style clears floated elements ***/
	clear: both;
}
.space3px {
	height: 3px;
}
.space20pxtop {
	height: 20px;
}

.space40px {
	height: 40px;
}



/***** These styles are for the header and navigation area *****/

.header {
	background-color: #02abb0;
	height: 100px;
	width: 100%;
}
.headercontent {
	height: 80px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.headercontent img {
	position: relative;
	top: 17px;
}
.navbar {
	background-color: #1a618b;
	height: 20px;
	width: 100%;
}
.navbarcontent {              /*** The following three styles control both the header and footer ***/
	height: 18px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 2px;
}
.navbarcontent ul li {
	display: inline;
	list-style-type: none;
	color: #FFF;
	padding-left: 20px;
}
.navbarcontent ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}



/***** These styles are for the main content area *****/

.maincontent {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.addafestival {
	float: right;
}
.welcometext {
	float: left;
	padding-top: 5px;
	font-weight: bold;
}
.quicksearchbox {
	background-color: #f0f8f9;  /* home page quicksearch container background color */
	float: left;
	width: 480px;
	height: 45px;
	text-align: center;
        border: 1px solid #666666;
}
.quicksearchbox form {
	position: relative;
	top: 10px;
}
#quicksearchbutton {
	width: 180px;
}
.keywordsearchbox {                 /* home page keywordsearch container background color */
	background-color: #f0f8f9;
	float: right;
	height: 45px;
	width: 480px;
	text-align: center;
        border: 1px solid #666666;
}
.keywordsearchbox form {
	position: relative;
	top: 10px;
}
#keywordsInput   {
	color: #999;
	width: 200px;
}
#keywordsearchbutton {
	width: 50px;
}
.advancedsearchbox {        /* home page advancedsearch container background color */
	background-color: #f0f8f9;
	width: 984px;
	margin-top: 40px;
	padding: 8px;
        border: 1px solid #666666;
}

/* facebook logo in advanced search box */
.advanced-fb-logo {
	float: right;
}

.advancedheader {
	float: left;
	font-size: 12pt;
	font-weight: bold;
}
#submit1, #submit2 {
	display: inline;
	width: 90px;
	float: right;
}
#clear1, #clear2 {
	width: 90px;
	float: right;
	display: inline;
	margin-left: 10px;
}

#submit1,#clear1{   /* positions the top submit and clear buttons */
    position:relative;
    top:0px;
    
}
.advancedselectionboxes {
	width: 984px;
}
.selectionboxgroup {
	width: 270px;
	text-align: right;
	float: left;
}
#country {                    /*** Next two styles control selectionbox width ***/
	width: 150px;
}
#state_province {
	width: 150px;
}
.categories {                /*** Entire category area ***/
	width: 984px;
}
.categorycolumns {           /*** Individual columns ***/
	width: 328px;
        /*width: 246px;*/    /*~~~~~4 columns~~~~~*/
	float: left;
}
h2 {                         /*** H2 tag was only used for supercategories on homepage ***/
	font-size: 14pt;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 40px;
        /*padding-left: 1px;*/  /*~~~~~4 columns~~~~~*/
}
.categorycolumns label {     /*** Sub-categories ***/
	padding-left: 60px;
        /*padding-left: 30px;*/  /*~~~~~4 columns~~~~~*/
	display: block;
	padding-top: 0px;       /* spacing between sub categories */
        font-size: 9pt;    /*~~~~~4 columns~~~~~*/
}



/***** These styles are for the footer *****/

.footer {
	background-color: #1a618b;
	height: 20px;
	width: 100%;
	position: fixed;
	bottom: 0px;
}

.copyright {
   font-size: 10px;
}

/* footer-facebook-left */

.footer-fb-logo-left {
	position: fixed;
	bottom: 22px;
	left: 4px;
}




/***** These styles are for the greeting and error messages *****/

.greeting {
	color: #FFF;
	float: right;
	padding-top: 5px;
}
.keyworderror {
	color: #F00;
	position: relative;
	left: 520px;
}
.dateerror {
	float: left;
	width: 190px;
	color: #F00;
	text-align: right;
	padding-top: 3px;
}
.categoryerror {
	color: #F00;
	position: relative;
	top: 10px;
        height: 15px;
        padding-left: 40px;
}



/*****************************************************************************************
INSTRUCTIONS FOR CHANGING CATEGORY COLUMN WIDTHS

+There are currently three "categorycolumns" div containers nested within one "categories"
	div container.  Simply add another "categorycolumns" div container to add an additional
	column.

+Once you add a column, change the width property of the "categorycolumns" style.  The
	width of the entire "categories" div is 984px, so divide that by the number of columns
	that you have to come up with the width of the "categorycolumns" style.

	3 columns = 328px
	4 columns = 246px

+Also, alter the padding-left property of both the "h2" and "categorycolumns label"
	styles to suit your preferences. (These control how far the super and sub categories
	appear from the left edge of the column)  You can also adjust the font-size property
	of the "h2" style if you wish.
*****************************************************************************************/



/*  BEGIN GREECE   */

div#headerGreece{
    width:100%;
    height:74px;
    background: rgb(200, 17, 150);
    color:white;
    font-family: "Times New Roman";
    font-size: 60px;
    font-weight:400;
    padding-top: 10px;
    padding-bottom:4px;
    padding-left:7px;
    padding-right:7px;
    margin-left:0px;
    margin-right:0px;
    /*position:relative;*/
}


/*   END GREECE   */



span.currentPage{
    color : rgb(150, 150, 150);
    font-weight:      bold;
}


.mainNav a:link    {
  text-decoration:  none;
  font-weight:      bold;
  background-color: rgb(26, 97, 139);
  color:            white
  }

.mainNav a:visited {
  text-decoration:  none;
  font-weight:      bold;
  background-color: rgb(26, 97, 139);
  color:            white
  }

.mainNav a:active  {
  text-decoration:  none;
  font-weight:      bold;
  background-color: rgb(26, 97, 139);
  color: white;
  }


div#pageTitle{
    top:0px;
    right:0px;
    color:black;
    padding-left:7px;
    padding-right:7px;
    padding-top: 7px;
    font-weight:bold;
    font-size:24px;
    margin-top:6px;
    position:relative;
}

div#basicSearchPageTitle{
    top:0px;
    right:0px;
    color:black;
    padding-left:7px;
    padding-right:7px;
    padding-top: 7px;
    font-weight:bold;
    font-size:24px;
    margin-top:6px;
    position:relative;
    float:left;
}


div#pageTitleFloatRight{
    float:right;
    padding-top:14px;
}

div#dateLocButton{
    position:relative;
    margin-bottom:0px;
    border-bottom-width:0px;
    padding-bottom:0px;
}

table.cbxLayout{
    max-width:90%;
    min-width:80%;
    width:90%;
    border-color:black;
    padding:0px;
    border: 0px;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    border-bottom:1px solid;
    border-top:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    line-height:.7em;
}

td.cbxList{
    padding-left:12px;
    line-height:.7em;
    /*border-bottom:1px solid;
    border-top:1px solid;*/
    padding-top:.7em;
    padding-bottom:.7em;
    vertical-align:top;
}


span.superTypeDisplayName{
    font-weight:bold;
    font-size:large;
}

span.subTypeDisplayName{
    font-weight:normal;
    font-size:medium;
}

span.alignRight{
    margin-right:0;
}

font.errorMsg{
    color:red;
}

div#searchCriteria{
    font-size:small;
    color:gray;
    margin-left:7px;
    padding-left:0px;
    line-height:1em;
}
table.results_dupes{

    font-size:smaller;
}

div#pageInstruction{
    font-size:20px;
    line-height:1em;
    top:0px;
    right:0px;
    color:black;
    padding-left:7px;
    padding-right:7px;
    padding-top: 7px;
    font-weight:normal;
    margin-top:6px;
    text-align:center;
    position:relative;
}

div#pageInstruction span.generalCategoryText {
    font-weight:normal;
    font-size:medium;
}
span.hilite{
    background-color:rgb(250, 250, 0);
}

#emailContent{
    height:250px;
    width:500px;
}
.emailPreviewDisplay{
    background-color:rgb(240,240,240);
    color:black;
}

/* footer-facebook-right */
.footer-fb-logo-right {
	position: fixed;
	bottom: 22px;
	right: 4px;
	float: right;
}