body { /*backgrounds for the whole website should be here*/
margin: 0;
padding: 0;
border: 0;

font-family: "Times New Roman", Tahoma, Arial;
font-size: 15px;

background-repeat: repeat;
background-image: url(img/bg.jpg);

}

#map {
margin-right:auto;

float:right;
/*width:720px;*/
}

#blackboard {padding:5px;margin-left: 100px; text-align:center; background-color: #000000; color: #FFFFFF; display:block; width:500px; border: 1px solid white;}

#loc {
margin-left:55px;
margin-top:50px;
text-align:center;
display:block;
color:black;
background-color:white;
border:1px solid black;
width:200px;
}

#mail {
margin-left:55px;
margin-top:0px;
text-align:center;
display:block;
color:black;
background-color:white;
border:1px solid black;
width:200px;
}

#load {

text-align:center;

position:relative;

margin-top:10px;
margin-left:auto;
margin-right:auto;

border:0px;

width:400px;
height:270px;

background-repeat: no-repeat;
background-image: url(img/loadbg.jpg);

}

#load_link {

font-size: 17px;

text-align:center;

position:relative;

margin-top:0px;
margin-left:auto;
margin-right:auto;

border:0px;

width:400px;
height:210px;

}

.spacer{
height:0px;
}

#menuHolder {

position:absolute;

margin-top:20px;

}

#topMenu1 {
position:absolute;

margin-left:390px;
margin-right:0px;

width: 110px;
height:60px;


}

#topMenu1 a
{
position: absolute;
top: 0;
left: 0;
width: 110px;
height: 60px;

}

#topMenu2 {
position:relative;

margin-top:0px;
margin-left:110px;

width:90px;
height:60px;


}

#topMenu2 a
{
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 60px;
}

#topMenu3 {
position:relative;

margin-top:10px;
margin-left:90px;

width:75px;
height:50px;


}

#topMenu3 a
{
position: absolute;
top: 0;
left: 0;
width: 75px;
height: 50px;
}

#topMenu4 {
position:relative;

margin-top:0px;
margin-left:75px;

width:110px;
height:50px;



}

#topMenu4 a
{
position: absolute;
top: 0;
left: 0;
width: 110px;
height: 50px;
}

#topMenu5 {
position:relative;

margin-top:0px;
margin-left:110px;

width:100px;
height:50px;


}

#topMenu5 a
{
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 50px;
}

#topMenu6 {
position:relative;

margin-top:0px;
margin-left:100px;

width:90px;
height:50px;


}

#topMenu6 a
{
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 50px;
}


#contentHolder {

position:relative;
z-index:30;

width:1000px;
height:605px;


margin-left:auto;
margin-right:auto;

background-repeat: no-repeat;
background-image: url(mainbg.jpg); /*This should be the shipping card thing.*/

}

#content { /* This is where the main data of the website will be*/


position:absolute;

padding-right:5px;
padding-left:5px;

height:305px;
width:715px;

margin-top:195px;
margin-left: 130px;

font-size:14px;


/*overflow-x: -moz-scrollbars-vertical;*/
/*overflow-x: hidden;*/
/*overflow-y: scroll;*/
overflow:auto;

}


#bottomMenu {
position:relative;

margin-left:auto;
margin-right:auto;

width:1000px;
height:20px;
}

#copyright{
position:relative;

margin-left:auto;
margin-right:auto;

width:1000px;
height:10px;
}


h2 { background-color: #000000; color: #FFF; margin:0; font-size:18px;}
h3 { background-color: #FFFFFF; text-align:center; margin:0; font-size:18px; border: 1px solid black;}



#dinner_content
{

position:absolute;

padding-right:5px;
padding-left:5px;

height:305px;
width:715px;



margin-top:195px;
margin-left: 130px;


/*overflow-x: -moz-scrollbars-vertical;*/
/*overflow-x: hidden;*/
/*overflow-y: scroll;*/
overflow:auto;

text-align:center;


}


#dinner_submenu
{
position:absolute;

}

#sub1 {
position:absolute;

margin-top:100px;
margin-left: 720px;

width: 250px;
height:60px;

}

#sub1 a
{
position: absolute;
top: 0;
left: 0;
width: 250px;
height: 60px;
}



#sub2 {
position:absolute;

margin-top:100px;
margin-left: 840px;

width: 120px;
height:60px;

}

#sub2 a
{
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 60px;
}

#sub3 {
position:absolute;

