/* Start of CMSMS style sheet 'City_black_and_white' */

/* how to include fonts for EI */
@font-face {  
  font-family: BrasengaEngraved_eot;  
  src: url( "http://www.thenieves.com/TNT/Fonts/BRASENG0.eot");  /* notice eot file type */
/*  src: url( "Fonts/ANDALUS0.eot"); */
}  
 
.BrasengaEngraved_eot { font-family: BrasengaEngraved_eot;
}  

@font-face {  
  font-family: BookmanOldStyle_eot;  
  src: url( "themes/CN-Tower-Sunset/Fonts/BOOKMAN0.eot");  /* notice eot file type */
}  
 
.BookmanOldStyle_eot { font-family: BookmanOldStyle_eot;
}  


/* how to include fonts for FF Safari */
@font-face {  
  font-family: BrasengaEngraved_ttf;  
  src: url( "themes/CN-Tower-Sunset/Fonts/BRAE.TTF");
}  

.BrasengaEngraved_ttf {font-family: BrasengaEngraved_ttf;
}



@font-face {  
  font-family: BookmanOldStyle_ttf;  
  src: url( "themes/CN-Tower-Sunset/Fonts/BOOKOS.TTF", "themes/CN-Tower-Sunset/Fonts/BOOKOSB.TTF");
}  

.BookmanOldStyle_ttf {font-family: BookmanOldStyle_ttf;
}



body{
padding: 0;
margin: 0;
background-image: url(graphics/CN_tower_sunset_large_res6.jpg);
background-color: black;
background-repeat: no-repeat;
background-position: top center;
color: white;
font-family: Arial;
font-family:  BookmanOldStyle_ttf, BookmanOldStyle_eot;
}


/* -------------------------------------------------------
   doc envelope 
------------------------------------------------------- */
.docEnvelope{
width: 800px;
padding: 0;
/* padding-left: 10px; */
/* padding-right: 10px; */
/* margin: 10px; */
/* background-color: black; */
color:white;
height: 2000px;
}


.docEnvelope h1{
font-size: 24pt;
font-weight: bold;
}

/* -------------------------------------------------------
   head 
------------------------------------------------------- */
.head{
position relative;
float: left;
width: 780px;
height: 270px;
padding: 0px;
/* background-color: black; */
/* background-image: url(graphics/toronto_at_night_wide_res6.jpg);*/
color: white;
text-align: left;
}


.head h1{
position: relative:
float: left;
font-size: 24pt;
font-family: BrasengaEngraved_ttf, BrasengaEngraved_eot;
margin: 0;
}

.head h2{
position: relative:
float: left;
color: #FDE5A5;
margin: 0;
}

.head p{
position: relative:
float: left;
color: white;
margin: 0;
margin-bottom: 5px;
}


/* -------------------------------------------------------
   sub head 
------------------------------------------------------- */
.subHead{
display: block;
position: relative;
float: left;
padding: 0;
margin: 0;
position relative;
float: left;
width: 780px;
width: 650px;
height: 100px;
/* background-color: white; */
color: white;
text-align: center;
}

.subHead h1{
font-size: 20pt;
text-align: center;
width: auto; 
margin: 0;
padding: 0;
margin-top: 0px;
}

.subHead h2{
font-size: 16pt;
margin: 0;
padding: 0;
}


.subHead h3{
font-size: 18pt;
margin: 0;
padding: 0;
}


.subHead p{
margin: 0;
padding: 0;
}


.Sue{
display: block;
/* margin: 10px; */
position: relative;
float: left;
text-align: left;
}

.Sue h3{
font-size: 14pt;
}


.Sue img{
height: 110px;
margin-bottom: 5px;
}



.Alex{
display: block;
/* margin: 10px; */
position: relative;
float: right;
text-align: right;}

.Alex h3{
font-size: 14pt;
background-image: url(graphics/Transparent_black.png);
}


.Alex img{
height: 110px;
margin-bottom: 5px;
}

/* -------------------------------------------------------
   side Bar
------------------------------------------------------- */
.sideBar{
display: block;
position: relative;
width: 230px;
/* height: 100px; */
float: right;
/* background-color: #FDF1BF; */
color: white;
background-image: url(graphics/Transparent_black.png);
font-size: 11pt;
font-weight: bold;
padding: 5px;
/* margin: 5px; */
padding-top: 8px;
text-align: left;
border: solid black thin;
}

.sideBar h1{
width: 200px;
border-top: solid thin white;
border-bottom: solid thin white;
font-size: 14pt;
font-weight: bold;
padding: 0;
margin: 0; 
}

.sideBar li{
font-size: 10pt;
font-weight: bold;
}

.sideBar ul{
list-style: outside;
margin-left: 1px;
}


.sideBar a{
color: white;
color: #C2B372;
color: #FDE5A5;
font-weight: bold;
text-decoration: none;
}

.sideBar a:hover{
color: red;
text-decoration: none;
}

/*.special{
}*/

.sideBarSpecial{
padding-top: 10px;
color: #C2B372;
color: #FDE5A5;


}


/* -------------------------------------------------------
   content
------------------------------------------------------- */
.content{
position: relative;
float: left;
margin: 0px;
padding: 10px;
width: 500px;
text-align: left;
font-size: 12pt;
background-color: white;
color: black;
font-family: BookmanOldStyle_ttf, BookmanOldStyle_eot;
}

.content h1{
border-top: solid thin;
border-bottom: solid thin;
font-size: 18pt;
}

.content iFrame{
width: 720px;
height: 500px;
position: relative;
left: -120px;
}

/* -------------------------------------------------------
   foot
------------------------------------------------------- */
.foot{
width: 580px;
float: left;
color: white;
background-color: black;
}


/* End of 'City_black_and_white' */