@charset "UTF-8";
/* CSS Document */

/* global settings */

body {
	background: #FFFFFF url(images/TALSBack.jpg);
	color:#333333;
	font:normal .8em Arial, Helvetica, Verdana, sans-serif;
	}

a {
	text-decoration: none;
	color:#333333;
	}

a:visited	{
	text-decoration: none;
	color:#333333;
	}	
	
a:hover {
	text-decoration: underline;
	color:#333333;
	}
	
hr {
	color: #fff; 
	background-color: #fff; 
	}
	
.section {
	background-color:#CCCCCC;
	border-right: thin #000000;
	color:#ffffff;
	font:bold 1em;
	padding:10px;
	width:250px;
	}
	
.reset {
	background-color: #FFFFFF;
	color:#666666;
	font: normal 1em Arial, Helvetica, Verdana, sans-serif;
	}
	
.tabletitle {
	color:#000000;
	}
	
.sectionTop {
	background-color: #FFFFFF;
	border-right: thin #000000;
	padding:0 0 0 10px;
	width:250px;
	}
	
.title {
	color:#000000;
	font: bold 1em;
	}
	
	

.title_large {
	color:#3b5da5;
	font: bold 1.2em;
	}

.content {
	align:left;
	color:#333333;
	}
	
.innertable {
	background-color:#FFFFFF;
	padding:0 5px 0 5px;
	text-align:left;
	vertical-align:top;
	width: 400px;
	}
	
.outertable {
	background-color:#FFFFFF;
	padding:0 10px 50px 0;
	vertical-align:top;
	width: 650px;
	}
	
.inputbox {
	background-color: #cccccc;
	border: 1px solid #666666;
	}

#outer {
 	margin: 25px auto 20px auto;
    padding: 0px;
	text-align:center;
	width: 753px;
	}

#inner {
	background-image:url(images/contentBack.png);
    height: 600px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align:left;
	width: 100%;
	}

#footer { /* OBSOLETE */
    color:#FFFFFF;
	margin: 10px 20px 0 0;
    padding: 0px;
	text-align:right;
	width: 100%;
	}

		#footer a {
			text-decoration: none;
			color:#FFFFFF;
			}
				
				#footer: a:visited	{
					text-decoration: none;
					color:#FFFFFF;
					}	
					
				#footer: a:hover {
					text-decoration: underline;
					color:#FFFFFF;
					}

#menu {
    margin: 0 auto 0 auto;
    padding: 30px 0 0 0;
	text-align:center;
	width: 100%;
	}

		#menu a {
			text-decoration: none;
			}
			
				#menu a:visited	{
					text-decoration: none;
					}	
			
				#menu a:hover {
					text-decoration: none;
					}	

#title {
    margin: 10px auto 0 auto;
    padding: 0 5px 0 5px;
	overflow: auto;
	text-align:left;
	width: 90%;
	}	
	
#content {
	height:445px;
	margin: 10px auto 0 auto;
 	overflow: auto;
	padding: 0 5px 0 5px;
	text-align:left;
	width: 90%;
	}	

#contentAdmin {
    height:445px;
	margin: 10px auto 0 auto;
 	overflow: auto;
	padding: 0;
	text-align:left;
	width: 95%;
	}	

#contentAdd { 
	height:485px;
	margin: 10px auto 0 auto;
	overflow: auto;
	padding: 0 0 0 0;
	text-align:left;
	width: 92%;
	}	

#contentEvent { 
	height:510px;
	margin: 10px auto 0 auto;
	overflow: auto;
	padding: 0 0 0 0;
	text-align:left;
	width: 92%;
	}	

#login {
    margin: 10px auto 0 auto;
    overflow: auto;
	padding: 75px 5px 0 5px;
	text-align:center;
	width: 90%;
	}	


hr.edit {
	background-color: #9E9E9E;
	border: 0;
	color: #9E9E9E;
	height: 1px;
	margin-top: 5px 0 6px 0;	
	text-align: left;
	width: 220px;
	}
	