margin-top:510px;
margin-left: 20px;

width: 300px;
height:80px;

}

#sub3 a
{
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 80px;
}

#gtc_friends_title{
margin-left:auto;
margin-right:auto;
width:365px;
height:58px;
margin-top:120px;
background-image: url(gtc_friends_title.jpg);
}

#ps_ad{
margin-left:auto;
margin-right:auto;
width:365px;
height:65px;
margin-top:10px;
background-image: url(ps_ad.jpg);
}

#ps_ad a{
position:absolute;
margin-left:auto;
margin-right:auto;
width:365px;
height:65px;
}

.right {float:right; position:relative;}

.left {float:left; position:relative;}

#dinner_content img{padding:5px;}

/*------------ credit for the following CSS goes to the owner of http://www.cssplay.co.uk/menu/gallery_click.html#nogo*/
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:48px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(img/gtc_1_thumb.jpg);}
a.slideb {background:url(img/gtc_2_thumb.jpg);}
a.slidec {background:url(img/gtc_3_thumb.jpg);}
a.slided {background:url(img/gtc_4_thumb.jpg);}
a.slidee {background:url(img/gtc_5_thumb.jpg);}
a.slidef {background:url(img/gtc_6_thumb.jpg);}
a.slideg {background:url(img/gtc_7_thumb.jpg);}
a.slideh {background:url(img/gtc_8_thumb.jpg);}
a.slidei {background:url(img/gtc_9_thumb.jpg);}
a.slidej {background:url(img/gtc_10_thumb.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for RIGHT gallery */
#container_right {position:relative; width:600px; height:290px; margin: 8px;} /* background goes here if you want it back,  border:1px solid #a49188, background:#d1c8c3 */
#container_right img {border:0;}
#container_right .thumbs {width:170px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:10px; top:265px; left:-430px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:380px; height:250px; top:5px; left:-425px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-right:150px; padding-top:80px; padding-left:0px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#000;}
#container_right h1 em {font-size:0.6em; color:#000;}



/*------------------------------*/

a, a:visited {color:#000;} 

/* common styling for all galleries */

a.linkleft:link {background-repeat:no-repeat; background-position:center;}

a.linkleft, a.linkleft:visited {background-position:center; background-repeat:no-repeat; display:block; display:inline-block; color:#000; text-decoration:none; width:125px; height:50px; float:left; margin:0px; z-index:50;} /* attribs of the linkbox and what makes it appear, I think */
a.test1 {background:url(img/bar_thumb.jpg);} /* these are thumbnails. */
a.test2 {background:url(img/kids_thumb.jpg);} /* these are thumbnails. */
a.test3 {background:url(img/smoking_thumb.jpg);} /* these are thumbnails. */
a.test4 {background:url(img/juke_thumb.jpg);} /* these are thumbnails. */
a.test5 {background:url(img/arcade_thumb.jpg);} /* these are thumbnails. */
a.test6 {background:url(img/tv_thumb.jpg);} /* these are thumbnails. */
a.linkleft em, a.linkleft span {display:none;} /* this hides the "span" info and fits the image in the box */
/* a.linkleft:hover {border:1px solid #fff;} */ /* this makes the button highlight */

#contenthider {position:relative; width:705px; height:300px; margin-left: 0px;} /* this is where the image will be displayed */
#contenthider img {border:0;}
#contenthider .thumbs {width:170px; position:absolute;} /* thumbnail attribs */

/*#fcontenthider a.linkleft:hover span {display:block; position:absolute; width:402px; height:10px; top:265px; left:-420px; padding:5px; font-style:italic; color:#fff;  z-index:100;}  this makes the hover info appear. */

#contenthider a.linkleft:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} /* not sure what this does */

#contenthider a.linkleft:active, #contenthider a.linkleft:focus {border:1px solid #000;}
#fcontenthider a.linkleft:active, #contenthider a.linkleft:focus {} /* blargh */

#contenthider a.linkleft:active em, #contenthider a.linkleft:focus em {display:block; position:absolute; width:380px; height:250px; top:0px; left:150px; padding:0px; color:#000; z-index:50;} /* the attribs of the box that appears when links are clicked */

/*
#contenthider h1 {clear:both; margin:0; padding-right:150px; padding-top:80px; padding-left:0px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#contenthider h1 em {font-size:0.6em; color:#000;}
*/

#contenthider .cb {clear:both; margin:0; padding-top:120px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:16px; font-weight:normal; color:#000;}