 <!--  side bar  color    is ffeb99  -->
 <!--  main body color    is fff5cc  -->
 <!--  top gold bar color is ffcc00  -->
 
 	a:link     {text-decoration: none; color: #000000;}
    a:visited  {text-decoration: none;   color: #000000;}
    a:hover    {text-decoration: none; text-decoration: underline; font-weight:bold; color: #FFCC00;}
    a:active    {text-decoration: none; text-decoration: underline; font-weight:bold; color: #000000;}

 	
  .test{
  	a:link {text-decoration: none; background: #000000; font-weight:bold; color: #white;}
    a:hover {text-decoration: none; background: #000000; font-weight:bold; color: white;}
    a:active {text-decoration: none; background: #000000; font-weight:bold; color: white;}
  }
  
.table {
	cell-spacing:0;
	cell-padding:0;
	border:0;
	
}

.bottombar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: black;
}

.pageTemplateLeftBar{  
	font-family: verdana;
	font-size: 10px;	
}

.style1 {
	font-family: verdana;
	font-size: 24px;
	font-weight: bold;
	
}

.topNavBar {
	font-family: verdana;
	color: #000000;
	align: center;
	text-align: center;
}


.topNavBarWithBottomBar {
	font-family: verdana;
	color: #000000;
	align: center;
	text-align: center;
	border-spacing: 0px;
	border-right: hidden; 
  	
  	border-width: 0px 0px 1px 0px;
	border-style: inset inset inset inset;
	border-color: black red #ffcc00 blue;
	background-color: white;
}

.topNavBar td {
	font-size: 10pt;
	background-color: FFCC00;
	color: #000000;
	text-align: center;	
}

.topNavBar td.selected {
	background-color: 000000;
	color: #FFCC00;
	text-align: center;	
}

.topNavBarGoldOnly {
	background-color: FFCC00;
}

.leftNavBar td {
	font-size: 10pt;
	background-color: FFeb99;
	color: #000000;	
}

.titlefont1Grey {
	font-family: verdana;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}

.taglineTop a:link{
	font-family: verdana;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}

.taglineTop a:visited{
	font-family: verdana;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}

.taglineTop a:hover{
	font-family: verdana;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}

.taglineTop a:active{
	font-family: verdana;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}

.titlefont2 {
	font-family: verdana;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	color: #000000;
}

.titlefont18 {
	font-family: verdana;
	font-size: 18px;
	font-weight: normal;
	text-transform: lowercase;
	color: #000000;
}

.tableBorderBottom {
	border-spacing: 0px;
	border-right: hidden; 
    border-width: 0px 0px 2px 0px;
	
	border-style: inset inset inset inset;
	border-color: black red #ffcc00 blue;
	background-color: white;
}
.titlefont20 {
	font-family: verdana;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #000000;
}
.titlefont3 {
	font-family: verdana;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	text-transform: lowercase;
}

.mainPageNew {
	font-family: verdana;
	font-size: 12px;
	color: #fff5cc;
	font-weight: normal;
	}
	
.mainPage {
	font-family: verdana;
	font-size: 12px;
	color: #fff5cc;
	font-weight: normal;
	background-color: #feec9a;
	}
	
.sideBar {
	font-family: verdana;
	font-size: 12px;
	font-style: bold;
	background-color: ffeb99;
	color: #000000;
}
	
.sideBarInputs {
	position: absolute;
	top: 440px;
	width: 150px;
	font-family: verdana;
	font-size: 12px;
	font-style: bold;
	background-color: ffeb99;
	color: #000000;
}
	
.sideBar2 {
	font-family: verdana;
	font-size: 11px;
	font-style: bold;
	background-color: ffeb99;
	color: #000000;	
}


.sideBar3 {
	font-family: verdana;
	font-size: 12px;
	font-style: bold;
	background-color: ffeb99;
	color: #fffffff;	
}

.textNextToTextBoxffcc00 {
	font-family: verdana;
	font-size: 11px;
	font-style: bold;
	color: ffcc00;	
}

.textTopOfScreen {
	font-family: verdana;
	font-size: 14px;
	font-style: bold;
	color: ffcc00;	
}
.textNextToTextBox {
	font-family: verdana;
	font-size: 11px;
	font-style: bold;
	color: #000000;	
}

.tinyBlackText {
	font-family: verdana;
	font-size: 10px;
	font-style: bold;
	color: #000000;	
}

.inputBox {
	font-family: verdana;
	font-size: 10px;
	font-style: bold;
	color: #000000;	
	text-align: top;
	height: 15px;
	border-style: none;
}

.mainPage td.navigation{
	background-color: #feec9a;
	color: #000000;
	
}

.loginBox tr.login{
	font-size: 12px;
	color: #FFFFFF;
	background-color: 000000;
	
}

.loginBox {
	font-family: verdana;
	background-color: #ffcc00;
	
}

.loginBox tr.register{
	font-size: 12px;
	background-color: #FFeb99;
	color: #000000;
	
}

.mainPage td.body{
	background-color: #fff5cc;
	color: #000000;
	font-weight: normal;
	
}

.content td{
	font-size: 14px;	
		
}

.content ul{
	list-style-image:url("images/bullet.jpg")	
	
}

.content li{
	font-family: verdana;
	font-size: 12pt;
	font-weight:bold;
	line-height:23pt;
	
}

.chargeInfo table{

}
	
.mainPage12_5gold {
	font-family: verdana;
	font-size: 12px;
	color: ffcc00;
}

.mainPage14 {
	font-family: verdana;
	font-size: 14px;
	color: #000000;	
}

.mainPage14LoginPage {
	font-family: verdana;
	font-size: 14px;
	color: #000000;
	background-color: ffeb99;
	
}

.mainPage16 {
	font-family: verdana;
	font-size: 16px;
	color: #000000;
	
}
.mainPage17 {
	font-family: verdana;
	font-size: 17px;
	color: #000000;
	
}
.mainPage18 {
	font-family: verdana;
	font-size: 18px;
	color: #000000;
	
}
.mainPage11 {

	font-family: verdana;
	font-size: 11px;
	color: #000000;
	
}

.mainPage11half {

	font-family: verdana;
	font-size: 11.5px;
	color: #000000;
	
}
.mainPage12 {

	font-family: verdana;
	font-size: 12px;
	color: #000000;
	
}

.mainPage10 {
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	
}
.mainPage15 {
	font-family: verdana;
	font-size: 15px;
	color: #000000;
	
}

.mainPage15Notbolder {
	font-family: verdana;
	font-size: 15px;
	font-weight: normal; 
	color: #000000;
	
}
.mainPage11Orange {
	font-family: verdana;
	font-size: 11px;
	font-style: bold;
	color: #ffcc00;
	
}

.mainPage15Orange {
	font-family: verdana;
	font-size: 15px;
	font-style: normal;
	color: #ffcc00;
	
}

.inputItems {
	text-align: top;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: black;
	trim: true;
}

.inputItemsDetails a:link{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.inputItemsDetails a:visited{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.inputItemsDetails a:hover{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}
.inputItemsDetails a:active{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.inputDetails {
	font-family: verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: black;
	padding: 10px;
}

.inputItemsHeader {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: black;
}

.blankSeperate {
	font-size: 0px;
}

#leftAccurate a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftAccurate a {
	position: absolute;
	top: 134px;
	background:#E8E8E8 url(./images/sideIsAccurate.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftAccurate a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftAccurate a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftAccurateOn {
	position: absolute;
	top: 134px;
	background:#E8E8E8 url(./images/sideIsAccurate.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftSavingsOpp a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftSavingsOpp a {
	position: absolute;
	top: 185px;
	background:#E8E8E8 url(./images/sideIsSavingsOpp.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftSavingsOpp a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftSavingsOpp a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftSavingsOppOn {
	position: absolute;
	top: 185px;
	background:#E8E8E8 url(./images/sideIsSavingsOpp.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftIsWhatIf a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftIsWhatIf a {
	position: absolute;
	top: 236px;
	background:#E8E8E8 url(./images/sideIsWhatIf.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftIsWhatIf a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftIsWhatIf a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftIsWhatIfOn {
	position: absolute;
	top: 236px;
	background:#E8E8E8 url(./images/sideIsWhatIf.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftIsWhatIfShop a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftIsWhatIfShop a {
	position: absolute;
	top: 287px;
	background:#E8E8E8 url(./images/sideIsWhatIfShop.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftIsWhatIfShop a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftIsWhatIfShop a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftIsWhatIfShopOn {
	position: absolute;
	top: 287px;
	background:#E8E8E8 url(./images/sideIsWhatIfShop.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftIsCompare a {
	position: absolute;
	display: block;
	width: 150px;
	height: 151px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftIsCompare a {
	position: absolute;
	top: 338px;
	background:#E8E8E8 url(./images/sideIsCompare.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftIsCompare a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftIsCompare a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftIsCompareOn {
	position: absolute;
	top: 338px;
	background:#E8E8E8 url(./images/sideIsCompare.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftAnalyzeAnother a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftAnalyzeAnother a {
	position: absolute;
	top: 389px;
	background:#E8E8E8 url(./images/sideAnalyzeAnother.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftAnalyzeAnother a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftAnalyzeAnother a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftAnalyzeAnotherOn a:hover {
	position: absolute;
	top: 389px;
	background:#E8E8E8 url(./images/sideAnalyzeAnother.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

<!-- Analyze another on is your bill accurate screen -->
#leftAnalyzeAnother_2 a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftAnalyzeAnother_2 a {
	position: absolute;
	top: 338px;
	background:#E8E8E8 url(./images/sideAnalyzeAnother.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftAnalyzeAnother_2 a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftAnalyzeAnother_2 a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftAnalyzeAnotherOn_2 a:hover {
	position: absolute;
	top: 338px;
	background:#E8E8E8 url(./images/sideAnalyzeAnother.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}


#leftHistoryReport a {
	position: absolute;
	display: block;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margin-top: 0px;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap
}

#leftHistoryReport a {
	position: absolute;
	top: 389px;
	background:#E8E8E8 url(./images/sideIsSavingsOpp.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
	background-position: 0px;
}

#leftHistoryReport a:visited {
	position: absolute;
 	color: red;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: 0px;
}

#leftHistoryReport a:hover {
	position: absolute;
 	color: yellow;
 	width: 150px;
 	height: 51px;
 	min-height: 51px;
 	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}

#leftHistoryReport {
	position: absolute;
	top: 389px;
	background:#E8E8E8 url(./images/sideIsSavingsOpp.gif) no-repeat;
	width: 150px;
	height: 51px;
	min-height: 51px;
	margins: 0px;
	padding: 0px;
 	background-position: -150px; 
}


.contentContainer {
	font-family: verdana;
	margin-left: 35px;
}

.headerSavingsOpp {
	font-family: verdana;
	padding:5px;
	font-size: 1.5em;
	font-weight: bold;
}

.lowercase {
	text-transform: lowercase;
}
.blackbox {
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-top: 5px;
padding-left: 5px;
height: auto;
padding-bottom: 10px;
}

.blackbox a:link {
color: #FFFFFF;
}
.started {
margin-top: 5px;
background-color: #ffeb99;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-left: 5px;
line-height: 150%;
margin-right: 5px;
}
/* FOOTER */
.info {
text-align: center;
width: 654px;
padding: 10px 0px 0px 10px;
background-color: #ffeb99;
font-size: 10px;
}

.info a:visited {
text-decoration: none;
color: #000000;
}

.footer {
background-color: #ffeb99;
height: auto;
float: left;
text-align:center;
padding: 0px 5px 5px 10px;
margin-top: 2px;
margin-bottom: 0px;
width: 554px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 0px;
padding-right: 0px;
margin-left: -1px;
clear: both;
}

.footer a{
color: #000000;
text-decoration: none;
}

.footer a:visited {
color: #000000;
text-decoration: none;
}

.footer a:hover {
color: #000000;
text-decoration: underline;
}
/*CONTACT US----------------------*/
.contactTitle {
padding: 8px 8px 8px 8px;
background-color: #ffcc00;
width: 300px;
font-weight: bold;
font-size: 13px;
}

.contactTitle a:visited {
color: #000000;
}
.contactInfo {
padding: 0 0 0 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
/*LIST STYLES*/
li.list1 {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	width: 101px;
	height: 40px;
	overflow: hidden;
	line-height: 300%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	list-style-type: none;
}

li.list1 a {
height: 40px;
display: block;
color: #333333;
text-decoration: none;
background-color: #ffcc00;
}

li.list1 a:hover {
background-color: #000000;
text-decoration: none;
color: #FFFFFF;
}

li.list2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	text-align: center;
	list-style-type: none;
}

li.list3 { 
	margin: 0px;
	padding-bottom: 10px;
	padding: 0px;
	float: left;
	width: 70px;
	height: 20px;
	line-height: 200%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	list-style-type: none;
	}

li.list3 a {
display: block;
color: #000000;
text-decoration: none;
}

li.list3 a:visited {
display: block;
color: #000000;
text-decoration: none;
}

li.list3 a:hover {
background-color: #000000;
text-decoration: underline;
color: #FFFFFF;
}

li.list4  {
	margin: 0px;
	padding-bottom: 20px;
	padding: 0px;
	float: left;
	text-indent: 2px;
	height: 40px;
	line-height: 300%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	list-style-type: none;
}

li.list4 a {
color: #000000;
text-decoration:none;
}

li.list4 a:visited {
color: #000000;
text-decoration:none;
}

li.list4 a:hover {
color: #000000;
text-decoration: underline;
}

li.howitworks {
list-style-image: url(images/bullet.gif);
font-weight: normal;
}

ul.ul2 a:link {
text-decoration: none;
color: #000000;
font-size:12px;
}

ul.ul2 a:visited {
text-decoration: none;
color: #000000;
font-size:12px;
}

ul.ul2 a:hover {
text-decoration: underline;
color: #000000;
font-size:12px;
}

#container {
	position: relative;
    min-height: 100%;
	}
/*TOP MENU*/
#nav {
background-color: #FFFFFF;
width: 809px;
height: 120px;
float: left;
margin: 0;
padding: 0;
}

#nav ul {
margin: 0;
padding: 0;
position: absolute;	top: 80px; left: 405px;
}

#nav ol {
margin: 0;
padding: 0;
position: absolute;	top: 0px; left: 459px;
}

.title {
width: 405px;
height:118px;
display: inline;
float: left;
padding-right:0px;
padding-left: 0px;
margin:0;
border: none;
vertical-align: top;

}

.title img{
border: none;
}
/*HOW IT WORKS -------------------------------- */
#worksgallery {
width: 600px;
position: relative; left: -50px;
}

