/*
 * TransStellar.com
 * Author: Robert Colburn
*/

*{
 margin:  0px;
 padding: 0px;
}
body{
 margin:  0px;
 padding; 0px;
 background: #cac9ee url("images/back-page.gif") top left repeat-x;
}
#container{
 margin: 50px auto;
 padding: 0px;
 width: 45.0em;
 font: 1.0em Arial, "sans serif";
 background: #FFFFFF;
}
#title{
 margin: 0px;
 width: 100%;
 padding: 0px;
}
#logo{
 margin: 0px;
 padding: 0px;
 float: left;
 width: 221px;
 height: 55px;
 background: #FFFFFF url("images/top-left.jpg") top left no-repeat;
}
#sub_title{
 margin: 0.0px;
 padding: 2.5em 0.5em 0.1em 0.0em;
 text-align: right;
 font: 0.9em "Verdana", "Arial", "sans serif";
 background: #FFFFFF url("images/top-right.jpg") top right no-repeat;
}
#navigation{
 clear: both;
 margin: 0px 3px;
 height: 1.5em;
 background: #889CE5 url("images/back-nav.jpg") top left repeat;
}
#navigation ul{
 margin: 0px auto;
 padding: 0px;
 list-style: none;
 text-align: center;
}
#navigation li{
 display: block;
 margin: 0.16em 2%;
 width: 16%;
 padding: 0px;
 list-style: none;
 text-align: center;
 font: 1.0em "Arial", "sans serif"; /* .2,1,.2 = 1.4 -> 1.6?  */
 color: #FFFFFF;
 float: left;
}
#navigation li a{
 text-decoration: none;
 padding: 0.10em 1em;
 color: #FFFFFF;
}
#navigation li a:hover{
 background: #5c85d3;
 border-left:  1px solid #FFFFFF;
 border-right:  1px solid #FFFFFF;
}
#content{
 margin: 0px 3px;
 padding: 0.2em 0.0em 1.0em 0.0em;
 clear: both;
 background: #FFFFFF url("images/back-content.jpg") top left repeat-x;
 font: 1.0em "Arial", "sans serif";
}
#content h2{
 margin: 0.0em 1.0em 0.1em 3.5em;
 padding: 0.5em 0.0em 0.1em 0.5em;
 text-align: left;
 font: 2.0em "Garamond", "Times New Roman", "serif";
 background: transparent url("images/blue-line.gif") bottom left repeat-x;
}
#content h2 a{
 text-decoration: none;
 color: black;
}
#content h2 a:hover{
 color: #1773ff;
}
#content h2.sec{
 background: transparent url("images/purple-line.gif") bottom left repeat-x;
}
#content h2.sec a:hover{
 color: #8814ff;
}
#content h3{
 margin: 0.0em 3.05em;
 padding: 0.0em;
 text-align: right;
 font: 1.0em "Garamond", "Georgia", "Times New Roman", "serif";
 color: #333333;
 line-height: 0.7em;
}

#content h4{
 margin: 0.0em 2.0em 0.1em 8.5em;
 padding: 1.0em 0.0em 0.1em 0.5em;
 text-align: left;
 font: 1.1em "Garamond", "Times New Roman", "serif";
 font-weight: bold;
 background: transparent url("images/blue-line.gif") bottom left repeat-x;
}
#content h4 a{
 text-decoration: none;
 color: black;
}
#content h4 a:hover{
 color: #1773ff;
}
#content h4.sec{
 background: transparent url("images/purple-line.gif") bottom left repeat-x;
}
#content h4.sec a:hover{
 color: #8814ff;
}
#content p{
 margin: 0.0em 1.0em;
 padding: 0.4em 2.5em 0.4em 10.0em;
 text-align: justify;
 font: 0.9em "Arial", "sans serif";
}
#content p a{
 color: #1773ff;
 text-decoration: none;
 font-weight: 400;
}
#content p a:hover{
 color: #8814ff;
 border-bottom: 1px solid #8814ff;	
}
#content p.center{
 margin: 0.5em 2.0em;
 padding: 0.0em;
 text-align: center;
}
#content img.left{
 float: left;
 background: white;
 padding: 0.2em;
 border: 1px solid black;
 margin: 0.6em 0.6em 0.6em 10.6em;
}
#content img.right{
 float: right;
 background: white;
 padding: 0.2em;
 border: 1px solid black;
 margin: 0.6em 3.6em 0.6em 0.6em;
}
#clear{
 clear: both;
 width: 100%;
}
#footer-right{
 float: right;
 text-align: right;
 width: 15px;
 height: 15px;
 background: #FFFFFF url("images/bottom_02.jpg") bottom right no-repeat;
}
#footer-left{
 text-align: left;
 width: 15px;
 height: 15px;
 background: #FFFFFF url("images/bottom_01.jpg") bottom left no-repeat;
}