/**************** Page and tag styles ****************/
/* grrr... ie 
#head {
    background:url(/images/head.jpg) top no-repeat;
	background-size:100% 100px;
	height:170px;
	width:100%;
	background-color:#e0e0e0;
}
*/
#head {
	height:170px;
	width:100%;
	background-color:#e0e0e0;
}

#logoImage {
    position:absolute;
    top:0px; left:0px; 
    width:100%; height:100px;
}

#logo {
    position:absolute;
    top:70px; left:20px; 
    width:150px; height:70px;
    color:#ffffff;
    background:#6666CC;
	padding: 0px 10px 10px 10px ;
	vertical-align:top;
	border: 2px solid #909090;
}

#logo h1 {
    color:#FFFFFF; 
    font-size:1.6em; 
    letter-spacing:-2px; 
    text-align:right;
}

#logo h2 {
    color:#FFFFFF; 
    font-size:1.1em; 
    font-weight:bold; 
    letter-spacing:-1px; 
    text-align:right;
}

body {
    margin:0 0 0 0 ;
    padding:0 0 0 0 ;
    color:#6666CC;
	background-color:#e0e0e0;
    font: 80% Verdana, Arial, Helvetica;
}

ul {
    list-style:circle;
    margin:15px 0 20px 0;
    font-size:0.9em;
}

li {
    margin:0 0 8px 25px;
}

a {
    color:#d85d5d; 
    font-weight:bold; 
    text-decoration:none;
    cursor:hand;
}

a:hover {
    color:#505050;
    text-decoration:underline;
}

img {
    float:left;
    margin:0 15px 15px 0;
    padding:1px;
    /*background:#ffffff;*/
    border:1px solid #d0d0d0;
}

img.noFloat {
    float:none; 
    margin:0 0 0 0; 
    padding:1px; 
    /*background:#ffffff;*/
    border:none;
}

a img {
    border-color:#d85d5d;
}

a img:hover {
    background:#d85d5d; 
    border-color:#d85d5d;
}

a.fb img {
    border-color:#d85d5d;
}

a.fb img:hover {
    background:#d85d5d;
    border-color:#d85d5d;
}

a.show_scroll_content_open {
    padding-right:20px;
    /*background:url(/images/dbldn.gif) center right no-repeat;*/
}

a.show_scroll_content_open:hover {
    color:White;
}

.scroll-pane {
    overflow: auto; 
    width: 100%; 
    float:none;
    color:White;
    background-color:#909090;
}

.year_info {
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

.location  {
	padding-bottom:20px;
	padding-top:3px;
	border-top-style:solid;
	border-top-color:gray;
	border-top-width:3px;
}

.summary {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	min-height:110px;
	background-color:#E0E0E0;
}

.summary img {
	width:200px;
	height:100px;
	border-style:solid;
}

#mailPost input {
    width:350px;
}

#mailPost textarea {
    width:500px;
    display:block;
}

/**************** Sidebar right area styles ****************/

#sidebar_right {
    position:absolute;
    top:180px; right:0; 
    width:240px; bottom:50px;
    text-align:left;
    color:#ffffff;
    background:#6666CC;
    /*border-left:2px solid #c0c0c0;*/
    /*height:100%;*/
	overflow-y:auto;
	overflow-x:hidden;
	display:none;
}

#sidebar_right h1 {
    margin:20px 18px 0 5px;
    color:#d85d5d;
    font-size:1.6em;
    letter-spacing:-2px;
    /*text-align:left;*/
}

#sidebar_right h2, #sidebar_right h3 {
    margin:0 20px 18px 5px; 
    color:#808080; 
    font-size:1.1em; 
    font-weight:bold; 
    letter-spacing:-1px; 
    /*text-align:left;*/
}

#sidebar_right h3 {
    margin:20px 18px 4px 5px;
    color:#606060;
}

#sidebar_right  p {
    margin:0 20px 18px 5px; 
    color:#606060; 
    font-size:0.8em;
}

