* {margin:0;padding:0;}
body {margin:0;padding:0;font-family:arial,verdana,helvetica;font-size:1em;}
#wrapper{font-size:.8em;width:90% ! important;width:760px;margin:10px 0px 0px 10px;
		min-width:760px;max-width:1200px;}
#header{margin:0;padding:0;margin:0px 0px 10px 0px; height:70px}
#header img#interoLogo{float:left;clear:left;margin:0px 0px 10px 0px;}
#header #customer{float:right;}
#header #customerLabel{font-weight:bold;padding-right:2px;}

a:link{color:#213D72;text-decoration:underline;}
a:hover{text-decoration:none;}
a:visited{color:gray;}

#nav {}
#ulNav {float:left;width:100%;list-style-type:none;border-bottom:10px solid #213D72;}
#ulNav li{float:left;background:#213D72 url("../images/nav_li_bg.jpg") repeat-x;
		padding:5px 8px 5px 8px;color:white;margin-bottom:-5px;position:relative;					z-index:3;border-left:1px solid white;border-right:1px solid white;margin-right:15px;
		display:inline;}
#ulNav li a:link{color:white;text-decoration:none;}
#wrapper #ulNav li a:hover{color:white;text-decoration:underline;}
#ulNav li a:visited{color:white;text-decoration:none;}

/*NOTE:The highlighted li needs to have a margin of -10 to compensate for the 10px padding on the bottom,
as opposed to the already defined -5px.  The padding on the bottom gives the effect of the tab being
connected to the SubNav.*/
ul#ulNav li.highlighted {background:white url("../images/nav_li_active_bg_40h.jpg") repeat-x;
				color:#5F1B32;border-right:1px solid #DDDDDD;border-left:1px solid #DDDDDD;
				margin-bottom:-10px;padding-bottom:10px;}
#nav ul#ulNav li.highlighted a{color:#213D72;}
#nav ul#ulNav li.highlighted a:hover{color:#213D72;text-decoration:none;}
#nav ul#ulNav li.highlighted a:visited{color:#213D72;}

#nav ul#ulSubNav {float:left;width:100%;list-style-type:none;background:#DDDDDD;padding:5px 0px 5px 0px;
			background:white url("../images/sub_nav_bg_40h.jpg") repeat-x bottom left;}
#nav ul#ulSubNav li{float:left;margin-right:20px;padding:0px 2px 0px 2px;display:inline;font-size:.9em;}
#nav ul#ulSubNav a:link{color:#213D72;}
#nav ul#ulSubNav a:hover{text-decoration:none;}
#nav ul#ulSubNav a:visited{color:#213D72;fontweight:bold;}
#nav ul#ulSubNav li.highlightedSub a{color:#213D72;font-weight:bold;text-decoration:none;}

h1{clear:both;margin:0;padding:10px 5px 0px 0px;font-size:1.3em;margin-bottom:15px;}

/*NOTE:The "float:left" brings the ol spacing differences in IE and Firefox into one.*/
ol{margin:0;padding:0;}

#footer{width:100%;border-top:1px solid #213D72;text-align:center;font-size:.75em;clear:both;}
#ulFooter{padding:10px 0px 5px 0px;list-style-type:none;}
#ulFooter li{display:inline;}

#ulFooterNav{padding:5px 0px 10px 0px;list-style-type:none;}
#ulFooterNav li{display:inline;}


/*Styles for "Login" page*/
#login {padding-bottom:20px;}
#login fieldset{border:1px solid gray;margin:0;padding:0;width:360px;
		padding:0px 0px 0px 0px;margin:0 auto;}
#login fieldset legend{color:black;font-weight:bold;margin-left:15px ! important;margin-left:10px;}
#olLogin{list-style-type:none;}
#olLogin li{list-style-type:none;line-height:1em;margin:0;padding:0;margin:7px 0px 7px 0px;}
#olLogin #liButtons{text-align:center;}



/*Style for "Events" page*/

#eventList{padding-bottom:15px;}
#eventList .inputHolder{margin:0;padding:0;margin-bottom:20px;}

#tblEvents{width:95%;border-collapse:collapse;}
#tblEvents th {text-align:left;text-decoration:underline;padding-bottom:5px;
		border-bottom:3px solid #213D72;}
