/* 
File:    telopeaStyle.css
Purpose: style sheet for www.telopea67.org 
Client:  Self 
Version: 1.0 
Date:    7 April 2007
Author:  Jim Gillespie, Frontend Solutions
*/
body { 
    margin:0; 
		padding:0;
    background-color:#d3d3d5; 
		text-align:center; 
}
.boldblue { font-weight:bold; color:#3b5e98 }
.boldred {font-weight:bold; color:#a30f0f } 
#container {
		margin-top:5px;
    margin-left:auto;
		margin-right:auto;
		width:700px;
		background-color:#ffffff;
    border-bottom:1px solid #808080;
    text-align:left;
}
#header {
  	margin:0;
    width:700px;
		height:136px;
    background-image:url(../images/banner1.jpg);
		background-repeat:no-repeat;
}
#pagelogo {
		float:left;
		margin:0;
    width:700px;
    height:80px;
    padding-top:18px;
    background-image:url(../images/Telopea67.png);
    background-repeat:no-repeat;
}
#pagetitle {
		width:460px;
    height:80px;
    margin-left:240px;
		margin-top:-18px;
    margin-right:-18px;
    margin-bottom:-3px
}
#smallheader {
  	margin:0;
    width:700px;
		height:80px;
		background-image:url(../images/BannerSmall.gif);
		background-repeat:no-repeat;
}
#sidebar {
		float:left;
		margin-top:0;
		width:148px;
		height:320px;
		background-color:#ffffff;
    font:normal normal bold 10pt "Helvetica Narrow", "Arial Narrow", Arial, sans-serif;
		line-height:24pt;
		text-align:right;
		text-transform:uppercase;
		vertical-align:text-bottom;
		list-style-type:none;
		padding-top:35px;
		padding-right:20px;
}
#mainmenu {
		float:left;
		margin-top:0;
		width:150px;
		height:240px;
		background-color:#ffffff;
    font:normal normal bold 10pt "Helvetica Narrow", "Arial Narrow", Arial, sans-serif;
		line-height:24pt;
		text-align:right;
		text-transform:uppercase;
		vertical-align:text-bottom;
		list-style-type:none;
		padding-top:0;
		padding-right:20px;
}
.button {
		float:left;
    padding-top:5px;
    padding-left:50px;
    text-transform:none;
    text-align:center;
    font:12pt "Times New Roman", Times, serif;
    font-weight:bold;
    color:#3b5e98
}
.button a:link { 
    color:#3b5e98;
		text-decoration:none
}
.button a:visited { 
    color:#3b5e98;
		text-decoration:none
}
.button a:hover { 
    color:#980202;
		text-decoration:none
}
.button a:active { 
    color:#3b5e98;
		text-decoration:none
}
.msg { 
		font:9pt times;
    font-weight:bold;
    color:#3b5e98
}
#content {
		margin-top:-20px;
    margin-left:36px;
		background-color:#ffffff;
    border-right:1px solid #808080;
		font:9pt Verdana, Arial, Helvetica, sans-serif;
		line-height:16pt;
		padding-right:25px;
    padding-bottom:20px
}
#content p {
		font:9pt Verdana, Arial, Helvetica, sans-serif;
		line-height:16pt;
}
#content h1 {
    font:11pt Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
    line-height:15pt;
    padding-top:22px;
    color:#3b5e98
}
#content h2 {
		font:9pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#3b5e98
}
#content b {
    color:#404040;
}
#content a:link {
    font:9pt Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#0a5096;
		text-decoration:none;
    background:transparent;
}
#content a:visited {
    font:9pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#0a5096;
		text-decoration:none;
}
#content a:hover {
    font:9pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
    border-bottom:#980202 1px dotted;
}
#content a:active {
    font:9pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
		text-decoration:none;
}
#content img.photo {
    vertical-align:top;
		float:left;
		clear:left;
		height:60px;
		width:50px;
		margin-right:10px;
    margin-top:5px; /* may have to be altered depending on final photo size */
}
#content tr { 
}
#content td {
		font:9pt Verdana, Arial, Helvetica, sans-serif
}
#content hr {
    color:#a82b2b;
    background-color:#a82b2b;
    height:2px
}
#content li {
		margin-left:-22px;
		padding-bottom:6pt;
    list-style-type:square
}
.indent1 {
		padding-left:30px
}
.indent2 {
		padding-left:60px
}
.caption {
		padding-top: 4pt;
		font:8pt Verdanas, Arial,Helvetica, sans-serif;
    fobt-weight:normal
}
.bigcap {
		font:13pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#3b5e98
}
#form { }
.lbl { text-align:right; padding-right:10px; width:130px }
.btn { text-align:left; padding-left:5px; padding-right:20px }
.txt { text-align:left; width:240px }
.pst { text-align:right; padding-right:20px; width:50px }
.sta { text-align:left; padding-right:26px; width:50px }
.ttl { text-align:left; font: bold 12pt/14pt helvetica; padding-left:20px; padding-bottom:10px; width:400px }
.aut { text-align:left; padding-left:20px; padding-right:10px }
#book { }
.lbl { text-align:right; padding-right:10px; width:360px }
.btn { text-align:left; padding-left:5px; padding-right:20px }
.txt { text-align:left; width:540px }