hr.login {
	background-color: #9E9E9E;
	border: 0;
	color: #9E9E9E;
	height: 1px;
	margin: 5px 0 3px 0;
	text-align: left;
	}		

.timesItalic {
	color:#990000;
	font:italic 2em "Times New Roman", Times, serif;
	}
	
.timesSearch {
	color:#990000;
	font:italic 1.6em "Times New Roman", Times, serif;	
	}

.formTitle {
	color:#990000;
	font: bold small-caps 1.4em "Times New Roman", Times, serif;
	text-transform:lowercase;
	}

.formTitleDetail {
	color:#666666;
	font: italic 1em "Times New Roman", Times, serif;
	}

.formLabel {
	color:#666666;
	font: normal small-caps "Times New Roman", Times, serif;
	text-align: left;
	vertical-align:top;
	}

.formEntry {
	color:#666666;
	line-height:2.6em;
	text-align:left;
	vertical-align:top;
	}

		.formEntry a {
			color:#666666;
			}

.formField {
	background-color: #FFFFFF;
 	border: 1px solid #666666;color:#000000;
	font: normal "Times New Roman", Times, serif;
	line-height:2.6em;
	padding:1px;
	}

.comment{
	font-style: italic;
	font-variant:normal;
	}

#contentSearch {
    height:460px;
	margin: 10px auto 0 auto;
	overflow:auto;
    padding: 0 0 0 5px;
	text-align:left;
	width: 92%;
	}	
	
	
/* USER BIO PAGE - user.php */

#contentUser {
    height:515px;
	width: 92%;
	margin: 10px auto 0 auto;
	overflow:auto -moz-scrollbars-vertical;
	padding:0 5px 0 10px;
	text-align:left;
	}	
	
			#upper {
				height:240px;
				margin: 10px 0 0 50px;
				padding: 0 5px 0 5px;
				position:static;
				text-align:left;
				width: 90%;
				}	
			
					#upperLeft {
						float:left;
						position:relative;
						width:216px;
						}
							#photoOuter {
								background-color:#FFFFFF;
								border:#000000 solid 1px;
								height:216px;
								width:216px;
								}
			
							#photoInner {
								border:#000000 solid 1px;
								height:200px;
								margin:7px;
								width:200px;
								}
								
							.viewMore {
								font:normal small-caps 16px Times, serif;
								padding:3px 0 0 0;
								text-align:center;
								text-transform:lowercase;
								}
								
									viewMore a:hover {
										color:#990000;
										text-decoration:none;
										}
			
							hr.view {
								background-color: #f6f6f6; 
								border: 1px dotted #000000; 
								border-style: none none dotted;
								color: #fff;
								margin: 3px 0 3px 0;
								text-align: left;
								width: 216px;
								}
				
				
					#upperRight {
						float:left;
						height: 216px;
						overflow:auto;
						padding:0 0 0 20px;
						position:relative;
						width:340px;	
						}
							
							.userName {
								color:#000000;
								font:italic 3em "Times New Roman", Times, serif;
								}
								
							.details {
								color:#333333;
								font:normal 12px Arial, Verdana, Helvetica, sans-serif;
								}
						
							.detailsRed {
								color:#990000;
								line-height:17px; /* sets indent on first line */
								}

			#lower {
				margin: 20px auto 0px auto;
				padding: 0 0 0 0;
				position: static;
				text-align:left;
				width: 624px;
				}
				
					#detailsInner {
						height: 200px;
						margin:10px 0 0 0;
						overflow:auto;
						padding:0 0 0 10px;
						text-align:left;
						width: 98%;
						}
						
					#detailsPersonal { /* offset for last swapped div */
						height: 200px;
						margin:10px 0 0 0;
						overflow:hidden;
						padding:10px 0 0 0;
						text-align:left;
						width: 98%;
						}
						
					.userStats {
						color:#333333;
						font:normal 12px Arial, Verdana, Helvetica, sans-serif;
						line-height:17px;
						}
							
							#left {
								float:left;
								margin-left:5px;
								position:relative;
								width:550px;	
								}
							
							#right { /* OBSOLETE */
								float:left;
								margin-left:15px;
								position:relative;
								width:275px;		
								}
								
								.detailsTitle {
									color:#990000;
									font:bold 15px Times, Georgia, serif;
									}
								
								.author {
									color:#666666;
									font-style:italic;
									}

