html, body {
margin : 0;
} 
#header {
position: relative;
Height: 130px;
left: 0px;
border: 0px solid #f0f5fb;
}

#logo{
/* CENTERS TEXT */
text-align:center;
/* CENTERS TEXT */

/* CENTERS DIV ELEMENT */
margin:0 auto;
width:1000px;
/* CENTERS DIV ELEMENT */

/* MOVE THE PLACE OF THE DIVE RELATIVELY TO THE DIV OUTSIDE IT*/
position:relative;
top:0px;
left:0px;
right:0px;
bottom:0px;
/* MOVE THE PLACE OF THE DIVE RELATIVELY TO THE DIV OUTSIDE IT*/
}


#footer_image{
/* BACKGROUND IMAGE OPTIONS */

/* NOTE: IMAGE SHOULD HAVE A TRANSPERANT or THE SAME AS BACKGROUND TO FIT THE SITE*/
	background:url(../image-files/footer-image.png) no-repeat;
	height:50px;
	width:600px;
/* BACKGROUND IMAGE OPTIONS */
/* CENTERS DIV ELEMENT */
margin:0 auto;
/* CENTERS DIV ELEMENT */
}

.Liner {
padding: 0px;
}
#footer .Liner {
margin: 0;
padding: 0;
}
#wrapper { 
float : left;
width : 100%;
margin-bottom : 20px;
} 
#content { 
padding: 20px 20px 10px 20px;
font-size: 110%;
font-weight: ;
color: black;
line-height: 100%;
text-align: center;
margin : 0 20%;
} 
#left { 
float : left;
width : 20%;
margin-left : -100%;
} 
#right { 
float : left;
width : 20%;
margin-left : -20%;
}
#footer { 
clear : both;
border-top : 1px solid #80c8ff;
text-align : center;
color : black;
margin-left:auto;
margin-right:auto;
padding : 0px 0px;
background-image : url(../image-files/footerbg3.jpg);
font-family : "arial", helvetica, sans-serif;
font-size : 90%;
background-repeat : repeat-x;

} 
#sidebar {
border-bottom : 1px solid #cecece;
} 
#sidebar ul { 
margin : 0;
padding : 0;
list-style : none;
font-family : "arial", helvetica, sans-serif;
} 
#sidebar li a { 
display : block;
font-weight : 0;
font-size : 0.8em;
color : black;
border-right : 1px solid #999999;
padding : 7px 0 4px 20px;
background-image : url(../image-files/menubg1.jpg);
text-decoration : none;
} 
#sidebar li a:hover { 
color : blue;
background-image : url(../image-files/menubg3.jpg);
} 
#sidebar li li {
white-space: nowrap;
width: 15em;
margin-left: 20px;
position: relative;
}
#sidebar p { 
font-family : "arial", helvetica, sans-serif;
}
#leftbox { 
margin-top : 20px;
border : 1px solid #999999;
background-image : url(../image-files/rbbg1.jpg);
background-repeat : no-repeat;
background-position : top 0%;
} 
#leftbox p { 
margin-top : 0;
} 
#leftbox h2 { 
font-family : "arial", helvetica, sans-serif;
font-size : 0.9em;
margin-top : 5px;
margin-left : 20px;
color : black;
} 
.rightbox { 
border : 1px solid #999999;
background-image : url(../image-files/rbbg1.jpg);
background-repeat : no-repeat;
background-position : top 0%;
} 
.rightbox p { 
margin-top : 0;
} 
.rightbox h2 { 
font-family : "arial", helvetica, sans-serif;
font-size : 0.9em;
margin-top : 5px;
margin-left : 20px;
color : black;
} 
p { 
padding : 10px;
margin : 0 30px 0 30px;
font-family : "arial", helvetica, sans-serif;
font-size : 14px;
text-align : justify;
}
#footer p {
text-align : center;
} 
img { 
border : 0;
} 
h1 { 
display : ;
} 
a { 
color : #84d5fa;
color : blue;
text-decoration: underline;
} 
a:hover {
color: red; 
} 
ul { 
list-style-type : none;
}
blockquote { 
font-family : cursive;
color : black;
border : 1px solid #999999;
padding: 10px;
margin: 0px 40px 0 40px;
text-align : center;
background-image : url(../image-files/bqbg.jpg);
background-repeat : repeat-x;
}  

/* --------------------------------------- */
/* -- Thumbnail-with-Caption Navigation -- */
/* --------------------------------------- */

.ThumbnailLink {
text-align: center;
}
.ThumbnailLink a:link {
text-decoration: none;
}
.ThumbnailLink a:hover .Caption {
text-decoration: underline;
color: red;
}

