html {
height : 100%;
}
body {
font-family : arial, sans-serif;
padding : 0;
margin : 0;
font-size : 0.78em;
background : #fff url(http://cache.mediatoenvy.com/images/style/back.png) repeat-x;
color : #555;
}
p {
margin : 0;
padding : 0 0 16px 0;
line-height : 1.7em;
}
h1, h2, h3, h4 {
font-size : 110%;
letter-spacing : 0.1em;
padding : 7px 0 5px 0;
margin : 0 0 12px 0;
text-transform : uppercase;
font-weight : normal;
color : #71ab0b;
}
img {
border : 0;
margin : 0;
padding : 0;
}
a {
outline : none;
}
.left {
float : left;
border-right : 18px solid;
width : auto;
border-color : #fff;
}
.right {
float : right;
border-left : 18px solid;
width : auto;
border-color : #fff;
}
.center {
display : block;
text-align : center;
margin : 0 auto;
}
blockquote {
margin : 20px 0 20px 0;
padding : 10px 20px 0 20px;
border-left : 8px solid;
background : #eef4f4;
border-color : #377ca0;
}
ul {
margin : 2px 0 18px 16px;
padding : 0;
}
ul li {
list-style-type : square;
margin : 0 0 6px 0;
padding : 0;
}
ol {
margin : 8px 0 0 24px;
padding : 0;
}
ol li {
margin : 0 0 11px 0;
padding : 0;
}
#main, #footer, #logo, #menubar, #site_content {
margin-left : auto;
margin-right : auto;
}
#main {
width : 760px;
}
#main, h4, #content a, #content a:hover {
background : transparent;
color : #555;
}
#logo {
width : 760px;
height : 81px;
}
#logo h1 {
font-size : 200%;
padding : 24px 0 0 0;
float : left;
text-transform : lowercase;
width : auto;
}
#colours {
text-align : right;
padding : 30px 0 0 0;
}
#menubar {
height : 50px;
width : 760px;
}
ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover {
background : #646b5c url(http://cache.mediatoenvy.com/images/style/menu-select.png) repeat;
}
ul#menu {
margin : 0;
}
ul#menu li {
float : left;
margin : 0;
padding : 0;
list-style : none;
width : auto;
}
ul#menu li a {
font-family : verdana, sans-serif;
display : block;
float : left;
height : 30px;
text-decoration : none;
padding : 16px 15px 4px 15px;
background : transparent;
color : #fff;
text-align : center;
width : auto;
}
#site_content {
overflow : hidden;
padding : 105px 0 0 0;
width : 760px;
}
.sidebar {
float : right;
width : 190px;
padding : 5px 0 5px 5px;
background : #fff;
color : #555;
}
.sidebaritem {
text-align : left;
width : 185px;
float : left;
margin : 0 0 15px 0;
background : #fff;
color : #555;
}
.sidebaritem h1, .sidebaritem h3, .sidebaritem p {
margin : 8px 10px 10px 12px;
}
.sidebaritem ul {
border-top : 1px solid;
width : 171px;
padding-top : 4px;
margin : 4px 0 15px 14px;
border-color : #d6d9c9;
}
.sidebaritem li {
list-style : none;
padding : 0 0 4px 0;
border-bottom : 1px solid;
border-color : #d6d9c9;
}
.sidebaritem li a, .sidebaritem li a:hover {
text-decoration : none;
padding : 0 0 0 18px;
display : block;
background : transparent url(http://cache.mediatoenvy.com/images/style/arrow.png) no-repeat left center;
color : #555;
}
.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover {
background : transparent url(http://cache.mediatoenvy.com/images/style/arrow-select.png) no-repeat left center;
}
#content {
text-align : left;
float : left;
width : 550px;
padding : 12px 15px 15px 0;
}
#content h1 {
font-size : 125%;
}
#content a, #footer a {
border-bottom : 1px dotted;
}
#content a:hover, #footer a:hover {
border-bottom : 1px solid;
}
#content a.colour, #content a.colour:hover {
border-bottom : 0;
}
#footer {
height : auto;
width : 100%;
padding : 18px 0 4px 0;
text-align : center;
background : transparent url(http://cache.mediatoenvy.com/images/style/footer.png) repeat;
color : #fff;
border-color : #ccd0ba;
}
#content a, #content a:hover, #footer a, #footer a:hover {
text-decoration : none;
}
#footer a, #footer a:hover {
background : transparent;
color : #fff;
}
.galleryimage {
border : 2px solid #CCCCCC;
margin : 0;
padding : 5px;
}
table {
border-collapse: collapse;
}
th strong {
color: #FFF;
}
th {
background: #333;
height: 29px;
padding-left: 12px;
padding-right: 12px;
color: #FFF;
text-align: left;
border-left: 1px solid #949C88;
border-bottom: solid 2px #FFF;
border-width: thin; 
border-color: #949C88;
}
tr {
height: 30px;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F2F1E0;
}
tr.row-b {
background: #FFFFFF;
}