h1, h2, h3, h4, h5 {font-weight: normal;}

BODY {
	
	/* BACKGROUND: url(images/background.png) fixed no-repeat left top; */
	font-family: 'Trebuchet MS', sans-serif;
	h1, h2, h3, h4 {font-weight: normal;}

		FONT-SIZE: 12px; 
	TEXT-ALIGN: left;
}

.iframe 
{
width: 320;
height: 240;
overeflow: auto;
}


#page-container {
	MARGIN: auto; 
	WIDTH: 100%;
}
#logo {
	FLOAT: right; 
	FONT-SIZE: 36px; 
	FONT-WEIGHT: normal; 
	LETTER-SPACING: 15px;
}

#navigation {
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px;
	WIDTH: 100% 	
}

#tabnav {
	BACKGROUND: url(images/tabbottom.gif) repeat-x  bottom; 
	HEIGHT: 20px; 
	MARGIN: 0; 
	PADDING-LEFT: 10px;
}



	/* for 980px or less */
@media screen and (max-width: 980px) {

#tabnav {
	BACKGROUND: url(images/tabbottom.gif) repeat-x  bottom; 
	HEIGHT: 20px; 
	MARGIN: 0; 
	PADDING-LEFT: 10px;
}
}

	/* for 700px or less */
@media screen and (max-width: 700px) {

#tabnav {
	BACKGROUND: url(images/tabbottom.gif) repeat-x  bottom; 
	HEIGHT: 20px; 
	MARGIN: 0; 
	PADDING-LEFT: 10px;
}
}

	/* for 480px or less */
@media screen and (max-width: 480px) {

#tabnav {
	BACKGROUND: url(images/tabbottom.gif) repeat-x  bottom; 
	HEIGHT: 40px; 
	MARGIN: 0; 
	PADDING-LEFT: 10px;
}
}





#tabnav ul, #tabnav li {
	DISPLAY: inline; 
	LIST-STYLE-type: none; 
	MARGIN: 0; 
	PADDING: 0;
}

#tabnav a:link, #tabnav a:visited {
	BACKGROUND: #EDEFED;
	BORDER: 1px solid #ccc; 
	COLOR: #a8a8a8; 
	FLOAT: left; 
	FONT-SIZE: 10px; 
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 14px; 
	MARGIN-RIGHT: 4px; 
	PADDING : 2px 10px 2px 10px; 
	TEXT-DECORATION: none;
}
#tabnav a:link.active, #tabnav a:visited.active {
	BACKGROUND: #ffffff; 
	BORDER-BOTTOM: #fff 1px solid; 
	COLOR: #56675E;
}
#tabnav a:hover {
	COLOR: #B5B6DE;
}

#image {
	FONT-FAMILY: Overlock,"Droid Serif", Ubuntu, Verdana, sans-serif; 
	FONT-SIZE: 12px; 
	MARGIN-LEFT: 0px; 
	MARGIN-RIGHT: 0px; 
	TEXT-ALIGN: right; 
	TOP: 100px;
}

#content {
       
	/* for 980px or less */
@media screen and (max-width: 980px) {


FLOAT: left;
       /* FONT-FAMILY:  Overlock,"Droid Serif", Ubuntu,  Verdana, sans-serif;  */
        font-family: 'Trebuchet MS', sans-serif;
	/*  overall font size of all pages   */
	FONT-SIZE: 13px; 
	color:  dimgrey;
	MARGIN-LEFT: 10px; 
	MARGIN-RIGHT: 180px; 
	PADDING: 20px 20px 20px 20px; 
	TEXT-ALIGN: left; 
	TOP: 100px;
	BORDER-RIGHT: 1px solid #ccc; 
	
}

}


	/* for 700px or less */
@media screen and (max-width: 700px) {


FLOAT: left;
       /* FONT-FAMILY:  Overlock,"Droid Serif", Ubuntu,  Verdana, sans-serif;  */
        font-family: 'Trebuchet MS', sans-serif;
	/*  overall font size of all pages   */
	FONT-SIZE: 13px; 
	color:  dimgrey;
	MARGIN-LEFT: 10px; 
	MARGIN-RIGHT: 180px; 
	PADDING: 20px 20px 20px 20px; 
	TEXT-ALIGN: left; 
	TOP: 100px;
	BORDER-RIGHT: 1px solid #ccc; 
	
}
}






	/* for 480px or less */
@media screen and (max-width: 480px) {
h1 {
font-size: 24px}
}


FLOAT: left;
       /* FONT-FAMILY:  Overlock,"Droid Serif", Ubuntu,  Verdana, sans-serif;  */
        font-family: 'Trebuchet MS', sans-serif;
	/*  overall font size of all pages   */
	FONT-SIZE: 24px; 
	color:  dimgrey;
	MARGIN-LEFT: 10px; 
	MARGIN-RIGHT: 180px; 
	PADDING: 20px 20px 20px 20px; 
	TEXT-ALIGN: left; 
	TOP: 100px;
	BORDER-RIGHT: 1px solid #ccc; 
	
}
}







