/* This is the main css file for Luke181.com.
   Copy Right 2009. All Rights Reserved
   This site was proudly designed by JoePerri.com */

body {
	background-color:#353535;
	margin:0;
	padding:0;
	font:"Times New Roman", Times, serif;
	font-size:14px;
	}
	
a, a:visited {
	color:#003366;
	text-decoration:underline;
	}
	
a:hover {
	color:#003366;
	text-decoration:none;
	}

a img {
	border:0;
	}	

a.headerlink, a.headerlink:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a.headerlink:hover {	
	color:#FFFFFF;
	text-decoration:underline;
	}
	
h1 {
	font-size:22px;
	text-align:center;
	}
	
h2 {
	font-size:20px;
  }
		
#outershell {
	background-image:url(../images/page_bg.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}		
	
#page {
	width:900px;
	margin:3px auto 0 auto;
	padding:0;
	}
	
#header {
	height:90px;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}

#logo {
	width:300px;
	height:90px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	float:right;
	clear:inherit;
	text-align:right;
	}
	
		
#login {
	widows:300px;
	height:20px;
	float:right;
	color:#FFFFFF;
	}
	
#login a, #login a:visited {
	color:#CCCCCC;
	text-decoration:none;

}	

#login a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}

	
#banner {
	width:600px;
	margin:0;
	padding:0;
	}	
	
	
/*Menu Section */

#menu {
	background:url(../images/menu_bar.png) no-repeat;
	text-align:center;
	height:40px;
	width:900px;
	margin:0 auto 0 auto;
	padding:0;
	}	
	
	
#menu ul{	
	list-style-type:none;
	padding:0;
	margin:0;
	background-color:transparent;
		}

#menu ul li.menuli {
	height:36px;
	width:149px;
	background:url(../images/menubg.png) no-repeat;
	background-color:transparent;
	float:left;
	list-style-type:none;
	padding:0;
	margin:2px 0 2px 0;
	border-left:#FFFFFF solid 1px;
}

#menu ul li.firstli {
	height:36px;
	width:149px;
	background:url(../images/menubg.png) no-repeat;
	background-color:transparent;
	float:left;
	list-style-type:none;
	margin:2px 0 2px 0;
	padding:0;
}


#menu ul li a {
	text-align:center;
	height:30px;
	width:149px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bolder;
	font-size:18px;
	position: relative;
	padding:6px 0 0 0;
	}

#menu ul li a.licalendar_a {
	text-align:center;
	height:30px;
	width:149px;
	display:block;
	color:#99FFCC;
	text-decoration:none;
	font-weight:bolder;
	font-size:18px;
	position: relative;
	padding:6px 0 0 0;
	}


	
#menu ul li.on a {
	color:#003300;

	}

#menu ul li a:hover {
	color:#008587;
	}
	
	
/* Middle Section */

#middlecontainer {
	clear:both;
	}

.style2 {font-weight: bold}

.centered {  /* Center text */
	text-align:center;
	margin:0 auto 0 auto;
	width:500px;
	}

#leftmiddle {
	float:left;
	margin:0;
	padding:0;
	width:600px;
	font-size:17px;
	}

#leftmiddle1 {  /*This is for the home page only */
	float:left;
	margin:0;
	padding:0;
	width:600px;
	font-size:17px;
	}
		
#leftcontent {
	margin:0;
	padding:15px 0 5px 20px;
	}	
	
#homepage {
	padding:0 0 0 200px;
	}	
	
.hometable {
	margin:0 auto 0 auto;
	padding:0;
	border:#999999 solid 1px;
	text-align:center;
	}
	
table.hometable th,table.hometable td 	{
	width:250px;
	border:#999999 solid 1px;
	}
	
.h1homepage {
	font-size:32px;
	margin:4px 0;
	padding:0;
	}	
	
#leftmiddle ul li, #leftmiddle ol li {
	padding:3px 0;
	}	
	
#rightmiddle {
	margin:0 0 0 600px;
	padding:0;
	}
			
	
.greenbox {
	background:url(../images/greenbg.png) no-repeat;
	width:260px;
	height:96px;
	padding:30px 20px 0 20px;
	margin:0;
	color:#FFFFFF;
	font-size:1.5em;
	text-align:center;
	}		

.bluebox {
	background:url(../images/bluebg.png) no-repeat;
	width:260px;
	height:136px;
	padding:40px 20px 0 20px;
	margin:0;
	color:#FFFFFF;
	font-size:1.5em;
	text-align:center;
	}
	
/* Buttons for Approve Time */

#yes {
	background:url(../images/yes_blue.png) no-repeat;
	width:246px;
	height:106px;
	font-size:30px;
	text-align:center;
	float:left;
	}
	
#no {
	background:url(../images/yes_red.png) no-repeat;
	width:246px;
	height:106px;
	font-size:30px;
	text-align:center;
	float:left;

	}	
	
#yes a, #yes a:visited, #no a, #no a:visited {
	color:#FFFFFF;
	margin:12px 12px;
	padding:20px 0 0 0;
	height:62px;
	text-decoration:none;
	display:block;
	}		
	
#yes a:hover, #no a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}	
	
.readmore {
	text-align:right;
	margin:10px 0 0 0;
	padding:0;
	font-size:.75em;
	}	
	
.readmore a, .readmore a:visited{
	color:#99FFCC;
	text-decoration:none;
	}		
	
.readmore a:hover{
	color:#99FFCC;
	text-decoration:underline;
	}		
	
/*Time Slots */	

#timeslot {
	border:#000000 solid 1px;
	border-collapse:collapse;
	width:400px;
	margin:0 auto 5px auto;
	padding:0;
	}
	
#timeslot tr {
	margin:0;
	padding:0;
	}	

#timeslot td, #timeslot th{
	border-bottom:#000000 solid thin;
	padding:5px 0;
	margin:0;
	font-size:20px;
	}	

#timeslot td.time, #timeslot th.time{
	width:150px;
	text-align:center;
	}
	
#timeslot td.avl, #timeslot th.avl{
	width:250px;
	text-align:center;
	}
	
#timeslot a, #timeslot a:hover {
	color:#FF6600;
	}
		
/*End Time Slots */	
	
/*Calendar */	

#calbox {
	padding:0;
	margin:5px;
}

	
#cal {
	width:580px;
	font-size:32px;
	padding:5px;
	margin:10px;
}
	
#cal td.arrow {
	background:#003366;
	font-size:32px;
	text-align:center;
	font-weight:bolder;
}	


#cal td.arrow a,#cal td.arrow a:visited {
	color:#66CC66;
	text-decoration:none;
	}
	
#cal td.arrow a:hover {
	color:#66CC66;
	text-decoration:underline;
	}

#cal td.title {
	background:#003366;
	color:#FFFFFF;
	font-size:32px;
	text-align:center;
	font-weight:bolder;
}	

#cal td.day {
	font-size:30px;
	text-align:left;
	font-weight:bolder;

}

#cal td.day a{
	font-size:30px;
	text-align:left;
	font-weight:bolder;
	color:#353535;
}	
/*footer */	
	
#footer {
	background:#353535;
	border-top:#999999 2px solid;
	clear:both;
	}

#footer p {
	margin:5px 0;
	padding:0;
	}

#footer a, #footer a:visited {
	color:#CCCCCC;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}
	
	
#footercontainer {
	width:880px;
	height:70px;
	margin:0 auto 0 auto;
	padding:0;
	}	
	
#footerleft {
	width:490px;
	color:#CCCCCC;
	float:left;
	}
	
#footerright {
	width:390px;
	color:#CCCCCC;
	margin:0 0 0 500px;
	padding:0;
	text-align:right;
	}

#footerright p.info {
	font-size:.9em;
	margin:0;
	padding:5px 0 0 0;
	}	
	
/* Error messages and comments for forms */


p.warning, table tr td span.warning { /* Change font color to Red on forms to show warning message */	
	color:#FF0000;
}


p.message_sent { /* Change font color to Blue and increase the size on a from to show that a message was sent */
	color:#3399CC;
	font-size:1.2em;
	}	
	
ul.warning {
	color:#990000;
	}