#footer {
		clear:both;
    margin:0 auto;
    width:700px;
		height:60px;
}
#footer p {
		text-align:center
}
.menu {
		font-family:Tahoma;
		font-size:8pt;
		font-weight:bold;
		letter-spacing:0.5pt;
		color:#ffffff;
		border-left:1px solid #ffffff;
    text-decoration:none;
		background-color:#4f94cd;
		padding-top:4px;
    padding-right:7px;
    padding-bottom:5px;
    padding-left:6px;
}
.menu:hover {
		background-color:#47779f;
}
#toolbar {
		margin:0;
    clear:all;
    width:620px;
    background-color:#4f94cd;
    padding:4px 0 5px 0;  /* t,r,b,l */
		margin-left:80px;
    margin-bottom:20px;
}
#sidebar a:link { 
    color:#808080;
		text-decoration:none;
}
#sidebar a:visited {
    color:#808080;
		text-decoration:none;
}
#sidebar a:hover { 
    color:#980202;
		text-decoration:none;
}
#sidebar a:active { 
    color:#0a5096;
		text-decoration:none;
}

#contact td {
		padding-bottom:6px
}
#prices td {
		font:9pt Verdana, Arial, Helvetica, sans-serif;
    padding-left:20px
}
#download {}
#download td {
		padding-left:0;
    font:8pt Verdana, Arial, Helvetica, sans-serif;
    line-height:12pt
}
#copyright { display:none }
#footer {}
#footer {
		clear:both;
		color:gray;
		margin-top:10px; 
		padding-top:0; 
		padding-bottom:7px; 
		text-align:center; 
		font-weight:normal; 
		line-height:15px 
}
body > #footer { padding-top:1px }
#footer p { font-family:Verdana, Arial, sans-serif; font-size:8pt; line-height:1em }
#footer a { text-decoration:none }
#footer a:active { color:#727664 }
#footer a:link { color:#727664 }
#footer a:visited { color:#727664 }
#footer a:hover { color:#3b5e98 }

.dropdown {
		position:absolute;
		visibility:hidden;
		margin-left:10px;
		border-left:1px solid #c0c0c0;
		border-top:1px solid #c0c0c0;
		border-right:1px solid #808080;
		border-bottom:1px solid #808080;
		border-bottom-width:0;
		font-family:Tahoma;
		font-size:8pt;
		font-weight:bold;
		letter-spacing:0.5pt;
		line-height:18px;
		z-index:100;
		background-color:#d1d1d1;
 		width:125px;
}

.dropdown a {
		width:100%;
		display:block;
		text-indent:3px;
		border-bottom:1px solid #808080;
		padding:1px 0;
		text-decoration:none;
		font-weight:bold;
		color:#ffffff;
		text-indent:5px;
}

.dropdown a:hover { 
		background-color:#b9b9b9;
		color:#ffffff;
}
#where { }
#where td {padding:5pt 0 2pt 5pt;border-top:gray solid 1px}
.l1 {border-left:gray solid 1px; background-color:"yellow"}
.r1 {border-right:gray solid 1px; background-color:"yellow"}
.l2 {border-left:gray solid 1px; background-color:"silver"}
.r2 {border-right:gray solid 1px; background-color:"silver"}

 { font-weight:bold; color:#a30f0f }
.gray { color:red }


#moreinfo {
		background: #fbfbff;
    padding-left: 20px;
    padding-top: 1px;
    padding-right: 10px;
    font-size: 90%;
    color: black
}
#moreinfo h1 {
		margin-top:-1px;
    margin-left:-20px;
    margin-right:-10px;
    background-color:#ebecff;
    font:12pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:20px;
    padding-left:20px;
    padding-bottom:4px;
    color:#3b5e98
}
#moreinfo b {
		color:#3b5398
}
#moreinfo hr {
		color:#a82b2b;
    font-weight:bold
}
#letter {
		/*margin-left:50px;
    margin-right:50px;*/
    padding:20px 20px 10px 30px;
    border:#c0c0c0 1px solid
}
#letter p {
		font-family:Times, "Times New Roman", serif;
    font-size:12pt
}
.letterheading {
		font-family:Times, "Times New Roman", serif;
    font-size:13pt;
    font-weight:bold;
}
#center {
    text-align:center;
}
#newshead {
		background: #eaeaea; /*#fbfbff;*/
    border-top:#c0c0c0 1px solid;
    border-right:#c0c0c0 1px solid;
    border-left:#c0c0c0 1px solid;
    padding:2px 0 2px 10px; /* t r b l */
    font-weight:bold;
    color:#3b5e98
}
#news {
		border-left:#c0c0c0 1px solid;
    border-right:#c0c0c0 1px solid;
    padding:5px 20px 30px 30px
}
#newsphoto {
		padding:10px 20px 0 30px;
    border-left:#c0c0c0 1px solid
}

