#demo-container{
text-align: center;
background:#000000;
} 

ul#menu {
list-style-type:none;
width:100%;
position:relative;
height:27px;
font-family: century gothic, helvetica, arial;
font-size:13px;
font-weight:bold;
margin:0;
padding:0px 0 0 86;
}

ul#menu li{
display:block;
float:left;
margin:0 0 0 4px;
height:27px;
}

ul#menu li.left {
margin:0;
}

ul#menu li a{
display:block;
float:left;
color:#fff;
background:#000000;
line-height:27px;
text-decoration:none;
padding:0 17px 0 18px;
height:27px;
}

ul#menu li a.right{
padding-right:50px;
}

ul#menu li a:hover{
background:#000;
}

ul#menu li a.current{
color:#000;
background:#fff;
}

ul#menu li a.current:hover{
color:#000;
background:#fff;
}

body {
background: #262626;
font-size: 12pt;
font-family: helvetica, arial;
color: #000000; 
text-align: center;
}

page {
background-color: #FFFFFF; 
position:relative; 
margin-left:auto; 
margin-right:auto; 
text-align: left; 
top: .5em; width:900px; 
margin-top: 1em; 
margin-bottom: 1.5em; 
border-style: solid;
border-width: .6em;
border-color: #FFFFFF;
}

h1 {
font-size: 12pt; 
font-family: helvetica, arial; 
color: #FFFFFF; 
background-color: #666652;
}

h2 {
font-size: 12pt; 
background-color: #FFFFFF; 
position:relative; 
margin-left:auto; 
margin-right:auto; 
text-align: left; 
top: .5em; width:900px; 
margin-top: 1em; 
margin-bottom: 1.5em; 
border-style: solid;
border-width: .6em;
border-color: #FFFFFF;
}

h3 {
font-size: 12pt;
font-family: helvetica, arial;
color: #000000;
text-align: center;
width:600px; 
margin-left:auto; 
margin-right:auto;
}

img { 
border: none 
}

table.interestsanddetails td {
width:0px; padding:0px;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

a:hover {
color: #626262;
}

a {
text-decoration: none;
}

p {
letter-spacing: 0.025em;
word-spacing: .04em;
line-height: 1.2;
text-align: center;
}

#cg_nav1 { 
height: 50px; 
width: 220px; 
margin: 0 auto;
}

#cg_nav1 a, #cg_nav1 span {
height: 50px;
width: 55px; 
float: left;
background: #fff top left no-repeat; 
}

#cg_nav1 a span, #cg_nav1 span span, #cg_nav1 .cg_divider {
display: none;
}
a#cg_first {
background: url(http://peteandroger.net//images/first%20active.jpg); 
}
a#cg_back { 
background: url(http://peteandroger.net//images/last%20active.jpg); 
}
a#cg_next { 
background: url(http://peteandroger.net//images/next%20active.jpg); 
}
a#cg_last { 
background: url(http://peteandroger.net//images/latest%20active.jpg); 
}
a#cg_first:hover { 
background: url(http://peteandroger.net//images/first%20active.jpg); 
}
a#cg_back:hover { 
background: url(http://peteandroger.net//images/last%20active.jpg); 
}
a#cg_next:hover { 
background: url(http://peteandroger.net//images/next%20active.jpg); 
}
a#cg_last:hover { 
background: url(http://peteandroger.net//images/latest%20active.jpg); 
}
span#cg_first { 
background: url(http://peteandroger.net//images/first%20disabled.jpg); 
}
span#cg_back { 
background: url(http://peteandroger.net//images/last%20disabled.jpg); 
}
span#cg_next { 
background: url(http://peteandroger.net//images/next%20disabled.jpg); 
}
span#cg_last { 
background: url(http://peteandroger.net//images/latest%20disabled.jpg); 
}