/* two coloumn layout with float and margins. footer always on bottom and fixed header. */

body {
       margin:0px 0px 0px 0px; /* 0px 0px 20px 0px : up, right, down, left */
       padding: 0px 0px 0px 0px;
       background:#FFF;
       height: 100%;
       /* min-height: 101% */
       min-width:100%;
       }

html { 
       height: 100%
       /* position: fixed; */
       /* overflow: auto; */
       }

	A 		{ color: #003366; text-decoration: underline; }
	A:link		{ color: #003366; text-decoration: underline; }
	A:visited	{ color: #003366; text-decoration: underline; }
	A:active	{ color: #999999;  }
	A:hover		{ color: #999999;  }

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}

div#banner {
          position: absolute;
          width: 500%;
          font-family:palatino,  georgia, verdana, arial, sans-serif;
          color:#333;
          font-size: medium;
          font-weight:normal;	
          padding:15px;
          border-top:4px double #666;
          border-bottom: 1px solid black;
          top: 0px;
          left: 0px;
          height: 39px;
          /* background: green; */
          z-index: 4;
          background: white;
          }

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
                  font-family: verdana, arial, sans-serif;
                  font-size: xx-large;
                  color: #333;
                  text-decoration: none;
                  }

.description { /* not used */
               font-family: verdana, arial, sans-serif;
               color:#333;
               font-size:small;
               text-transform:none;	
               }

div#mainbox { 
              position: relative;
              /* border:1px solid yellow; */
              min-height: 90%;
              }


* html #mainbox
{
  height: 100%;
  overflow:hidden; /* dunno if this is needed here? */
  }

div#contentcontainer { 
               position: relative;
               /* border:1px solid red; */
               /* height: 77%; */
               /*min-height: 100%;*/
               /* margin: 10px; */
               /* width: 100%; */
               /* top: 0px;
               left: 0px; */
               margin-left: 180px;
               margin-right:20px;
               margin-top: 73px;
           }

div#content {
              position:relative;
              background:#FFF;
              /*margin-right:20px;*/
              /*margin-right:-250px;*/
              /* margin-left:225px; */
              /* margin-bottom:20px; */
              margin-top: 20px;
              border:1px solid #FFF;
              /* border:1px solid blue; */
              min-height: 100%;
              width: 100%;
              float: right;
              /* left: 10px; */
              padding-top: 20px;
              /* margin-left: 180px; */
              }

.blogbody {
            font-family: verdana, arial, sans-serif;
            color:#333;
            font-size:small;
            font-weight:normal;
            background:#FFF;
            line-height:150%;
            }

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
                    font-weight: normal;
                    text-decoration: underline;
                    }

.title	{ /* not used */
          font-family: verdana, arial, sans-serif;
          font-size: medium;
          color: #666;
          }			

.maintitle { /* used for h2 */
             font-family:verdana, arial, serif; 
             font-size: large; 
             color: #333; 
             border-bottom:1px solid #999;
             margin-bottom:10px;
             font-weight:bold;
             }			

.maintitle a,
.maintitle a:link,
.maintitle a:visited,
.maintitle a:active,
.maintitle a:hover { 
                     font-weight:bold;
                     text-decoration: none;
                     color: #333;
                     }

div#side {
        position: relative;
        font-family:verdana, arial, sans-serif;
        color:#333;
        font-size:x-small;
        font-weight:normal;
        background:#FFF;
        /* line-height:140%; */
        line-height:110%;
        padding:2px;
        /* border: 1px solid grey; */
        margin-top: 20px;
        /* top: 20px; */
        margin-left: 5px;
        width: 130px;
        float: left;
        /*min-height: 100%;*/
        /* left: 0px; */
        /* top: 73px; */
        /*height:70%;*/
        }

@media screen{
/*   body>div#side{
             position: fixed;
             } */
  body>div#banner{
             position: fixed;
             }
}

* html body{
             overflow:hidden;
 }
 

 * html div#content{
                     height:100%;
                     overflow:auto;
 }

.sidetitle {
             font-family:verdana, arial, sans-serif;
             color:#333;
             font-size:small;
             font-weight:normal;
             padding:2px;
             margin-top:30px;
             letter-spacing: .3em;
             background:#FFF;
             text-transform:uppercase;		
             }		
		
.powered { /* used for footer */
           position: absolute;
           font-family:verdana, arial, sans-serif;
           color:#666;
           font-size:x-small;		
           line-height:140%;
           text-transform:uppercase; 
           padding:2px;
           margin-top:50px;
           letter-spacing: .2em;					
           background:#FFF;
           bottom: 10px;
           width: 100%;
           }

div#footer {
             position: relative;
             font-family:verdana, arial, sans-serif;
             color:#666;
             font-size:x-small;		
             /*line-height:140%;*/
             text-transform:uppercase; 
             padding:10px 2px 2px 2px;
             margin-top:0px;
             letter-spacing: .2em;					
             background:#FFF;
             bottom: 0px;
             width: 100%;
             /* left: -200px; */
             clear: both;
             /* border:1px solid grey; */
}

.cvheader { font-weight:bold; }
.cvcell1 { vertical-align: top; }
.cvcell2 { 
           vertical-align: top;
           padding-left: 10px;
           }

.noa a,
.noa a:link,
.noa a:visited,
.noa a:active,
.noa a:hover {
               font-weight:bold;
               text-decoration: none;
               color: #333;
               }

.banner { vertical-align: top; float: right; }