#fullcontent {
      <!--  FLOAT: left;  -->
        font-family: 'Trebuchet MS', sans-serif;
	/*  overall font size of all pages   */
	FONT-SIZE: 13px; 
	color:  dimgrey;
	MARGIN-LEFT: 10px; 
       /* MARGIN-RIGHT: 100px;   */
	PADDING: 20px 20px 20px 20px; 
	TEXT-ALIGN: left; 
	TOP: 100px;
	/* BORDER-RIGHT: 1px solid #ccc;  */
	
}




#sidebar {
        FLOAT: right;
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; 
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid; 
	font-family: 'Trebuchet MS', sans-serif;
	color:  dimgrey;
	align: left;
	vspace: 10px;
	hspace: 10px;

	FONT-SIZE: 10px; 
	MARGIN-RIGHT: 20px; 
	PADDING-BOTTOM: 7px 7px 7px 7px; 
	POSITION: absolute; 
	RIGHT: 25px; 
	TEXT-ALIGN: center; 
	TOP: 140px; 
	WIDTH: 135px;
}

#sidebar2 {
        FLOAT: right;
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; 
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid; 
	font-family: 'Trebuchet MS', sans-serif;
	color:  dimgrey;
	FONT-SIZE: 10px; 
	MARGIN-RIGHT: 20px; 
	PADDING-BOTTOM: 7px 7px 7px 7px; 
	align: left;
	vspace: 10px;
	hspace: 10px;

	POSITION: absolute; 
	RIGHT: 25px; 
	TEXT-ALIGN: center; 
	TOP: 350px; 
	WIDTH: 135px;
}

#sidebar3 {
        FLOAT: right;
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; 
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid; 
	font-family: 'Trebuchet MS', sans-serif; 
	color:  dimgrey;
	FONT-SIZE: 10px; 
	MARGIN-RIGHT: 20px; 
	PADDING-BOTTOM: 7px 7px 7px 7px; 
	POSITION: absolute; 
	RIGHT: 25px; 
	TEXT-ALIGN: center; 
	TOP: 560px; 
	WIDTH: 135px;
}




P.date {
	BORDER-BOTTOM: #ccc 1px dashed; 
	FONT-SIZE: 16px; 
	FONT-WEIGHT: bold; 
	LETTER-SPACING: 2px;
}
IMG {
	BORDER-BOTTOM: black 0px solid; 
	BORDER-LEFT: black 0px solid; 
	BORDER-RIGHT: black 0px solid; 
	BORDER-TOP: black 0px solid;
}
#footer {
       CLEAR:both;
	BORDER-TOP: #cccccc 1px solid; 
	color: dimgrey;
	FONT-SIZE: 10px; 
	MARGIN-RIGHT: 2px; 
	PADDING-BOTTOM: 3px 3px 3px 3px;  
	TEXT-ALIGN: center;
}
.pageheader {
	BORDER-BOTTOM: #ccc 1px dashed; 
	FONT-SIZE: 16px; 
	FONT-WEIGHT: bold; 
	LETTER-SPACING: 2px;
}


a:link {
    color: #1A6FDE;
    text-decoration: none
    }
a:visited {
    color: #8DB8EF;
    text-decoration: none
    }
a:hover {
    color: #7F4E52;
    /* background-color: #333333; */
    text-decoration: none;
    }
a:active {
    color: #333333;
    }
    h3 {
    color: #808080
    }
    h4 {
    color: #808080
    }

/* #reverse { */
       FLOAT: left;
       FONT-FAMILY: Overlock,"Droid Serif", Ubuntu,  Verdana, sans-serif; 
	/*  overall font size of all pages   */
	background-color: #000000;
	color: #ffffff;
	/* FONT-SIZE: 50px;  */
	MARGIN-LEFT: 1px; 
	 MARGIN-RIGHT: 1px; 
	PADDING: 20px 20px 20px 20px; 
	TEXT-ALIGN: left; 
	TOP: 100px;  
}







cite { 
	font-size: 1.2em;
	float: left;	
}
  

blockquote {
font: 1.3em Overlock, "Droid Serif", Georgia, "Times New Roman", Times, serif; 
width: 200px;
background: url(../gif/quoteend.png) no-repeat right bottom;
padding-left: 18px;
text-indent: -28px;
}

blockquote:first-letter {
background: url(../gif/quotestart.png) no-repeat left top;  
padding-left: 18px;
font: italic 3em Overlock, "Droid Serif", Georgia, "Times New Roman", Times, serif;
}







/* <style type="text/css">  */
/*.somediv{ */
width: 600px;
clear: left;
border: 1px solid gray;
}

/* .somediv .floatbox{ */
float: left;
width: 200px;
}

/* * html .somediv p{ /* IE 3px jog hack*/ */
height: 1%;
}

/* .somediv p{ */
margin-top: 0;
margin-left: 205px;
}

</style>