/*  Set base font size where 1em = 10px*/
body { 
background-color:#FFFFFF;
font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
color:#888888;
padding:4em 0 6em 0;
}

#header img{ behavior: url(	iepngfix.htc) } 

html { overflow-y: scroll; } /* dummy scrollbar */

#container {
margin-left: auto;
margin-right: auto;
width:680px;
position:relative;
}


.clear  { clear:both; }

/* Font Style */

p {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 16px 0;
}


a:link { color: #6e6e6e; }
a:hover { color: #828282; }
a:active { color: #828282; }
a:visited { color: #828282; }


h1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
padding-bottom:10px;
font-size:1.8em;
color:#5d5d5d;
}


h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#828282;
padding:0 2px 2px 10px;
}

h3 {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#828282;
padding:0 2px 10px 0;
}

h4 {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#828282;
padding:0 2px 10px 10px;
}

strong {
font-weight:bold;
}

em {font-style:italic;}

h2.title {
font-size:1.65em;
color:#999999;
}



#contentBox .caption{
color:#5e5c5c;
font-size:1em;
padding:0 0 4px 10px;
}

#pagetypeNews .title {
padding-bottom:0;
margin-bottom:0;

}

div.date {
font-size:1em;
color:#b7b7b7;
margin:0 10px 10px 10px;


}
 
 /* Header Position */ 

#headerImage { 
width: 679px;
height: 229px;
margin-bottom:.8em;
}
 
#logo {
width:23em;
float:left;
padding-left:1.2em;
}

#navigation {
position:relative;
width:42.5em;
float:right;
text-align:right;
padding-right:1.2em;
}


 
 
 /* Navigation */ 
 
#navlist {
padding:0;
margin:0;

}

#navlist li{
display: inline;
list-style-type: none;
padding:0 1em 0 1em;
border-left:.1em solid #a42323;

}

#navlist a {
color:#6e6e6e;
text-decoration: none; 
text-transform:uppercase;
font-size: 1em;
}


#navlist a:hover {
color:#9c9c9c;
}

#navlist a:visited {}

ul#navlist li#highlight {
color: #B22525;
font-weight:bold;
}
a.backtotop {padding:4px 0 0 0; float:right; text-decoration:none; outline:none;}
a.backtotop:link { color:#6e6e6e; }
a.backtotop:visited {color:#9c9c9c;}
a.backtotop:hover {color:#6e6e6e;}
a.backtotop:active {color: #B22525; } 

a.breadcrumbs {text-decoration:none; outline:none;}
a.breadcrumbs:link { color:#999999; }
a.breadcrumbs:visited {color:#9c9c9c;}
a.breadcrumbs:hover {color:#6e6e6e;}
a.breadcrumbs:active {color: #B22525; } 
 /* ContentBox */ 

 
#contentBox {
padding-top:3em;
}

.imageBox {
background-color:white;
border:.1em solid #d3d3d3;
margin-bottom:2em;
}

.imageBox img{
margin:3px;
border:.1em solid #d3d3d3;
}


.textBox {
background-color:white;
border:.1em solid #d3d3d3;
padding:10px 10px 10px 10px;

}



/*Hover*/

a.projectImage img {
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;

}

a.projectImage:hover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0;   
opacity: 1.0;

}

/*News*/

#column1 {float:left; width:390px;}
#column1 img {width:380px;}
#column2 {float:right; width:265px; padding-left:20px;}
#column2 img {width:255px;}

#logo {margin-top:-2px;}

#back {float:left; width:20em; }
#next {float:right; width:20em; text-align:right; padding-right:10px;}
#back h1 {color:#999999;}
#next h1 {color:#999999;}

/*Practice*/

#practice .textBox img {
float: right;
border: 1px #d3d3d3 solid;
}

#practice .miscBox {
margin-right: 140px;
text-align:justify;
}

#practice .textBox {
padding:4px 4px 4px 0;
min-height:122px;
margin-bottom:20px;
overflow: auto;
width: 674px;
}