@charset "UTF-8";
/* CSS Document */

*{
padding:0;
margin:0;
}

body{
background-color: #FFFFFF;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-size:18px;
color: #333333;
letter-spacing:.01em;
}

#wrapper{
width:54em;
margin:auto;
background-color:#fff;
}

#branding{
height:5.3em;
background-color: #fff;/*light blue also- 6a7e97  */
width:54em;
border-bottom:#333333 thin solid;

letter-spacing:.2em;

}

#branding h2{
text-align:right;
font-weight:normal;
color: #CCCCCC;
font-size:220%;
text-decoration:none;
}

#branding  a,
#branding a:link,
#branding  a:visited{
text-decoration:none;
}



branding p{
text-align:right;
font-weight:normal;
color: #CCCCCC;
font-size:220%;
}

#menu{
padding-top:0.5em;
height:40em;
background-color: #FFF;
/*width:7.2em;*/
width:8em;
float:left;
font-size:120%;
}

#menu a,
#menu a:link,
#menu a:visited{
color: #999999;
padding-left:.3em;
letter-spacing:.03em;
display:block;
text-decoration:none;
outline-style:none;
font-size:100%;
text-align:left;
}

#menu .current a,
#menu .current a:link,
#menu .current a:visited{
color:#000000;
padding-left:.3em;
}

#menu a:hover,
#menu a:active{
text-decoration:none;
color:#000000;
padding-left:.3em;
}

#menu .sub a,
#menu .sub a:link,
#menu .sub a:visited{
color: #CCCCCC;
letter-spacing:.03em;
line-height:1em;
display:block;
text-decoration:none;
outline-style:none;
font-size:75%;
/*padding-right:2.4em;*/
padding-left:.3em;
}

#menu .sub a:hover,
#menu .sub a:active{
text-decoration:none;
color:#000000;
padding-left:.3em;
}


#menu .subcurrent a,
#menu .subcurrent a:link,
#menu .subcurrent a:visited{
color:#000000;
letter-spacing:.03em;
line-height:1em;
display:block;
text-decoration:none;
/*padding-right:2.4em;*/
outline-style:none;
font-size:75%;
padding-left:.3em;
}

#menu .subcurrent a:hover,
#menu .subcurrent a:active{
text-decoration:none;
color:#000000;
}

#menu .linkspace {
font-size:130%;
}

.menubox {
width:100%;
height:6em;
}

.menubox2 {
width:100%;
height:6.2em;
}

.menubox3 {
width:100%;
height:6em;
}

.menubox4 {
width:7em;
height:7em;
}

.menubox5 {
width:7em;
height:8em;
}

.menubox6 {
width:7em;
height:9em;
}

#main {
background-color:#FFF;
padding-left:1em;
/*width:44em;*/
width:43em;
height:31em;
float:right;
}

#main a,
#main a:link,
#main a:visited{
color: #999999;
font-size:90%;
letter-spacing:.03em;
display:block;
text-decoration:none;
outline-style:none;
text-align:left;
}



#main a:hover,
#main a:active{
text-decoration:none;
color:#000000;
}

#main .right a,
#main .right a:link,
#main .right a:visited{
color: #999999;
font-size:90%;
letter-spacing:.03em;
display:block;
text-decoration:none;
outline-style:none;
text-align:right;
}



#main  .right a:hover,
#main .right a:active{
text-decoration:none;
color:#000000;
text-align:right;
}

#mainlonger {
background-color:#FFF;
padding-left:1em;
width:43em;

float:right;
}

#mainlonger a,
#mainlonger a:link,
#mainlonger a:visited{
color: #999999;
font-size:90%;
letter-spacing:.03em;
display:block;
text-decoration:none;
outline-style:none;
text-align:left;
}



#mainlonger a:hover,
#mainlonger a:active{
text-decoration:none;
color:#000000;
}


#columnleft {
background-color:#fff;
float:left;
width:23em;
height:40em;
}

#columnright {
float:right;
width:23em;
height:40em;
background-color:#fff;
}


#caption {
font-size:70%;
line-height:1.5em;
}

#caption a,
#caption a:link,
#caption a:visited{
color: #FF0000;
font-size:90%;
letter-spacing:.03em;
text-decoration:none;
outline-style:none;
text-align:left;
}



#caption a:hover,
#caption a:active{
text-decoration:none;
color:#000000;
}

#textbox{
font-size:16px;
width:350px;
margin:auto;
}

#footer{
padding:.5em;
font-size:12px;
height:6em;
color: #666666;
text-align:right;

background-color:#fff;

}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #666666;
}

#footer a:hover,
#footer a:active{
text-decoration:underline;
color:#000;
}