body {
	height: 100%;
	background-color: #e8e8e8;
	color: #5b5b5b;
	font-family: Garamond, Times New Roman, sans-serif;
	font-size: 0.875em;
}


#main {
	width: 680px; 
	margin-top: 20px;
	margin-right: auto; 
	margin-left: auto;
	height: 100%;
	display:block;
	overflow:hidden;
	background-image:url(/images/graphics/lr_bg.jpg);
}


#ul_shadow {
	height:20px;
	width:20px;
	background-image:url(/images/graphics/ul_bg.jpg);
    background-repeat:repeat-none;
	float:left;
}
#u_shadow {
	height:20px;
	width: 640px;
	background-image:url(/images/graphics/u_bg.jpg);
    background-repeat:repeat-x;
	float:left;
}
#ur_shadow{
	height:20px;
	width:20px;
	background-image:url(/images/graphics/ur_bg.jpg);
    background-repeat:repeat-none;
	float:right;
}

#middle_container {
	min-height: 100%;
	height:auto;
	clear:both;
	display:block;
	
    background-repeat:repeat-y;
	margin-left: 10px;
	margin-right: 10px;
	
}

#page{
	
	width: 660px;
	height: 100%;
	background-color:white;
	float:left;
	display:block;
}


#bl_shadow{
	clear:both;
	height:20px;
	width:20px;
	background-image:url(/images/graphics/bl_bg.jpg);
    background-repeat:repeat-none;
	float:left;
}
#b_shadow{
	height:20px;
	width: 640px;
	background-image:url(/images/graphics/b_bg.jpg);
    background-repeat:repeat-x;
	float:left;
}
#br_shadow{
	height:20px;
	width:20px;
	background-image:url(/images/graphics/br_bg.jpg);
    background-repeat:repeat-none;
	float:right;
}

#header {
	width: 620px;
	height: 60px;
	padding: 10px 10px 10px 20px;
}

#callout {
	clear:both;
	width:100%;
	height:140px;
	float:left;
	margin: 0;
	padding: 0;
}
#callout img {
	padding: 0;
	margin: 0;
}

#menubar {
	clear: both;
	width: 100%;
	background-color: #5b5b5b;
	margin:0 auto;
    padding: 4px 0px 4px 0px;
    text-align:center;
    white-space: nowrap;
}

#menubar ul {
    margin:0;
    padding:0;
    display:inline;
    list-style-type:none;
    text-align:center;
}

#menubar ul li {
    display:inline;
}

#menubar a {
    color:#dddddd;
    text-decoration:none;
    padding: 4px 4px 4px 4px;
    font-variant: small-caps;
    font-size: 13px;
}

#menubar a:hover {
    background: #4d4d4d;
    color: #dddddd;
    text-decoration:none;
}

#content_container {
	display: block;
	height: auto;
}

#left_col_type1 {
	float:left;
	display: block;
	width: 420px;
	padding: 20px;
	border-right: 1px solid #dddddd;
	overflow:hidden;
}

#right_col_type1 {
	float:right;
	display: block;
	padding: 80px 20px 20px 20px;
	width: 159px;
	text-align: center;
}

#right_col_type2{
	float:right;
	display: block;
	width: 420px;
	padding: 20px;
	border-left: 1px solid #dddddd;
	
}

#left_col_type2 {
	float:left;
	display: block;
	padding: 20px 20px 10px 20px;
	width: 159px;
	text-align: center;
	overflow:hidden;
}

#col_type3 {
	float:left;
	display: block;
	padding: 20px 20px 20px 20px;
	width: 620px;
	overflow:hidden;
}

#footer {
	clear:both;
	width: 620px;
	margin: 20px;
	padding: 10px 0px 0px 0px;
	border-top:1px solid #dddddd;
	text-align: center;
}

.right {
	float:right;
}

.clear {
	clear:right;
}
h2,h3,h4,h5,h6 {
	font-weight: bolder;
	font-size: 1.125em;
	
}

h2 {
    font-variant: small-caps;
	font-size: 1.25em;
	border-bottom: 1px solid #dddddd;
}

a {
    color:#dddddd;
    text-decoration:none;
}

.h4_thin {
	font-weight:200;
	font-size: 0.8125em;
}

a:link {
    color: #5b5b5b;
}

a:visited {
    color: #5b5b5b;
}

a:hover {
    background: #a4a4a4;
	color: #dddddd;
}

#images {
	text-align: center;
}
#images img {
	border: 1px solid #dddddd;
	margin: 5px;
}