﻿body
{margin:0; padding:0; color:#333;background-color:#666;text-align:center;
 font:normal 12px/14px verdana,arial,helvetica,sans-serif;line-height:1.5em; }

input,option,select, textarea{color:#333}
td,th, textarea{font:normal 12px/14px verdana,arial,helvetica,sans-serif;text-align:left}
th{font-weight:bold;}


/* HEADERS */
H1,P.agenda-title
{font-size:150%; letter-spacing:2px; margin:0 0 5px 0px;color:#003366;
  line-height:18pt}
P.agenda-title{text-align:center}
H2
{font-size:110%; text-align:left; padding:0; text-transform:uppercase;}
    
H3{font-size:110%; color:#339933;margin-top:5px;}
H4
{font-size:110%; padding-bottom:0px;}

/* LINKS */
A
{color:#003366;}
A:visited
{color:#003399}
A:hover, A:active
{color:#fa8d14}

/* Menu */
#menu
{text-align:right; font-size:90%; font-weight:bold; margin:0; 
	padding:5px 0px 5px 16px; list-style-type:none;
	background:#000;vertical-align:middle;height:20px;}
#menu UL{margin:0; padding:0;}
#menu LI
{padding:0px 8px; display:inline;color:#fff;
background:transparent url('images/menu_bullet.gif') no-repeat center left;}
#menu LI A{color:#fff;text-decoration:none;}
#menu LI A:Hover{color:yellow;}

/* Header */
#header{text-align:center; padding:0; letter-spacing:2px;
	 color:#990000;font-size:24px;font-weight:bold; 
	 background-color:#FFF;}
/*#header IMG {margin-right:15px; vertical-align:middle;}*/

/* Footer */
#footer{text-align:center; padding:20px 30px;clear:both;
	color:#FFFFFF; height:58px; background-color:#000}
#footer A{color:#FFF} 
/* Content */
#wrapper
{width:750px; text-align:left; margin:0px; padding:0px;background-color:#ffffff; 
	height:auto}

#content
{width:90%;clear:both; padding:30px;text-align:left;background-color:#ffffff; }

#popup-content
{clear:both; padding:10px 20px 10px 20px;text-align:left;background:#ffffff; width:90%;margin-top:20px;}

LI{margin-bottom:15px}

DIV.profile-menu {text-align:right;margin-bottom:10px}
DIV.profile-menu UL{margin:0;padding:0}
DIV.profile-menu UL LI{display:inline;margin-right:15px;
	padding:0 0 0 13px;
	background:transparent url('images/menu_bullet.gif') no-repeat center left;}
DIV.profile-menu A{text-decoration:none}
DIV.profile-menu A:hover{color:#8fb5d6}


/* HOME PAGE */
#home-left{clear:both; float:left;width:450px;}
#home-right{font-weight:bold; background-color:#FFF; text-align:center; 
	color:#000000; font-size:110%; padding-top:5px;width:230px;
	border:solid 1px #000;line-height:1.5em;}
#home-right a {color:#000000;}

.title{ text-align:center; font-size:120%; padding-bottom:10px; padding-top:10px;font-weight:bold; line-height:normal;}


/* Login */
.invalid-login{color:Red;}
.error{color:Red; }
.textbox-login{width:150px;}
#login {padding:10px 0 10px 0; color:#000000;
	vertical-align:bottom; margin:0 0 0 0;height:100px; width:300px;}
#login span{width:120px; padding:0 5px 3px 0px; text-align:right;}

/* Form */
.form-label {font-weight:bolder;}
.form-span {width:30%; vertical-align:top;}


/* Agenda */
.agenda-day {text-align:center; vertical-align:middle;
	font-weight:bold; color:#000000;background-color:#CCCCCC; 
	padding:5px 0 5px 10px;}
.agenda-time {text-align:left; vertical-align:top;font-weight:bold; width:20%; padding-left:15px;}
.agenda-text {text-align:left; vertical-align:top;font-weight:bold;width:50%;}
.agenda-sub-text { font-style:italic;}
.agenda-comment {text-align:left; vertical-align:top;}

/* Directions */
#direction-left
{
	CLEAR: both; PADDING:0px;FLOAT:left;MARGIN: 0px; 
	TEXT-ALIGN: left;width:300px;
}
#direction-left UL{padding:0}
#direction-right
{
	MARGIN: 0px 0px 0px 330px; 
}

/*Grid */
.grid-header-style { background-color:Silver; font-weight:bold;}
