/*
CSS for DineSat Admin Tools
*/

body {
	font-family:  Arial;
	text-align: center;
	background-image: url(picture_library/leftmarginblue.jpg);
	background-repeat:  repeat-y;
	min-width: 1000px;
	}

span {
	font-weight: bold;
	color: white;
	background-color: #0066CC;
	font-size: 120%;
	display: block;
	}

#background  {
	position:  absolute;
	top:  5px;
	left: 850px;
	width:  320px;
	height:  662px;
	/*padding: 5px;*/
	background-image: url(picture_library/diningmontage2.jpg);
	z-index: 1;
	}

#wrapper {
	position: absolute;
    text-align: center;
	top: 0px;
	left: 0px;
	width: 1050px;
	z-index: 5;
	background: transparent;
	   }

#header  {
	margin: 0em auto 0 auto;
    text-align: center;
    position: relative;
	z-index: 2;
	}

#directions  {
	text-align: left;
	color: black;
	background-color: #E9E9E9;
	margin: 10px;
	border: 3px solid black;
	padding:  5px;
	}



.message {
	text-align: center;
	color: red;
	position: relative;
	z-index: 4;
	}

#intro {
	margin: 0em auto 0 auto;
	padding: 0px;
	position: relative;
	padding: 0px;
    /*position: absolute;
    top: 130;
    left: 180;*/
    /*position: relative;
    margin-left: 120px;*/
    text-align: left;
	width: 750px;
    color: black;
	z-index: 5;
	border: 1px solid black;
	background-image: url(picture_library/innerleft2.jpg);
	background-repeat: repeat-y;
	background-color: white;
	   }

#screenshot {
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
background-color: #423139;
color: white;
font-size: x-small;
}

/* ul {
	padding: 5px
	}*/

#standard {
	margin: 0em auto 0 auto;
	position: relative;
    text-align: left;
	width: 750px;
    color: black;
	z-index: 5;
	border: 1px solid black;
	background-image: url(picture_library/innerleft.jpg);
	background-repeat: repeat-y;
	   }

.picture {
	float: right;
	background-color: white;
	border: 3px solid transparent;
	padding: 5px;
	font-size: xx-small;
	}

p {
 /*font-size: small;*/
 z-index: 6;
 margin: 5px;
 line-height: 110%;
  }

#recent {
   background-image: url(picture_library/innerleft2.jpg);
   background-repeat: repeat-y;
   position: absolute;
   width: 203px;
   top: 10px;
   left: 820px;
   /*left: 15px;
   top: 350px;*/
   color: black;
   font-weight: bold;
   font-size: small;
   z-index: 6;
   border: 1px solid black;
   background-color: white;
   }

#menu a
   {
    background: transparent;
    font-weight: bold;
    font-size: small;
   	color: black;
   	width: 200px;
   	text-decoration: none;
   	   }

#menu a:visited {
	font-weight: bold;
	color: black;
	}

#menu a:hover {
	font-weight: bold;
	color: white;
	background-color: blue;
	}

#menu {
   background-image: url(picture_library/innerleft.jpg);
   background-repeat: repeat-y;
   position: absolute;
   width: 203px;
   left: 15px;
   top: 40px;
   color: black;
   font-weight: bold;
   font-size: small;
   z-index: 6;
   border: 1px solid black;
   background-color: white;
   }

a {
	font-weight: bold;
	color: black;
    /*font-size: small;*/
	text-decoration: none;
  }

a:visited {
	font-weight: bold;
	color: black;
	/*font-size: small;*/
	}

a:hover {
	color:  white;
	font-weight: bold;
	/*font-size: small;*/
	background: blue;
	}

#footer {
	margin: 0em auto 0 auto;
    text-align: center;
    position: relative;
	z-index: 3;
	font-size: small;
	}

#footermenu  {
	margin: 0em auto 0 auto;
	text-align: center;
	position: relative;
	z-index: 3;
	font-size: 85%;
	}

#footermenu a {
	font-weight: bold;
	color: black;
    font-size: 85%;
	text-decoration: none;
  }

#footermenu a:visited {
	font-weight: bold;
	color: black;
	font-size: 85%;
	}

#footermenu a:hover {
	color:  white;
	font-weight: bold;
	font-size: 85%;
	background: blue;
	}