/*
Credit for the vertical and horizontal centering hack belongs to article #410, posted by Perishable Press
http://perishablepress.com/press/2007/09/25/absolute-horizontal-and-vertical-centering-via-css/
*/

html, body {
     height: 100%;
}

body {
     margin:0px; padding:0px;
     color:white;
     background-color:black;
     text-align:center;       /* horizontal centering hack for IE */
    }

div#centeringDiv { 
     margin-bottom:  -350px; /* half of content height */
     background:transparent; /* temporary - used to see div */
     width:1px;              /* required to "hide" distance div */
     height:50%;             /* required */
     float:left; 
}

div#content {
     position: relative;      /* positions content on top of distance */
     text-align: left;        /* horizontal centering hack for IE */
     margin: 0 auto;
     clear: left;
     width:1000px; height:700px;
     color:white;
     background:transparent;
}

div#pageHeader {
     position:relative; display:block;
     width:100%; height:115px;
}

div#pageTitle {
     position:absolute; display:block;
     left:100px; top:18px;
     width:360px;
     margin:0px; padding:0px;
     border:none; 
     text-align:center;
}

div#pageTitle h1 {
     display:block;
     margin:0px; padding:0px;
     color:#9B5F0E;
     background-color:transparent;
     font-size:32px;
     font-family: Garamond, "Times New Roman", serif;
     font-style:normal;
     font-weight:bold;
     text-align:center;
}

div#Navigation {
     position:absolute; display:block;
     width:375px;
     left:500px; top:45px;
     margin:0px; padding:0px;
     border:none;
     color:#666666;
     background-color:transparent;
     font-size:16px;
     font-family: 'Franklin Gothic Medium', Vrinda, 'Cordia New', 'Browallia New', Kartika, 'BankGothic Lt BT', 'BankGothic Md BT', 'Copperplate Gothic Light', Copperplate32bc, Copperplate33bc, Verdana, Arial, sans-serif;
     font-style:normal;
     font-variant:small-caps;
     font-weight:normal;
     text-align:center;
}

h2 {
     color:#ff9933;
     font-size:20px;
     font-family: Garamond, "Times New Roman", serif;
     font-style:italic;
     font-weight:normal;
     text-align:left;
/*     text-decoration:underline; */
}

/* ******************** PAGE FOOTER AND COPYRIGHT NOTICE ******************** */

div#pageFooter {
     position:relative; display:block;
     width:100%; height:150px;
     margin:0px auto 0px auto; padding:0px;
}

div#TSOBlogo {
     position:absolute; display:block;
     width:170px; height:95px;
     margin:0px; padding:0px;
}

div#tagline {
     position:absolute; display:block;
     left:310px; top:0px;
     width:330px; height:95px;
     color:#666666;
     background-color:black;
     font-family: "Times New Roman", serif;
     font-size:18px; line-height:32px;
     font-weight:normal;
     text-align:center;
}

div#contactInfo {
     position:absolute; display:block;
     left:790px; top:0px;
     width:210px; height:95px;
     color:#666666;
     background-color:black;
     font-family: Verdana, Arial, sans-serif;
     font-size:10px;
     font-weight:normal;
     text-align:left;
}

div#contactInfo img {
     float:left;
}

div#contactInfo br {clear:right;}

div#copyright {
     position:absolute; display:block;
     width:100%; height:16px;
     left:0px; top:126px;
     color:white;
     background-color:transparent;
     font-family: Verdana, Arial, sans-serif;
     font-size:14px; line-height:16px;
     font-weight:normal;
     text-align:center;
}

span.phonogram {
     font-size:17px;
}
/* ************************************************************************** */

p {
     margin:0px; padding:5px 10px 5px 10px;
     color:#FFFFFF;
     background-color:transparent;
     font-size:14px;
     font-family: Verdana, Arial, sans-serif;
     font-weight:bold;
     text-align:justify;
}

p.center {text-align:center;}

p img {
     margin:1px; padding:0px;
     border:none;
}

p.accessVersion {
     font-size:12px;
     text-align:center;
}

p.altText {/* For text in alt tags */
     color:white;
     background-color:black;
     font-size:12px;
     font-family: Verdana, Arial, sans-serif;
     font-weight:normal;
     text-align:left;
}

a:link {text-decoration:underline; color:#FFFF99; background-color:transparent;}
a:visited {text-decoration:underline; color:#339966; background-color:transparent;}
a:hover {text-decoration:underline; color:white; background-color:transparent;}

br.clearAll {clear:both;}