/* tlc-200810.css */

body {
   font-family: Optima, Arial, Helvetica, Verdana, sans-serif;
   margin:  0;
   color:#666600;
   padding: 1em 1em 1em 1em;
}

h1, h2, h3, h4, h5, h6 {
   font-family: Optima, Arial, Helvetica, Verdana, sans-serif;
   padding-bottom: 0.2em;
   padding-top:    0.2em;
}

/* ************************************ */
/* All text sizes defined together here */
/* ************************************ */

body    { font-size: 1.1em; }
h1      { font-size: 1.6em; font-weight: normal; text-align: center;  margin-bottom: 1.0em; }
h2      { font-size: 1.5em; font-weight: normal; text-align: center;  margin-bottom: 0.1em; }
h3      { font-size: 1.4em; font-weight: normal; text-align: center;  margin-bottom: 0.1em; }
h4      { font-size: 1.3em; font-weight: normal; text-align: left;    margin-bottom: 0.01em; }
h5      { font-size: 1.2em; font-weight: normal; text-align: left;    margin-bottom: 0.01em; }
h6      { font-size: 1.1em; font-weight: bold;   text-align: left;    margin-bottom: 0.01em; }
select  { font-size: 1.1em; }
.strapline { font-size: 1.4em; }
#menu ul{ font-size: 1.0em; }

a {
   color: #990000;
   text-decoration: none;
}
a:hover {
   color: #FF0000;
   font-weight: normal; 
   text-decoration: underline;
}
a:visited {
   color: #993300;
   text-decoration: none;
}
a:visited:hover {
   color: #993300;
   font-weight: normal; 
   text-decoration: underline;
}
a:active {
   color: #CC0000;
   text-decoration: none;
}
q {
   font-style: italic;
}
.centered {
   text-align: center;
}

#logodiv {
   background-color: #FFFFFF; 
   color: #FFFFFF; 
   text-align:center; 
   width: 60em;
   margin: 0;
   padding: 0.5em 0 0.1em 0; 
}

.strapline {
   color: #CC6633;
   font-family: Optima, Arial, Helvetica, Verdana, sans-serif;
   font-style: italic;
   padding-bottom: 0.5em;
}
#menu{
   margin: 0;
   padding: 0;
   max-height: 2.2em;
   overflow: hidden;
}
#menu ul{
   margin: 0 0 0 0;
   padding-left: 0;
   float: left;
   width: 99%;
   border: none;
}
* html #menu ul{ /*IE only rule. Delete extra margin-bottom*/
   margin-bottom: 0;
}
#menu ul li{
   float: left;
   display: inline;
   text-decoration: none;
   margin: 0 0 0.5em 0;
   padding: 0.3em 0 0.3em 0;
}
#menu ul li a{
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   border-bottom: none;
   padding: 0.3em 0.8em 0.3em 0.8em;
}

#menu ul li a:hover, #menu ul li a.selected:hover{
   color: #903000;
   background-color: yellow; 
}
#menu_selected{
   color: #FFFFFF;
   font-weight: bold;
   border-bottom: none;
}

#menu ul form{ /* used for the search form in the menu*/
   text-align: right;
   color: gray;
   font-weight: normal;
   margin: 0;
   padding: 0 6px 0;
   text-decoration: none;
}

#page{
   background: #CCCC66;
   margin: 0;
   padding: 0;
   width: 60em;
   border:none;
}
.boxed {
   background-color: #FFFFFF;
/*   border: 1px solid #666600; */
   border: none;
   margin: 0 0 5px 0;
   padding: 5px 5px 8px 8px;
}
.boxed p {
   margin: 1px 0 3px 3px;
   padding: 0;
}

.profileindexphoto {
   border: none;
   padding: 3px 3px 0 3px;
   text-align: center;
}
.boxedphoto {
   background-color: #FFFFFF;
/*   border: 1px solid #666600; */
   border: none;
   margin: 0 0 0.5em 0;
   padding: 3px 3px 0 3px;
   text-align: center;
   font-size: 0.9em;
   cursor: url(/img/zoomin.cur), pointer;
}   
.boxedphoto img, .profileindexphoto img {
   max-width: 98%;
}
.boxedphoto p {
   margin: 0; 
   padding: 3px 3px 3px 3px;
}
#contentwrap{
   width: 99.9%;
   margin: 0;
   padding: 0;
/*   min-height: 30em; */
}

#leftcolumn{
   float: left;
   width: 20%;
   margin: 0;
   padding:0;
}

#rightcolumn{
   float: right;
   width: 20%;
   margin: 0;
   padding:0;
}

#contentcolumn{
   margin: 0 21% 0 21%; 
   padding: 0;
}
/* For Tuppy to review 20081111 */
#leftcolumn, #rightcolumn, #contentcolumn{
  background-color: #FFFFFF; 
  border: none;
}

#regioncolumn{
   margin: 0 0 0 20%;
   padding:0;
    background-color: blue;
}


#submenu hr {
   margin: 5px 0 3px 0;
   padding:0;
}
 
#submenu a, #submenu a:visited{
   text-decoration: none;
   color:#666600;
   display:block;
}
#submenu a:hover{
   color:#FF0088;
   background-color: #CC6;
}
#footer{
   clear:both;
   font-size: 1.0em;
   text-align:center;
   width: 60em;
   margin: 0; 
   padding:0;
}
fieldset {
   border: none;
   padding: 0px;
}
legend {
   visibility: hidden;
   position: absolute;
   z-index: -1;
}
  button {
  background-color:#CCCCCC;
  color: #666666;
  text-align: center;
  padding: .1em .1em .1em .1em;
  border-top: 3px solid #EEEEEE;
  border-right: 3px solid #E0E0E0;
  border-left: 3px solid #999999;
  border-bottom: 3px solid #999999;
  font-size: larger;
  }
  input {
  font-size: 110%;
  }

#zoom {
	 background-color: transparent;
  position: absolute;
  visibility:hidden;
  margin: auto;
  width: 100%;
  text-align: center;
  cursor: default;
}

#portrait1 {
   cursor: url(/img/zoomin.cur), pointer;
}
#portrait2 {
   cursor: url(/img/zoomout.cur), pointer;
}

#innerzoom {
 background-color: #000000;
 margin: 0 auto 0 auto;
 padding: 1em 1em 1em 1em;
 color: white;
 font-weight: bold;
 font-size: 1.2em;
 cursor: default;
 text-decoration: none;
}
#innerzoom img {
 border: none;
 cursor: url(/img/zoomout.cur), pointer;
 }

#innerzoom img:focus {
 cursor: url(/img/zoomout.cur), pointer;
 }