/***** Colors 
    dark purple:        dec 54 56 105   / hex 36 38 69 / 363869
    middle purple:      dec 70 73 136   / hex 46 49 88 / 464988
    light purple:       dec 182 183 211 / hex B6 B7 D3 / B6B7D3
    lightest purple:    dec 226 224 245 / hex E2 E0 F5 / E2E0F5
    yellow              dec 224 224 31  / hex E0 E0 1F / E0E01F
*****/


/***** Common Formatting  *****/
html{                                 
    margin: 0;                                         
    padding: 0;    
    border: 0;  
}

body{
    background-color: #E2E0F5;                      
    background-image: none;
    color: #363869;                                 
    font: 12px/1.25 arial, helvetica, sans-serif;    
    border: 0;                                       
    margin: 0;                                         
    padding: 0;                                      
}

img{
    border: 0px;                                                     
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}


h1 {
    margin:0;
    padding:5px 0 10px 0;
    letter-spacing:-1px;
    font-family: arial, helvetica, sans-serif;
    font-size:2em;
    font-weight:bold;
    text-align: center;
}
h2 {
    margin:0;
    padding:5px 0;
    font-weight:normal;
    font:1.5em arial, helvetica, sans-serif;
}
h3 {
    margin:0;
    padding:0;
    font:1em arial, helvetica, sans-serif;
    font-weight:bold;
}
p {
    margin:0;
    padding:0 0 18px 0;
    font-size: 12px;
}
p.center {
    margin:0;
    padding:0 0 18px 0;
    font-size: 12px;
    text-align:center;   
}
small {
    font-size:0.85em;
}


/***** Links *****/
a, a:visited {
    text-decoration:underline;
}
a:hover{
    text-decoration: underline;
}
a img{
    border: 0px;
    padding: 0px;
    margin: 0px;
}


/***** Forms *****/
form {
    margin:0;
    padding:0;
    display:inline;
}
input, select, textarea {
    font:1em arial, helvetica, sans-serif;
}
textarea {
    line-height:1.25;
}
label {
    cursor:pointer;
}


/***** Tables *****/
table {
    border:0;
    margin:0;
    padding:2px;
}
tr td {
    padding:2px;
}





/***** Navigation Column *****/

#nav{
    width: 153px;
    background-image: none;
    background-color: #363869;
    float: left;
}

#nav a{
    font:18px arial, helvetica, sans-serif;
    font-weight: bold;
    padding: 4px 10px 4px 0px;
    display: block;
    color: #E0E01F;
    text-decoration: none;
    text-align: right;    
}

#nav a:hover{
    background-color: #E2E0F5;
    color: #363869;
}


#nav img {
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 153px;
    float: left;
    position: relative;
}







/***** Main Column *****/
#main {
    position: absolute;
    left: 165px;
    width: 650px;
    float: left;
    padding:0px 10px 0px 10px;
}

#main img {
    border: 5px; 
    margin: 10px;
    border-style: solid;
    border-color: #363869;
}


#main img.noborder {
    border: 0px; 
    margin: 0px;
}