#worksgallery li{
padding:0; 
margin:5; 
list-style-type:none; 
width:100px; 
height: 225px;
float: left;
text-align: center;
margin: 5px;
font-weight: bold;
display: inline;
overflow: hidden;
}

#worksgallery li a:visited {
color: #000;
}

#worksgallery li a:hover {
color: #ffcc00;
text-decoration: none;
}
/*I like this------------------------------
#worksgallery li a:hover {
background-color: #fce998;
display: block;
}
*/

#worksgallery img {
padding: 10px 0 10px 0;
margin: 5px 0 0 0;
text-align: center;
border: 1px solid #999999;
}
#worksgallery img a:hover {
border: 1px solid #999999;
} 

/*HOW IT WORKS POP UP WINDOWS--------------------*/

.newworks{
border: 0px solid #666666;
margin: 10px;
}
/*H STYLES */
/* h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CCCCCC;
font-style: italic;
font-weight: bold;
position: absolute; top: 30px; left: 410px;
margin: 0;
padding: 0;
}*/

h1 a:link{
color: #CCCCCC;
text-decoration: none;
}

h1 a:visited {
color: #CCCCCC;
text-decoration: none;
}
h1 a:hover {
color: #CCC;
text-decoration: none;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-style: italic;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#000000;
margin: 0;
padding: 0;
padding: 10px 0 5px 0;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin: 0;
padding: 0;
font-weight: lighter;
text-align: center;
background-color: #ffeb99;
}

h4 a{
font-weight: bold;
color: #000000;
text-decoration: none;
}

h4 a:visited {
color: #000000;
text-decoration: none;
}

h4 a:hover {
color: #ffcc00;
text-decoration: none;
}

h5 {
width: 200px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
float: right;
margin, padding: 0;
}