/* //////////////////// END //////////////////////// */


/* CALENDAR PAGE: calendar.php */

#contentCalendar {
    height:500px;
	margin: 10px auto 0 auto;
 	overflow: auto;
	padding: 0;
	width: 95%;
	}
	
		#iconOuter {
			background-color:#FFFFFF;
			border:solid 1px #000000;
			float:left;
			height:93px;
			position:relative;
			width:93px;
			}
		
		#iconInner {
			border:solid 1px #000000;
			height:85px;
			margin:3px;
			width:85px;
			}
			
		.calendarDate {
			color:#666666;
			font-size:.9em;
			}
		
		.calendarTitle {
			font-family: Georgia, Times New Roman, Times,   serif;
			color:#333333;
			font-size:1.2em;
			letter-spacing:0px;
			font-weight:bold;
			}
		
		.calendarrsvp a {
			color:#990000;
			font-size:10px;
			line-height:2em;
			text-transform: uppercase;
			}
		
		.calendarDetails {
			color:#000000;
			font-size:12px;
			line-height:14px;
			font-family:Arial, Helvetica, sans-serif;
			}
		
		.calendarEdit {
			color:#666666;
			font-size:.8em;
			font-family:Arial, Helvetica, sans-serif;
			}

		hr.calendar {
			text-align: left;
			margin-top: 3px;
			margin-bottom: 4px;	
			color: #fff; 
			background-color: #f6f6f6; 
			border: 1px dotted #990000; 
			border-style: none none dotted;
			}
			
/* //////////////////// END //////////////////////// */

#thephoto {
	width:200px;
	height:200px;
	}

#searchInner {
	border:solid 1px #000000;
	margin:4px;
	height:150px;
	width:150px;		
	}

#searchOuter {
	background-color:#FFFFFF;
	border:solid 1px #000000;
	height:162px;
	width:162px;
	}

#thephoto {
	height:200px;
	width:200px;		
	}
	
hr.user {
	background-color: #f6f6f6; 
	border: 1px dotted #000000; 
	border-style: none none dotted;
	color: #fff; 
	width: 340px;
	margin: 3px 0 3px 0;
	text-align: left;	
	}
	
#indexLeft {
	float:left;
	margin: 33px 0 0 10px;
    padding:0 5px 0 5px;
	position:relative;
	text-align:left;
	width:415px;
	}
	
.left {	
	color:#333333;
	font:normal .8em Arial, Helvetica, sans-serif;
	}
	
#indexUpper {
	height:100px;
	position:static;
	width:100%;
	}

#iconphoto {
	height:85px;
	width:85px;		
	}

#tinyOuter {
	background-color:#FFFFFF;
	border:solid 1px #000000;
	height:66px;
	width:66px;	
	}

#tinyInner {
	height:66px;
	border:1px #000000;
	padding:2px;
	width:66px;
	}
	
#tinyphoto {
	height:62px;
	width:62px;
	}
	
#indexVitals {
	float:left;
	padding:0 0 0 10px;
	position:relative;
	}

#indexLower {
	color:#000000;
	font:normal .9em Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0px;
	margin:53px 0 0 0;
	width:100%;
	}

#indexRight {
	color:#000000;
	float:left;
	font:normal .9em Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0px;
	margin:30px 0 0 0;
	padding:0 0 0 15px;
	position:relative;
	text-align:left;
	width:210px;
	}

#calendar {
	color:#000000;
	font:normal .9em Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0px;
	position:relative;
	}

.indexTitle {
	color:#000000;
	font:italic 2.6em Times, Georgia, serif;
	}
	
.rsvp {
	color:#990000;
	}

