
/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    font:       normal normal normal 1em/1.4 "Verdana", "Arial", sans-serif;
    margin:     0; 
    padding:    0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
    border:0; 
}

a:link, a:visited {
    color:              #223355;
    text-decoration:    underline;
}

a:hover {
    color:  #001133;
}

body {
    font-size:  0.8em;
    margin:     2em auto;
    width:      720px;
}

#header {
    background: #ffffff url(../images/header.png) scroll no-repeat top left;
    height: 200px;
    width:  720px;
}

#header h1 {
    display:    none;
}

#wrapper {
    background: #ccddff url(../images/body-middle.gif) scroll repeat-y top left;
}

#content {
    background: transparent url(../images/body-top.gif) scroll no-repeat top left;
    padding:    32px 264px 32px 32px;
}

#content p {
    margin-bottom: 1em;
}

.sidebar {
    background: #aabbdd url(../images/body-middle.gif) scroll repeat-y top right;
    float:      right;
    margin-top: 32px;
    padding:    0 16px 0 16px;
    width:      200px;
}

.sidebar img {
    display:    block;
    margin:     0 auto 1em auto;
}

.sidebar h1 {
    font-size:      1em;
    font-weight:    bold;
    margin:         1em 0 0.25em 0;
}

.sidebar h2 {
    font-weight:    bold;
}

.sidebar p {
    margin-bottom:  1em;
}

#footer {
    background: #ffffff url(../images/body-bottom.gif) scroll no-repeat bottom left;
    clear:      both;
    color:      #888888;
    height:     32px;
}

#footer p {
    margin-left:    32px;
    margin-right:   282px;
    text-align:     center;
}

#footer a:link, #footer a:visited {
    color:      #666666;
}

#footer a:hover {
    color:      #444444;
}

table.form tr.field th, table.form tr.field td {
    border-top:  solid 1px #bbccee;
}

table.form th, table.form td {
    padding:        0.2em;
    vertical-align: top;
}

table.form th {
    text-align: right;
}

table.form th span {
    display:    block;
    color:      #444444;
}

label {
    display:    block;
}

label.error {
    color:      #ff0000;
}

input {
    width:  90%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
