.clear {clear:both; line-height:0px; white-space:pre }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html .clearfix {height:1%;}


#universalcontainer {
/*
width:750px;
margin:20px 0 20px 20px;
*/

-moz-box-shadow:24px 22px 22px #DDDDDD;
-webkit-box-shadow:24px 22px 22px #DDDDDD;
box-shadow:24px 22px 22px #DDDDDD;
margin:20px auto;
width:750px;
}

#header {background:#CD9F3C; margin-bottom:4px;}
#header div { height:80px; border-bottom:4px solid white; border-top:4px solid white}
#header div img { display:block; float:left;}
#header #logo_globe {border-right:5px solid white}
#header #pbt {padding-left:39px}


#main {
background:url(../images/blue_tile_vert.gif) repeat-y;
}

/*This rule only affects IE6win. For some INEXPLICABLE reason the layout turns into junk until a border is placed on this container. There is no logical explaination! */
* html #main {border-top:1px solid white;} 



#leftside {
float:left;
width:140px;
background:#3366CC;
}

/* navigation */
#leftnav {
list-style-type:none;
padding:0px;
margin:0px;
border:3px solid #CD9F3C;
}



#leftnav li a {
display:block;
height:20px;
line-height:20px;
padding-left:10px;
background:white;
color:#11305A;
border-bottom:1px solid #CD9F3C;
}

#leftnav li a:hover {
background:lightyellow;
text-decoration:none;
}

/* //////////////////////
----SUBNAVIGATION ------
//////////////////////*/

#leftnav li ul{
list-style-type:none;
padding:0 0 0 5px;
margin:0px;
}

/* another IE hack */
*html #leftnav li ul{
float:left;
width:129px;
}
/*IE implicitly closes <li> tags so when the ul containing sub-links is inserted within the li tag(which is valid) ie decided to close the li and its ul causing an ugly gap. Floating, get rid of the gap but then the li's must be resized.*/



#leftnav li ul li {
margin:0px; padding:0px;
}
#leftnav li ul li a{
font-size:9px;
height:14px;
line-height:11px;
padding:3px 10px;
border:0;
border-bottom:1px solid #CD9F3C;
}

#leftnav li ul>li>a {
line-height:auto;
height:auto;
}




#sideinfo {
font-size:10px;
line-height: 14px;
color:white;
width:115px;
margin:15px auto;
}

#content {
width:540px;
position:relative;
right:40px;
float:right;
text-align:justify;
}

#welcome_content {
position:relative;
width:605px;
height:305px;
float:right;
background:url(../images/welcome_bg.jpg) no-repeat;
}

#welcome_content p { 
width:510px;
width:360px;
position:relative;
top:50px;
left:45px;
line-height:17px
}

#welcome_content #onlinebutton { 
position:absolute;
top:100px; right:20px;
}

#welcome_content #securitybutton { 
position:absolute;
top:266px; right:20px;
}


#footer {
background:#3366CC;
color:white;
font-size:9px;
padding:4px;
text-align:right;
}

H1, H2, H3, H4, H5, H6 { 
font-family: Georgia, Palatino, Times New Roman, Trebuchet MS;
color: #11305A;
}

#directorslist dd {margin:0px 0px 8px; 0px}

/*<!-- 
#CD9F3C greenbars & nav
#11305A navtext
#3366CC blue sides
#000000 paragraph text
-->*/