/* -------------------------------------------------- */
/* Header Extra Navigation Bar */
/* -------------------------------------------------- */
	
	#roundbar-blue {
		clear:both;
		float:left;
		width:100%;
		background:#80C8FF url(../image-files/roundbar-blue.gif) 0 25% repeat;
		font-family: "arial", helvetica, sans-serif;
		font-size : 0.80em;
		border-bottom: 1px solid #49A9FF;
		overflow:hidden;
	}
	#roundbar-blue ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
	}
	#roundbar-blue a:link {
	color: black; 
	}
	#roundbar-blue a:visited {
	color: purple; 
	}
	#roundbar-blue a:hover {
	color: blue; 
	}
	#roundbar-blue ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#roundbar-blue ul li.first {
		border-left:1px solid #49A9FF;
	}
	#roundbar-blue ul li.last {
		border-right:1px solid #99D8FF;
	}
	#roundbar-blue ul li a {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#000;
		text-decoration:none;
		border-left:1px solid #99D8FF;
		border-right:1px solid #49A9FF;
		line-height:0.90em;
	}
	#roundbar-blue ul li.active a {
		background:url(../image-files/menubg1.jpg) 0 75% repeat;
		border-left:1px solid #49A9FF;
		font-weight:0;
	}
	#roundbar-blue ul li a:hover {
		background:url(../image-files/menubg3.jpg) 0 75% repeat;
	}
	#roundbar-blue ul li a span {
		display:block;
	}
	
/* -------------------------------------------------- */
/* Footer Extra Navigation Bar */
/* -------------------------------------------------- */
	
.ExtraNav {
font-family: "arial", helvetica, sans-serif;
}
.ExtraNav ul {
list-style-type: none;
padding: 0;
}
.ExtraNav ul li {
display: inline;
background-color: 80C8FF;
border: 1px solid #80C8FF;
text-align: center;
}
.ExtraNav a:link {
color: black;
text-decoration: none;
text-align: center;
padding: 0 4px;
}
.ExtraNav a:visited {
color: purple;
text-decoration: none;
}
.ExtraNav a:hover {
color: blue;
background: url(../image-files/menubg3.jpg);
text-decoration: underline;
}
#Footer .ExtraNav {
display: inline;  /*this line was inserted for experiment with white color on extra links*/
margin: 12px auto 0px auto;}

/* ------ Section 6 - Boxes ------ */

.CalloutBox {
background-color: #fff;
width: 85%;
border: 1px dotted #8f8fb3;
margin: 18px auto 15px auto;
padding: 4px;
color: black;
}
.CalloutBox1{
float: center;
background-color: #fff;
width: 100%;
z-index: 1;
}
div.CalloutBox p {
margin: 13px;
}
p.CalloutBox {
padding: 13px;
}
div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}
.ReminderBox {          
background-color: #ddd;
width: 24%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}
.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}
.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 120%;
}
.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
padding: 5px;
background-color: white;
border: 0px;
}
.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}
.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}
.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}
.ReturnToNavBox {
background-color: #fff;
width: 90%;
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
margin: 0 auto 12px auto;
padding: 4px;
}

/* -- RSS Box -- */
#RSSbox {
width: 92%;
background-image: url(../image-files/background2.gif);
background-color: #80C8FF;
border: 1px solid #8f8fb3;
margin: 3px auto 10px 3px;
padding: 0px 2px 10px 10px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 70%;
text-align: center;
}

/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
clear: both;
}
.Caption {
font-size: 85%;
font-weight: bold;
color: #000;
display: block;
line-height: 150%;
margin-bottom:10px;
}

/* -- floats -- */

.ItemRight {
float: right;
margin: 2px 30px 12px 10px;
text-align: center;
}
.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: 0;
}
.ItemLeft {
float: left;
margin: 2px 10px 12px 30px;
text-align: center;
}

/* -- Headlines -- */

h1, h2, h3, h4, h5, h6 {
background-color: transparent;
color: #1d487e;
clear: both;
font-size: 110%;
}
h2, h3, h4, h5, h6 {
margin-top: 24px;
}
h1 {
margin-top: 5px;
font-family: "arial", helvetica, sans-serif;
border-bottom: 0px solid #8f8fb3;
text-align: center;
}
h2 {
font-family: "arial", helvetica, sans-serif;
border-bottom: 0px solid #8f8fb3;
}
h3 {
font-family: "arial", helvetica, sans-serif;
border-bottom: 0 solid #8f8fb3;
}