body  {
background : #666666;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 70%;
text-align : center;
margin: 0px;
padding: 0px;
color: #FFFFFF;

}

#wrapper {
width:550px;
border-top: 0px; 
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
margin : 0 auto;
padding: 0px 0px 0px 0px;
text-align : left;
}

* html #wrapper { /* the * html hack to force IE5.2 mac & IE 6.0 Win */

width: 552px;

}

#topblock {
padding: 5px 0px 11px 0px;
/*background-color: #666666;*/
}


/* the upper navigation bar */
/* A narrow horizontal container that centers its content */
 #navigationblock {
 width:100%;
 float: left;
 border-top: 1px solid #eeeeee;
/* border-bottom: 1px solid #eeeeee;*/
 padding: 2px 0px 2px 0px;
 /*background: #666666;*/
 text-align: center;
 }


/* "navigation ul" styles turn an UL into a horizontal navigational bar */
 #navigationblock ul {
 display: inline;
 margin: 0; /* removes indent IE and Opera */
 padding: 0; /* removes indent Mozilla and NN7 */
 }

/* border-left adds a "|" seperator between links */
 #navigationblock ul li {
 border-left: 0px solid #999999;
 display: inline; /* sets orientation across the containing element */
 list-style: none; /* turns off display of bullet */
 }

/* Adds padding and link color */
 #navigationblock a {
 color: #eeeeee;
 text-decoration: none;
 }

/* Changes the background color when the link is hovered */
 #navigationblock li a:hover {
 color: #FFCC99;
 text-decoration: none;

 }
 
/* Changes the background color when PHP says this is the current page */

#navigationblock a#currentpage { 
background: #eeeeee;
padding-top: 0.2em;
padding-bottom: 0.2em;
color:#666666; 
/*border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;*/
 }

/* the lower navigation bar */

#navigationblock2 {
 width:100%;
 float: left;
 border-top: 1px solid #eeeeee;
 border-bottom: 1px solid #eeeeee;
 padding: 2px 0px 2px 0px;
 /*background: #666666;*/
 text-align: center;
 }


/* "navigation ul" styles turn an UL into a horizontal navigational bar */
 #navigationblock2 ul {
 display: inline;
 margin: 0; /* removes indent IE and Opera */
 padding: 0; /* removes indent Mozilla and NN7 */
 }

/* border-left adds a "|" seperator between links */
 #navigationblock2 ul li {
 border-left: 0px solid #999999;
 display: inline; /* sets orientation across the containing element */
 list-style: none; /* turns off display of bullet */
 }

/* Adds padding and link color */
 #navigationblock2 a {
 color: #eeeeee;
 text-decoration: none;
 }

/* Changes the background color when the link is hovered */
 #navigationblock2 li a:hover {
 color: #FFCC99;
 text-decoration: none;

 }
 
/* Changes the background color when PHP says this is the current page */

#navigationblock2 a#currentpage { 
background: #eeeeee;
padding-top: 0.2em;
padding-bottom: 0.2em;
color: #666666;
/*border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;*/
 }

#imageport {
display: inline;
background-color: #eeeeee;
}



#contentbody{
clear: both;
/*border-top: 0px solid #eeeeee;*/
padding: 0px 5px 25px 6px;

}
* html #contentbody{ /* the * html hack to force IE5.2 mac & IE 6.0 Win */
clear: both;
/*border-top: 0px solid #eeeeee;*/
padding: 0px 5px 5px 6px;
}


 #contentbodyL{ 
float: left;
margin-top: 6px;
padding: 0px 5px 25px 6px;
width: 350px;
}

* html #contentbodyL{ /* the * html hack to force IE5.2 mac & IE 6.0 Win */
margin-top: 6px;
width: 364px;
}


#contentimgL{
width: 160px;
float: left;
padding: 2px 0px 2px 0px;
}

#contentimgR{
padding: 0px 0px 6px 0px;
}


#contentbodyR{ /*IE6 Win rules ONLY in this declaration*/
float: right;
/*background-color: #999999;*/
margin-top: 10px;
border-left: 1px solid #eeeeee;
padding: 2px 10px 0px 15px;
width: 175px;
}

html>body #contentbodyR{ /*the child-selecor hack targets all other browsers (Safari, Firefox,) except IE6 Win; which uses the style rule above */
width: 150px;
border-left: 1px dotted #eeeeee;
}


#pullquoteinner{
	font-size : 140%;
	font-family : Geneva, sans-serif;
	background-color: #999999;
	margin-top: 6px;
	border: 0px dotted #eeeeee;
	padding: 1px 5px 6px 15px;
	font-style: normal;
}

* html #pullquoteinner{ /* the * html hack to force IE5.2 mac & IE 6.0 Win */
margin-top: 0px;
}

#clear{

clear: both;

}



/* the new ends */

#sectionname {
clear: both;
   
border-top: 1px solid #eeeeee;
background-color: #eeeeee;
border-bottom: 1px solid #eeeeee;
padding: 0px 0px 2px 8px;
text-align : left;

}

* html #sectionname { /* the * html hack to force IE5.2 mac & IE 6.0 Win */
clear: both;


}

#footerwrapper {
width : 552px;
margin : 0 auto;
padding: 0px 0px 0px 0px;
text-align: center;
}

* html #footerwrapper {
width : 552px;
margin : 0 auto;
padding: 0px 0px 0px 0px;
text-align: center;
}



#footerbar {
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
padding: 15px 0px 20px 0px;
}

.h3 {
font-size: 120%;
color: #666666;
}

h4 {
color: #666666;
font-size: 120%;
}

* html h4 { /* the * html hack to force IE5.2 mac & IE 6.0 Win */
font-size: 100%;
color: #666666;
}

/* image array bits */



.imgcycle  {
font-size : 75%;
text-align : right;
color: #666666;


}

.imgcycle a {
font-size : 75%;
text-align : right;
color: #000000;
text-decoration: none;

}

.imgcycle a:hover {
color: #FFCC99;
text-decoration: none;

}

/* styles the hyperlinks within the main body of the text */
#contentbody a {
 color: #eeeeee;
 text-decoration: none;
 }

/* Changes the background color when the link is hovered */
 #contentbody a:hover {
 color: #FFCC99;
 text-decoration: none;

 }
/* styles the hyperlinks outside the main body of the text */
#linksoutsidewrap a {
 color: #eeeeee;
 text-decoration: none;
 }

/* Changes the background color when the link is hovered */
 #linksoutsidewrap a:hover {
 color: #FFCC99;
 text-decoration: none;

 }

/* styles the dynamic image caption below the section heading */
#caption {

padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 8px;
background-color:#999999;
font-size : 85%;
text-align: right;
color: #eeeeee;

}

.imageprompt {
font-size : 100%;
float: left;
color: #333333;

}

* html #caption { /* the * html hack to force IE5.2 mac & IE 6.0 Win */

padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 8px;
background-color:#999999;
font-size : 85%;
text-align: right;
color: #eeeeee;

}

* html .imageprompt { /* the * html hack to force IE5.2 mac & IE 6.0 Win */
font-size : 100%;
text-align: left;
color: #333333;
}

form#image { 
display: inline;
margin: 0;
background-color:#999999;

}

* html form#image { /* the * html hack to force IE5.2 mac & IE 6.0 Win */
display: inline;
margin: 0;
background-color:#999999;


}

img {

display: block;

}