#infobox {}
#infobox {
		margin-left:25px;
    margin-bottom:15px;
		padding:14px 12px 10px 12px;
}
.top {
		margin-top:20px;
    background-color:#fdfdf0;
    border-left:#efe6a9 1px solid;
    border-top:#efe6a9 1px solid;
    border-right:#dcd07e 2px solid;
    border-bottom:#dcd07e 2px solid;
}
.mid {
		background-color:#fbfdff;
    border-left:#e3f2ff 1px solid;
    border-top:#e3f2ff 1px solid;	
    border-right:#abc7df 2px solid;	
    border-bottom:#abc7df 2px solid;		
}
.bot {
		background-color:#f9f7f7;
    border-left:#e6dede 1px solid;
    border-top:#e6dede 1px solid;	
    border-right:#d2b8b8 2px solid;	
    border-bottom:#d2b8b8 2px solid;	
}
#infobox h1 {
		padding:0;
		margin:0;
		font:10pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    color:#8b795e
}
#infobox p {
		margin-top:4px;
    margin-bottom:8px;
		font:8pt Verdana, Arial, helvetica, sans-serif;
    line-height:12pt;
    color:gray;
}
#infobox a { font:8pt Verdana, Arial, helvetica, sans-serif; text-decoration:none; font-weight:normal }
#infobox a:active { font:8pt Verdana, Arial, helvetica, sans-serif; color:#185f90 } /*a52121*/
#infobox a:link { font:8pt Verdana, Arial, helvetica, sans-serif; color:#185f90 }
#infobox a:visited { font:8pt Verdana, Arial, helvetica, sans-serif; color:#185f90 }
#infobox a:hover { font:8pt Verdana, Arial, helvetica, sans-serif; color:#185f90; border-bottom:#a52121 1px dotted }

#updatename {
    clear:left;
		background: #eaeaea;
    margin-top:25px;
    padding:2px 0 2px 10px; /* t r b l */
    font-weight:bold;
    color:#3b5e98
}
#updatephoto {
    float:left;
    width:120px;
		padding:10px 0 25px 0;
}
#updatetext {
    padding-left:16px;
}
#quizbox {
    border-left:#c0c0c0 1px solid;
    border-top:#c0c0c0 1px solid;
    border-right:#404040 1px solid;
    border-bottom:#404040 1px solid;
}
.intro {
    width:625px;
}
.test {
    width:580px;
    margin-top:20px;
    margin-bottom:40px;
}
#questions {
    width:500px;
    margin-left:44px;
}
#search {
    margin-top:5px;
    margin-left:30px;
}
#rightpanel {
    padding-left:20px;
}
#rightpanel p {
    font:8pt Verdana, Arial, Helvetica, sans-serif;
}
#rightpanel a:hover {
    border-bottom:0;
}
#memories {
    background-color:#fffff1;
    width:140px;
    border-top:gray 1px solid;
    border-right:gray 1px solid;
    border-bottom:gray 1px solid;
    border-left:gray 1px solid;
    padding-top:10px;
}
.memtitle {
    font:9pt Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#a30f0f
}
#slides {}
#slides td {font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;	font-size: 11px}
#slides button {
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px;
    text-align:center; 
    padding-left:0;
    padding-top:2px;
    margin:0;
    width:70px
}
#slides input {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px}
#loading img {
    height:288px;
    width:432px;
    background:#f0f0f0 url(http://www.telopea67.org/images/reunion07/loading.gif) no-repeat center center;
}
#updatetable td {padding-top:4px; padding-left:4px; line-height:16pt}