html,body {
	padding: 0;
	margin: 0;
	font: 76%/1.5 Arial, Verdana, sans-serif;
	/*new*/
	height:100%;
}

.box
{
width: 820px;
height: 530px;
}

html>body .box
{
width: auto;
height: auto;
min-width: 820px;
min-height: 530px;
} 

body {
    font-size: 1em;
}
a {
    color: #a1a3a2;
    text-decoration: none;
}

h1, h2 {
    font-size: 1.5em;
	margin-bottom: 10px;
}

h3 {
	margin-top: 15px;
	font-size: 1.2em;
	color: #888888;
	border-bottom: 1px solid #EEEEEE;
}

h4 {
	color: #888888;
	margin-bottom: 10px;
}

p, li {
	word-wrap: break-word;
}

#container {
    margin: 0px auto auto auto;
	position: relative;
	width: 820px;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	border-top:10px solid #1e6db0;
	font-size:10px;
	color:#a1a3a2;
	}
	
div#footer p {
	padding:1em;
	margin:0;
	}


#container, #site-navigation {
    background-color: white;
}

#site-navigation {
	height: 67px;
    padding: 15px;
}
#site-navigation img {
   float: left;
}
#site-navigation ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#site-navigation ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #ccc;
	font-size:11px;
}   
#site-navigation ul li.first {
    border-left: none;
}
#site-navigation ul li a:hover {
    text-decoration: underline;
}

#inner-container {
    position: relative;
}

#main {
	position: absolute;
	top: 0;
    left: 249px;
    right: 0px;
    font-size: 12px;
}

#main.fullsize {
	padding: 10px;
	padding-right: 40px;
}

#main.fullsize p {
	margin-bottom:10px;
}

#main.fullsize ul {
	margin-left:10px;
	margin-bottom:10px;
}

#main.fullsize ul li { 
	margin-left:10px;
	list-style: square;
}

#content, #news {
    position: absolute;
	/*initially top:331px;*/
	top: 341px;
	/* padding: 10px; */
}
#content {
	left: 10px;
	/* originally right: 251px; */
	right: 20px;
	color: #373737;
}

#content a:hover {
    text-decoration: underline;
}

/* #news omitted from front page design */

#news {
    background-image:url(../design/images/bg_latest.jpg);
	background-repeat:no-repeat;
	top: 311px;
	left: 320px;
	right: 0;
    border-top: 1px solid #fff;
	border-left: 1px solid #fff;

}
#news ul li {
    list-style: square;
    list-style-image: url("../design/images/bl_arrow_news.png");
    margin-left: 15px;
    font-size: 0.9em;
	color: #373737;
}

#leftcolumn, #rightcolumn {
	position: absolute;
}

#leftcolumn {
	left:10px; 
	right:310px;
	width: 251px;
}

#leftcolumn.quote { 
	right:240px;
	width: 321px;
}

#rightcolumn {
	left:280px; 
	right:30px;
	width: 261px;
}

#rightcolumn.quote {
	left:350px; 
	color:#999999;
	font-size:11px;
	width: 211px;
}

#rightcolumn img {
	padding: 5px; 
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}

#navigation {
	position: absolute;
	top: 0;
	left: 0;
	right: 571px;
	margin-top: 10px;
}
#navigation li {
	margin-top: 1px;
	padding: 0px;
	height: 25px;
	list-style-type: none;
	font-size: 11px;
	text-indent:10px;
	line-height:2.2em;
}

#navigation li a {
	height:25px;
	display:block;
}

#navigation li a:hover, #navigation li.selected a {
	background-color: #1f6db1;
	color: #FFFFFF;
}

#navigation li a:hover > a, #navigation li.selected > a {
	color: #FFFFFF;
}

#numbered-navigation {
	position:absolute;
	top: 9px;	
	right: 0;
	left: 805px;
}

#numbered-navigation.hidden {
	display: none;
}

#numbered-navigation li {
	margin-top: 1px;
	padding: 0px;
	height:23px;
	list-style-type: none;
	/* text-align:center;
	width:22px; */
	border:1px solid #DFDFDF;
	background-color: #D8D2C1;
	/* font-size:1.2em;
	color: white; */
}

#numbered-navigation li a {
    /* color:white; */
	height:23px;
	display:block;
}

#numbered-navigation li a:hover, #numbered-navigation li.selected {
    background-color: #9EA2A3;
	/*border:1px solid #DFDFDF;*/
}

#left-shadow, #right-shadow {
    position: absolute;
    top: 97px;
    width: 50%;
    background-image: url("../design/images/bg_grey.jpg");
}
#left-shadow { left: 0; text-align: right; }
#right-shadow { right: 0; text-align: left; }
#left-shadow img { margin-right: 410px; }
#right-shadow img { margin-left: 410px; }


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */