#content {
height : 100%; 
min-height : 100%; 
text-align : left; 
} 
#content, #width {
max-width : 1000px; 
margin : 0 auto; 
} 
#content[id], #width[id] {
width : 94%; 
height : auto; 
} 
#header {
position : relative; 
height : 193px; 
} 
#header #title {
position : absolute; 
z-index : 3; 
top : 0; 
left : 270px; 
padding : 10px; 
text-align : right; 
} 
#header h1 {
margin : 0; 
padding : 0; 
font : 900 5.5em "georgia", serif; 
font-weight : bold; 
letter-spacing : -1px; 
color : #bf0000; 
} 
#header h2 {
position : absolute; 
top : 5px; 
right : 150px; 
margin : 0; 
padding : 0; 
font : 700 1.2em "georgia", serif; 
font-weight : bold; 
text-transform : lowercase; 
color : #bf0000; 
} 
#header img.left {
position : absolute; 
z-index : 1; 
top : 0; 
left : 0; 
} 
#header img.right {
position : absolute; 
z-index : 0; 
top : 0; 
right : 0; 
} 
#header img.balloons {
position : absolute; 
z-index : 2; 
top : 70px; 
right : 400px; 
} 
#mainMenu {
float : left; 
width : 100%; 
clear : both; 
} 
#mainMenu ul {
margin : 0; 
padding : 0; 
} 
#mainMenu li {
display : inline; 
list-style : none; 
margin : 0; 
padding : 0; 
} 
#mainMenu li a {
float : left; 
margin : 0 2px; 
padding : 5px 0.5em; 
font : 400 1.6em "trebuchet ms", serif; 
text-decoration : none; 
text-transform : lowercase; 
color : #fff; 
} 
#mainMenu li a:hover, #mainMenu li a.here {
color : #65ebff; 
} 
#mainMenu li a.last {
margin-right : 0; 
} 
ul.sideMenu {
margin : 0; 
padding : 0; 
} 
.sideMenu li {
display : inline; 
list-style-image : url('foo.gif'); 
font-style : normal; 
font-variant : normal; 
font-weight : 400; 
font-size : 1.6em; 
font-family : trebuchet ms, serif; 
} 
.sideMenu li a {
display : block; 
margin : 0.2em 0; 
padding : 3px 5px; 
text-decoration : none; 
color : #fff; 
} 
.sideMenu li a:hover {
color : #65ebff; 
background : #5f5f5f; 
} 
.sideMenu li.here {
display : block; 
padding : 5px; 
color : #65ebff; 
background : #555; 
} 
.sideMenu li.here ul {
margin : 0; 
padding : 0; 
} 
.sideMenu li.here ul li a {
padding-left : 35px; 
color : #fff; 
background : url('../images/bg/bullet.gif') no-repeat 10px 0; 
font-style : normal; 
font-variant : normal; 
font-weight : 400; 
font-size : 0.55em; 
font-family : verdana, arial, sans-serif; 
} 
.sideMenu li.here ul li a:hover {
color : #9ff3ff; 
background : #5f5f5f url('../images/bg/bullet.gif') no-repeat 10px 0; 
} 
#page {
float : left; 
width : 100%; 
clear : both; 
padding-bottom : 4em; 
} 
#footer {
float : left; 
width : 100%; 
clear : both; 
margin-top : -3.8em; 
background : #000 url('../images/bg/footer.jpg') repeat-x top left; 
} 
#footer #width {
position : relative; 
z-index : 3; 
font-size : 0.85em; 
padding-top : 27px; 
} 
.width100 {
width : 100%; 
} 
.width75 {
width : 74%; 
} 
.width50 {
width : 49.7%; 
} 
.width33 {
width : 32.7%; 
} 
.width25 {
width : 24.7%; 
} 
.floatLeft {
float : left; 
} 
.floatRight {
float : right; 
} 
.alignLeft {
text-align : left; 
} 
.alignRight {
text-align : right; 
} 
.clear {
clear : both; 
} 
.block {
display : block; 
} 
.small {
font-size : 0.8em; 
} 
.green {
color : #a1ff45; 
} 
.red {
color : #ea1b00; 
} 
.grey {
color : #666; 
} 
.grey a {
color : #999; 
} 
.grey a:hover {
color : #eee; 
} 
.gradient {
margin-bottom : 2em; 
background : #555 url('../images/bg/gradient.jpg') repeat-x bottom left; 
}