/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

	body { 
		width: 790px;
		background: #666 url(/tellmama/Images/bg.gif) repeat-x top left;
		margin: 10px auto 0 auto;
		text-align: center;
		font: 8pt verdana, arial, sans serif;
		color: #9CF;
		scrollbar-arrow-color: #FC0;
		scrollbar-base-color: #C00;
		scrollbar-dark-shadow-color: #FC0;
		scrollbar-track-color: #003;
		overflow: auto
	}
	
	#heading {
		width: 750px;
		margin-left: 25px;
		*margin-left: 15px
	}
	
		#flash-logo {
			 width: 80px;
			 height: 75px;
			 float: left;
			 background-color:#C00
		}
		
		#header {
			width: 570px;
			height: 75px;
			float: left;
			background: #003 url(/tellmama/images/TitleBar.jpg) left top no-repeat
		}
		
	#top {
		clear: both;
		background: url(/tellmama/images/TopBorder.gif) left top no-repeat;
		display: block;
		width: 780px;
		height: 30px
	}
	
	#mid-section {
		width: 780px
	}
	
	#hold-mid {
		width: 780px;
		float: left;
		*float: none;
		background: url(/tellmama/images/MidBorder.gif) left top repeat-y
	}
	
		#left-side {
			width: 135px;
			float: left;
			padding: 20px 0 0 10px;
			margin: 0 auto 0 auto;
			text-align: center
			}
		
			#nav {
				width: 135px;
				padding-left: 15px;
				*padding-left: 0;
				margin: 10px auto 0 auto;
				text-align: center
			}
			
			#nav li {
				list-style: none
			}

			a.nav:link, a.nav:visited {
				font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
				color: #FFF;
				text-decoration: none;
				margin-top: 6px;
				*margin-top: 0;
				*padding-top: 6px
			}

			#nav1 a:link, #nav2 a:link, #nav3 a:link, 
			#nav4 a:link, #nav5 a:link, #nav6 a:link, #nav7 a:link, 
			#nav1 a:visited, #nav2 a:visited, #nav3 a:visited, 
			#nav4 a:visited, #nav5 a:visited, #nav6 a:visited, #nav7 a:visited, 
			#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, 
			#nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav7 a:hover,
			#nav1 a:active, #nav2 a:active, #nav3 a:active, 
			#nav4 a:active, #nav5 a:active, #nav6 a:active, #nav7 a:active {
				width: 98px;
				height: 24px;
				display: block;
				margin-top: 2px
			}
			
			#nav1 a:link, #nav2 a:link, #nav3 a:link, 
			#nav4 a:link, #nav5 a:link, #nav6 a:link, #nav7 a:link, 
			#nav1 a:visited, #nav2 a:visited, #nav3 a:visited, 
			#nav4 a:visited, #nav5 a:visited, #nav6 a:visited, #nav7 a:visited {
				background: url(/tellmama/images/btn-bkgrnd.jpg) no-repeat 0 0
			}
			
			#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, 
			#nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav7 a:hover,
			#nav1 a:active, #nav2 a:active, #nav3 a:active, 
			#nav4 a:active, #nav5 a:active, #nav6 a:active, #nav7 a:active {
				background: url(/tellmama/images/btn-bkgrnd.jpg) no-repeat 0 -24px
			}
			
			#join {
				margin: 15px 5px 0 5px;
				background-color: #666;
				padding: 5px 0 5px 0;
				font: 8pt Arial, Helvetica, sans-serif;
				color: #FFF
			}
			
			#join-email {
				width: 105px
			}
		
		#contents {
			width: 605px;
			float: left;
			background-color: #003
		}
		
		#hold-contents {
			clear: both;
			width: 610px
		}
		
			#content-left {
				width: 373px;
				float: left;
				padding-left: 10px
			}
			
			#content-right {
				width: 205px;
				float: left;
				padding: 0 15px 0 0
			}
		
	#bio-pic {
		clear: both;
		width: 384px;
		border: solid 1px #003
	}

	#bot {
		clear: both;
		width: 780px;
		height: 30px;
		background: url(/tellmama/images/BottomBorder.gif) bottom left no-repeat
	}

	#scroll {
		width: 770px;
		height: 20px;
		position: relative;
		margin-bottom: -10px
	}

	#row1 {
		padding: 10px 10px 5px 10px;
		border-bottom: dashed 1px #9CF
	}

	#row2 {
		padding: 10px 10px 5px 10px;
		border-bottom: dashed 1px #9CF
	}

	.inputstyle {
		line-height: 19px;
		background-color: #CCC;
		font: 8pt arial, verdana, sans-serif;
		color: #272747;
		padding: 2px 2px 2px 2px;
		border: solid #FAA507 2px
	}
	
	.btn {
		background-color: #900;
		border: 1px solid #FFF;
		color: #FFF
	}
	
	.regtext {
		font: 9pt verdana, arial, sans serif;
		color: #FFF
	}

	a.bkmk:link, a.bkmk:visited {
		color: #FFF; 
		text-decoration: underline
	}
	
	a.bkmk:hover, a.bkmk:active {
		color: red; 
		text-decoration: underline
	}

	.bkmk {
		color: #FFF;
		text-decoration: none;
		letter-spacing: .1em;
		font-weight: bold
	}

	.titles {
		color: #9CF
	}
	
	.titles, a.titles:link, a.titles:visited,
	a.titles:hover, a.titles:active  {
		font: bold 12pt verdana, arial, sans serif;
		padding: 10px 0 10px 0
	}

	a.titles:link, a.titles:visited {
		color: #9CF;
		text-decoration: underline
	}
	
	a.titles:hover, a.titles:active {
		color: #FFF;
		text-decoration: none
	}
	
	a:link, a:visited {
		color: #FC0;
		text-decoration: underline
	}

	a:hover, a:active {
		color: white;
		text-decoration: underline
	}

	a.reg:link , a.reg:visited {
		color: red; 
		text-decoration: none
	}

	a.reg:hover, a.reg:active {
		color: #F90; 
		text-decoration: underline
	}

	.smtext {
		font: 8pt verdana, arial, sans serif;
	}

	a.smtext:link, a.smtext:visited {
		font: 8pt verdana, arial, sans serif;
		color: #FFF;
		text-decoration: underline
	}

	a.smtext:hover, a.smtext:active {
		font: 8pt verdana, arial, sans serif;
		color: #9CF;
		text-decoration: underline
	}

	.lgtext, a.lgtext:link, a.lgtext:visited,
	a.lgtext:hover, a.lgtext:active {
		font: 10pt verdana, arial, sans serif;
		font-weight: bold
	}

	.lgtext {
		color: #C00;
		letter-spacing: normal
	}
	
	a.lgtext:link, a.lgtext:visited {
		color: #9CF;
		text-decoration: underline;
		letter-spacing: .9px
	}

	a.lgtext:hover, a.lgtext:active {
		color: #FFF;
		text-decoration: underline;
	}
	
	.linklg {
		font: 11pt geneva, verdana, arial, sans serif;
		color: #FFF;
		font-style: none;
		font-weight: bold;
		text-decoration: underline
	}


	a.linklg:link, a.linklg:visited {
		color: #FC0;
		letter-spacing: normal
	}

	a.linklg:hover, a.linklg:active {
		color: #FFF;
		letter-spacing: 1.1px
	}
	
	.linksm {
		width: 450px;
		font: .9em geneva, verdana, arial, sans serif;
		color: #FFF;
		font-style: italic;
		padding: 0 0 20px 0
	}

	#linkblock1, #linkblock2 {
		clear: both;
		width: 555px;
		min-height: 120px;
		*height: auto;		
		margin: 10px 25px 10px 25px;
		border: dotted 1px #CCC;
		font: .9em geneva, verdana, arial, sans serif
	}

	#linkblock1 {
		background-color: #171745
	}
	
	#linkblock2 {		
		background-color: #1E1E54
	}

	#hold-both {
		width: 550px
	}

	#linkleft {
		width: 200px;
		float: left;
		text-align: right;
		padding: 5px 8px 5px 0
	}
	
	#linkright {
		width: 298px;
		float: left;
		text-align: left;
		padding: 5px 0 15px 8px				
	}
	
	#thumb {
		width: 105px;
		*width: 125px;
		height: 130px;
		*height: 150px;
		float: left;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		border: solid 1px #9CF
	}
	
	#footer {
		clear: both;
		width: 780px;
		margin: 0 auto 0 auto;
		text-align: center;
		font: 7pt chicago,verdana,arial,serif;
		letter-spacing: .1em;
		color: #999;
		padding: 10px 0 10px 0
	}

	#footer a:link, a:visited  {
		color: red;
		text-decoration: none
	}

	#footer a:hover, a:active {
		color: white;
		text-decoration: underline
	}

	#picyears {
	 	width: 578px;
		*width: 600px;
		background: #9CF;
		padding: 8px 10px 8px 12px;
		margin-left: 2px;
		*margin-left: 0;
		font: bold 9pt verdana, sans serif; 
		text-align: left
	}

	a.picyears:link, a.picyears:visited {
		color: #003
	}

	a.picyears:hover, a.picyears:active {
		color: #FFF
	}
	
	.pic-captions {
		font: normal 8pt verdana, sans serif;
		color: #9CF
	}

	a.pic-captions:link, a.pic-captions:visited {
		color: #FFF
	}

	a.pic-captions:hover, a.pic-captions:active {
		color: #9CF
	}