html> body {
margin:0; 
padding:0; 
height:100%; 
width: 100%;
}


body { 
margin:0; 
padding:0; 
height:100%; 
font-family: Arial, Verdana, Times New Roman;
background-color: #FFF;
/* Geting rid of the wolf on the bottom

background-image: url(images/wolfhead.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;

 */
} 

div.floatright h3 { color: #FFFFFF; }

div.floatright { 
            position: absolute;
            right: 0;
            top: 0;
			padding: 10px;
			font-family: Lucida Sans Unicode, Lucida Grande, Verdana;
			font-size: 90%;
			color: #FFFFFF;
			padding: 10;
			background-repeat: no-repeat;
			background-position: fixed;
			}

div.floatright strong {font-size: 125%;}


#container {
margin: 0;
padding: 0;
width: 100%;
height: 100%;

}



div.post {
font-family: Lucida Sans Unicode, Lucida Grande, Verdana;
font-size: 110%;
width: 95%;
height: auto;
margin: 15px 0px 15px 0px;
border: 0px solid #660000;
padding: 15px;
}

div.intro {
padding: 10px;
}


div.intro p {
font-family: times new roman, arial, verdana;
font-size: 100%;}


div.post h2 {
margin:0;
padding: 0;
display: inline;}

div.com-even h3 {
margin:0;
padding: 0;
display: inline;}
}

div.com-odd h3 {
margin:0;
padding: 0;
display: inline;}

div.com-even {
font-family: Lucida Sans Unicode, Lucida Grande, Verdana;
font-size: 90%;
width: 70%;
height: auto;
margin: 0px 100px 0px 0px;
background-image: url(images/evenbg.gif);
background-repeat: repeat-y;
background-position: fixed;
background-color: transparent;
border-width: 0px;
border-color: #afafaf;
border-style: solid;
padding: 0px 35px 0px 65px;
}

div.com-odd{ 
font-family: Lucida Sans Unicode, Lucida Grande, Verdana;
font-size: 90%;
width: 70%;
height: auto;
margin: 0px 0px 0px 0px;
border-width: 0px;
border-color: afafaf;
border-style: solid;
padding: 0px 35px 0px 65px;
}

div.desc {
font-family: Lucida Sans Unicode, Lucida Grande, Verdana;
font-size: 60%;
list-style-image: url(images/darkbullet.gif);
padding: 0px;
text-align: center;
}

div.desc img{
		width: 113px;
		height: 88px;
		padding-left: 2px;

}

#minidesc {
padding: 10px 0px 10px 0px;
margin: 0px;
width: 100%;
background-color: #afafaf;
position:relative;
float:left;
border-width: 0px 1px 0px 0px;
border-color: #000000;
border-style: solid;
border: 0px 0px 1px 0px;
border-width: 0px 0px 1px 0px;
background-image: url(images/maindescbg.gif);
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed; 

}

#mainDiv {
 
padding: 10px 5px 10px 20px;
margin: 0px auto;
height: 100%;
width: 99%;
background-color: transparent;
position:relative;
float:left;
border: none;
border-width: 0px 0px 0px 0px;
background-image: url(images/div1bg.gif);
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed; 
}

#photoContainer {
 
padding: 10px 5px 10px 20px;
margin: 0px auto;
height: 100%;

background-color: transparent;
position:relative;
float:left;
border: none;
border-width: 0px 0px 0px 0px;
background-image: url(images/div1bg.gif);
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed; 
}

#photoContainer img {
padding-left: 10px;
width: 175px;}

#div1 {
 
padding: 10px 5px 10px 20px;
margin: 0px auto;
height: 100%;
width: 75%;
background-color: transparent;
position:relative;
float:left;
border: none;
border-width: 0px 0px 0px 0px;
background-image: url(images/div1bg.gif);
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed; 
}
#div1full {
 
padding: 10px 5px 10px 20px;
margin: 0px auto;
height: 100%;
width: 95%;
line-height:125%;
background-color: transparent;
position:relative;
float:left;
border: none;
border-width: 0px 0px 0px 0px;
background-image: url(images/div1bg.gif);
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed; 
}

#div2 {
right:0;
background-color: transparent;
margin: 0 auto;
padding: 20px 1px 0px 0px;
height: 100%;
width: 21%;
position: relative;
float: left;
font-family: sans serif, georgia, tahoma
}


td {
vertical-align: top;
}

img {border: 0;}

ul { list-style-image: url(images/bullet.gif); }

p   {font-family: Arial, Verdana, Times New Roman;
    margin-top: 0px;
    padding: 10 5 5 5;
    text-align: justify;
    font-size: 110%;}


th {text-align: left;}

h1 {
    font-family:  Tahoma, Arial;

    margin: 0;
    padding: 0;
    color: #494949;    
    }

h2 {


   font-family: Tahoma, Arial;
   margin: 0;
   
   }

h3  {

    font: italic bold 115% tahoma;
    color: #494949;
    display: inline;
    }

img {border: 0px;}

a:link {
    font-weight: bold;
    color: #494949;
    }
    
a:visited { 
    font-weight: bold;
    color: #494949;
    }
    
a:hover  {
    text-decoration: underline;
    }
    

div.post a:link {
    font-size: 100%;
    font-family: Arial, Verdana, Times New Roman;
    font-weight: bold;

    color: #494949;
    }
    
div.post a:visited { 
    font-size: 100%;
    font-family: Arial, Verdana, Times New Roman;
    font-weight: bold;

    color: #494949;
    }
    
div.post a:hover  {
    font-size: 100%;
    font-family: Arial, Verdana, Times New Roman;
    text-decoration: underline;
    color: #996600;
    }
	

#logo {
	/* background-image: url(images/logo.gif); ---- Old image ---- */
	background-image: url(images/intro.jpg);
height: 240px;
width: 760px;

}


#header {
         width: 100%;
         height: 273px;
         background-color: #FFF;
         background-image: url(images/background-repeat.jpg);
         background-repeat: repeat-x;
         }
		 


#headerText {
position: relative;
margin-left: 50px;
top: 200px;
}


#headershadowdesc {
        width: 100%;
        height: 13px;
        background-image: url(images/shadow.gif);
        background-repeat: repeat-x;
        clear: both;
        }
		
#headershadow {
        width: 100%;
        height: 13px;
        background-image: url(images/whiteshadow.gif);
        background-repeat: repeat-x;
        clear: both;
        }

#navcontainer
{
background: #000;
margin: 0 auto;
padding: 0 0 0 0;
font-family: georgia, serif;
text-align: center;
position: relative;
top: 240;

}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 100%;
text-align: center;
}

ul#navlist li
{
display: block;
float: left;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;

padding: 0.5em 1em 0.5em 1em;
border-width: 1px;
border-color: #000;
border-style: solid;
color: #FFF;
text-decoration: none;
background: #000;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{

color: #afafaf;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #fff;
background: transparent;
border-color: #fff;
}


#div2 ul{
padding: 3px 0 0 20px;
margin: 0;
font-size: 80%;
display: block;
}


.moreInfo {
text-align: center; width: 95%; 
padding: 15px; 
border: dotted #000 2px; 
background: #EEE; 
color: #333; 
font-size: 150%;
font-weight: bold;
}

#footer {
         margin: 0;
         border: 0;
         padding: 10px 0px 0px 0px;
         text-align: center;
         font-family: times new roman, sans serif;
         font-size: 80%;
         color: #000;
         height: 30px;
         clear: both;
         background-image: url(images/div1bg.gif);
         background-repeat: repeat-y;
         background-position: left;
         background-attachment: fixed;} 
  
  #footer p {text-align: center;}