#sidebar_right a {
    color:#ffffff;
    text-decoration:none;
}

#sidebar_right a:hover {
    color:#505050;
    text-decoration:underline;
}

#sidebar_right_navigation {
    margin: 0 0 20px 0;
    background:#e0e0e0;
}

#sidebar_right_navigation a {
    display:block; 
    color:#606060; 
    background:#e0e0e0;
    font-weight:normal;     
    text-decoration:none; 
    width:202px; 
    padding:5px 18px 5px 0; 
}

#sidebar_right_navigation a:hover {
    color:#6666CC; 
    background:#f0f0f0;
}

#sidebar_right_promotion a {
    background:#6666CC; 
}

#sidebar_right_promotion a:hover {
    border-color:#6666CC;
}

#sidebar_right_promotion img {
    background:#6666CC; 
    border-color:#6666CC;
    float:none;
    margin:0 2px 2px 0;
    padding:1px;
}

#sidebar_right_content {
    margin: 0 0 20px 10px;
    height:100%;
}

#sidebar_right_content ul {
    list-style:circle;
    margin:5px 0 5px 0;
    font-size:0.9em;
    padding:0 0 0 20px;
}

#sidebar_right_content li {
    margin:0 0 5px 5px;
}

#sidebar_right_promotion {
/*    position:absolute;
    bottom:5px;*/
}

#sidebar_right_more {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position:absolute;
	top:100px;
	left:0px;
	bottom:0px;
	right:0px;
}

#sidebar_right_more img {
	border:none;
}

/********************************************************/

@media screen {
    body > #sidebar {
        position:fixed;
    }
    body > #sidebar_right {
        position:fixed;
    }
 }
 
 #foot  {
	padding: 5px 50px 5px 50px ;
 }
 
 #foot div {
 }

/**************** Navigation menu styles ****************/

#menu {
    position:absolute;
    top:110px; left:40px; 
	right:50px; height:50px;
	padding: 0px 0px 0px 170px ;
    display:block; 
	background-color:#c0c0c0;
	text-align:left;
    /*overflow:auto;*/
}

#menu ul.top {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	text-align:left;
	white-space: nowrap;
}

#menu ul.sub {
	margin: 0 0 0 0;
	padding: 0 0 0 130px;
	list-style-type: none;
	text-align:left;
	white-space: nowrap;
}

#menu ul li { 
	display: inline;
	white-space: nowrap;
}

#menu a.top, #menu a.sub {
	text-decoration: none;
	padding: 5px 5px 5px 5px ;
	color: #fff;
	background-color: #036;
}

#menu a.top:hover, #menu a.sub:hover {
	color: #fff;
	background-color: #369;
}

#menu a.top_active, #menu a.sub_active {
	text-decoration: none;
	padding: 5px 5px 5px 5px ;
    background:#fafafa; 
    color:#6666CC;
}

#menu a.top_active:hover, #menu a.sub_active:hover {
    color:#6666CC;
    background:#fafafa;
}

/**************** Content area styles ****************/

#content {
    height:100%;
	top:150px;
	padding:0 15px 0 15px;
    margin:0px 20px 0 20px; 
    overflow:auto;
    background:#fafafa;
    /*display:none;*/
}

#content p {
    margin:0 0 20px 0; 
    line-height:1.5em;
}

#content h1 {
    margin:0; 
    color:#6666CC; 
    font-size:1.6em; 
    text-align:center;
}

#content h2 {
    margin:0; 
    color:#808080; 
    font-weight:normal; 
    font-size:1.4em; 
    text-align:center;
}

#content h3 {
    clear:both; 
    margin:30px 0 10px 0; 
    color:#d85d5d; 
    font-weight:normal; 
    font-size: 1.2em; 
}

#autoResize {
    width:100%;
    height:100%;
    border: none;
}

#iframe_none_autoResize {
    width:100%;
    height:600px;
    border: none;
}