/*Main CSS Style sheet*/

/* Primary container style layout*/

body
{
	 background-image:url(images/bgwall.jpg);
	 padding: 0% 0% 0% 0%;
	 margin:1% 1% 1% 1%;
	 height:98%;
}

#container /* This is the main container here everything is being stored*/
{
	width:1024px;
	background-color:white;
    margin:auto;
    overflow:auto;
    padding-bottom:1em;
}


span#login
{
	float:right;
	margin-top:0em;
	font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

div#header
{
	margin-left:50px;
	padding:0;
	height:158px;
	background: url(Images/banner2.jpg);
	background-repeat:no-repeat;
	position:static;
}


/* Top Menu Control and layout */
div#menu
{
	font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size:13pt;
	padding:0 5px 0 5px;
}

div#leftContent /* Contains Secondary Navigation */
{
	clear:left;
	float:left;
	width:10em;
	margin-left:1em;
	margin-right:0.5em;
	position:relative;
}

/* Controls for employee only view of upcoming events
 displayed under left hand navigation */

.employeeView
{
   background-color:#B9CAFF;
   margin-top:.5em;
   padding:3px 0 0 5px;
   height: 25px;
   width: 8.9em; 
   font-size:17px;
   font-style:italic;
   color:Blue;
}

.employeeLevelTwo /* Secondary employee-only view controls (hyperlinks) */
{
	background: #809FFE;
    border: solid 1px #A6B4E0;
    width:9.8em;
 }

.eventsLink
{
    text-align:right;
}

div#content /* Contains Primary Content */
{
	float:left;
	width: 600px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0.5em;
	padding-left:0.5em;
	border-left:dotted 1px #809FFE;
	position:relative;
}
/* Controls for the different classes found within the main conetent div
*	Designed to bring the center content closer to the header.
*/
.MarginUp
{
	margin-top:-1.5em;
}
 
 div#rightContent /* Secondary content (images, adds, banners, etc) */
 {
 	clear:right;
 	float:right;
 	margin-top:-0.2em;
 	width:auto;
 	padding-right:0.5em;
 	vertical-align:top;
 	position:relative;
  }
 
.updateLinks /* Controls for the Details page */
 {
 	padding-left:75px;
 }

/* Footer Controls */
div#clear
{
	clear:both;
}

div#Footer
{   
	background-image:url(images/footer.gif);
	float:none;
	width:1025px;
	font-size:8pt;
}


/* Controls for map from Contact Us */
div#address
{
	float:left;
	margin-left:1em;
}

div#map
{
	text-align:center;
    margin-top:1.5em;
	float:left;
}

/* Image Controls for the different right column images found through out the website */

.aboutImage, .imageServices, .imageSmile, .imagePeople, .imageEvent, .imageHands
{
	width:200px;
	margin-top:30px;
 }

.imageContact
{
	width:190px;
}

.imageLinks
{
	width:180px;
}

/* Links page layout */
div#Links
{
	color:Black;
	font-size:medium;
	width:800px;
}

.tabLinks
{
	background-color:#809FFE;
}

.Row
{
	background-color:White;
	border:solid 1px black;
	width:550px;
	text-align:center;
}

/* Controls for header texts */

h2, h3, h5
{
	margin-top:0;
	margin-bottom:0;
	font-size:1em;
	font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;

}

h2
{
	text-align:center;
}

h3
{
	margin-top:1.5em;
	color:#566DA2;
}

h5
{
	font-size:1em;
     text-decoration:underline;
}

/* Login pannel and error control */
.panel { width: 550px; margin: 0;}
.error { color: red; font-style: italic; }

/* Internal/External workshop, Events, Client update
*   Employee Page 
*/

#UpdateWorkshops, #UpdateEvents, #UpdateClient, #Employee
{
	width:800px;
}

#manage /* Control for manage Sign On Page*/
{
	width:800px;
}