#tblEvents tr.trEventDetail{}
#tblEvents tr.trEventDetailStriped{background:#DDDDDD;}
/*Was having issues setting the tr border, so the border should be set on the td instead.  Also, padding
is used instead of margins.*/
#tblEvents td{padding:3px 3px 5px 0px;vertical-align:top;}
#tblEvents td.tdEventDate{width:10%;}
#tblEvents td.tdEventName{width:30%;}
#tblEvents td.tdEventTime{width:25%;}
#tblEvents td.tdEventLocation{width:35%;}



/*Styles for "Add/Modify Event" page*/

#eventName{padding-left:2px;font-weight:normal;}

#eventInput p#pRequired{margin:0;padding:0;padding:0px 0px 5px 5px;font-size:.75em;font-style:normal;
			width:100%;clear:both;}
.required {vertical-align:top;padding:0px 1px 0px 1px;color:red;}

/*Extra holder div needed to get consistent cross-browser rendering of padding.*/
#eventInput fieldset div.fsHolder{padding:5px 0px 5px 0px ! important;padding:5px 0px 5px 0px;}
/*NOTE:The total width of fieldset is the width plus the padding.*/
#eventInput fieldset{border:1px solid gray;margin:0;padding:0;
		padding:0px 0px 0px 0px;margin:0px 0px 15px 0px;}
#eventInput fieldset.fsLeft{float:left;width:360px;}
#eventInput fieldset.fsRight{float:right;clear:right;width:360px;}
/*NOTE:To make the left fieldset line up with the right two, padding was added
to its bottom.*/
/*
#eventInput #fsEventInfo div.fsHolder {padding-bottom:59px ! important;
						padding-bottom:76px;}
*/
#eventInput #fsEventInfo div.fsHolder {padding-bottom:40px ! important;padding-bottom:40px;}
#eventInput legend{color:black;font-weight:bold;margin-left:15px ! important;margin-left:10px;}
#eventInput fieldset ol.olEventInfo{float:none;}
ol.olEventInfo li{list-style-type:none;line-height:1em;margin:0;padding:0;
			margin:7px 0px 7px 0px;}


/*NOTE:I set a height to the labels because IE seemed to be cutting some of the
longer characters off.*/
label{float:left;clear:left;width:105px;text-align:right;font-weight:bold;
			margin:2px 3px 0px 5px;font-size:.85em;height:1.2em;}
/*Left-padding of lblTextArea class compensates for difference in widths between labels.*/
label.lblTextArea{float:none;display:block;width:auto;text-align:left;padding-left:18px;}

/*NOTE:Setting height of textarea helps with similar rendering across browsers.  The
height of 63 px is based on a Safari and Firefox for Mac scroll bar issue.*/
textarea{margin:0;padding:0;overflow-y:scroll;overflow-x:hidden;height:63px;
		font-family:arial,verdana,helvetica;font-size:.875em;padding:0px 3px 0px 3px;}
textarea.txtABlock{margin-left:20px;width:88%;}
input{margin:0;padding:0;font-family:arial,verdana,helvetica;}
.txtLong{width:185px;font-size:.875em;padding:0px 3px 0px 3px;}
.txtMed{width:130px;font-size:.875em;padding:0px 3px 0px 3px;}
.txtShort{width:65px;font-size:.875em;padding:0px 3px 0px 3px;}
.txtTime{width:20px;font-size:.875em;padding:0px 3px 0px 3px;}
select.slctTime{width:45px;font-size:.7em;}
select.slctState{width:45px;font-size:.7em;}

.imgCalendar{margin:0px 0px -3px 10px;cursor:pointer;}
#olDetailsInfo{}
#olAddressInfo{}
#olContactInfo{}

div.submitHolder {margin:0;padding:0;padding:0px 0px 15px 0px;text-align:center;}
#eventInput fieldset.fsSubmit input{margin:0px 15px 0px 15px;}
#eventInput fieldset.fsSubmit{clear:both;border:none;margin:0;padding:0;width:100%;}
.fsSubmit legend{visibility:hidden;}
ul#ulNav #id_href_item_1{margin-left:15px;}
ul#ulSubNav #id_href_sub_item_1{margin-left:30px;}

/*Styles for processing page*/
#processing{margin:10px 0px 10px 0px;text-align:center;}
#imgProcessing {}

/*Styles for logout page*/
#wrapper p.logoutMsg {color:#CC0000;text-align:center;padding:0px 0px 10px 0px;}