.eventTitle {
	color:#333333;
	font:bold 1.4em Georgia, Times, serif;
	letter-spacing:0px;
	}

.publicdetails {
	color:#333333;
	font-family:normal 1em Times, Georgia, serif;
	letter-spacing:0px;
	}

.publicdescription {
	color:#333333;
	font:normal italic 1em Times, Georgia, serif;
	letter-spacing:0px;
	}

.publicRSVP {	
	color:#990000;
	font:normal italic 1.1em Times, Georgia, serif;
	letter-spacing:0px;
	}

		.publicRSVP a {
			color:#990000;
			text-decoration: underline;
			}
				.publicRSVP a:hover {
					color:#990000;
					
					}

.publicdetailsred {
	font: bold 1em Times New Roman, Times, Georgia, serif;
	color:#990000;
	letter-spacing:0px;  /* OBSOLETE? */
}

hr.public {
	background-color: #f6f6f6; 
	border: 1px dotted #990000; 
	border-style: none none dotted;
	color: #fff; 
	margin-top: 1px 0 2px 0;	
	text-align: left;
}

.eventDate {
	color:#666666;

}

.eventDetails {
	color:#000000;
	line-height:1.1em;

}

.featuredTitle {
	font:bold 1.4em Georgia, Times New Roman, Times,serif;
	color:#333333;
	letter-spacing:0px; /* OBSOLETE? */
	}
	
hr.edit {
	background-color: #f6f6f6; 
	border: 1px dotted #990000; 
	border-style: none none dotted;
	color: #fff;
	margin: 3px 0 6px 0; 
	text-align: left;
	}	

hr.indexEvent { 
	background-color: #f6f6f6; 
	border: 1px dotted #000000; 
	border-style: none none dotted;
	color: #fff;
	margin-top: 0 0 5px 0;
	text-align: left;
	width: 415px;
	}

hr.indexCalendar {
	background-color: #f6f6f6; 
	border: 1px dotted #990000; 
	border-style: none none dotted;
	color: #fff; 
	margin: 3px 0 10px 0;
	text-align: left;
	}

hr.event {
	background-color: #f6f6f6; 
	border: 1px dotted #990000; 
	border-style: none none dotted;
	color: #fff; 
	margin: 2px 0 5px 0;
	text-align: left;
	}

/* USER PAGE: user.php */

#header {
	position: relative;
	width: 100%;
	height: 1.6em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	}

		#header ul#primary {
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: -1px;
			width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
			}
		
				#header ul#primary li  {
					display: inline;
					list-style: none;
					}
				
				#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
					width: 5.5em;
					display: block;
					float: left;
					padding: 1px 0 3px 0;
					margin: 3px 3px 1px 0;
					text-align: center;
					text-decoration: none;
					color: #333;
					font-family: Times New Roman, Times, Georgia,  serif;
  					text-transform:lowercase;
  					font-variant:small-caps;
  					font-size:1.2em;
  					letter-spacing:0px;
					}
				
				#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
					border: 1px solid #666;
					border-bottom: none;
					background: #f3f3f4;
					padding-bottom: 2px;
					margin-top: 0;
					}
				
				#header ul#primary a {
					background-color: #bcbdc0;
					border: 1px solid #AAA;
					border-bottom: none;
					}
				
				#header ul#primary a:hover {
					margin: 0px 3px -6px 0px;
					border-color: #666;
					background: #f3f3f4;
					padding-bottom: 7px;
					}
					
				#header ul#primary a:focus {
					border-color: #666;
					margin: 0px 3px 0px 0;
					background: #f3f3f4;
					padding-bottom: 7px;
					}
	
.userStats { /* Using class to define the DIV due to Javascripts use of ID property */
	border: 1px solid #666;
	clear: both;
	background-color: #f3f3f4;
	padding: 1em;
	width:600px;
	height:200px;
	overflow:auto;
	}
	
#favoritesTab {
	display:block;
	}

#insightsTab {
	display:none;
	}

#personalTab {
	display:none;
	}
/* //////////////////// END //////////////////////// */