/* Page and rounded corner styles */
/* ------------------------------ */

body { border-collapse: collapse; background-repeat: repeat-x; margin-top: 60px; text-align: center; font-family: "Trebuchet MS"; font-weight: 400; color: #000; }

.container { width:780px; background: transparent; border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }
.topleft { width: 20px; height: 20px; background-image: url('../_images/page_corners/top-left.png'); background-repeat: no-repeat; background-position:  right bottom; }
.top { width: auto; height: 20px; background-image: url('../_images/page_corners/top.png'); background-repeat: repeat-x; background-position: bottom; }
.topright { width: 20px; height: 20px; background-image: url('../_images/page_corners/top-right.png'); background-repeat: no-repeat; background-position:  left bottom; }
.bottomleft { width: 20px; height: 20px; background-image: url('../_images/page_corners/bottom-left.png'); background-repeat: no-repeat; background-position:  right; }
.bottom { width: auto; height: 20px; background-image: url('../_images/page_corners/bottom.png'); background-repeat: repeat-x; }
.bottomright { width: 20px; height: 20px; background-image: url('../_images/page_corners/bottom-right.png'); background-repeat: no-repeat; background-position: left top; }
.left { width: 20px; background-image: url('../_images/page_corners/left.png'); background-repeat: repeat-y; background-position: right; }
.right { width: 20px; background-image: url('../_images/page_corners/right.png'); background-repeat: repeat-y; background-position: left; }
.footer-left { width: 20px; background-image: url('../_images/page_corners/footer-left.png'); background-repeat: no-repeat; background-position: right bottom; }
.footer-right{ width: 20px; background-image: url('../_images/page_corners/footer-right.png'); background-repeat: no-repeat; background-position: left bottom; }

.center-content { width: auto; background: #fff; background-repeat: no-repeat; }
.footer-content { height: 25px; width: auto; background: transparent; background-image: url('../_images/page_corners/footer-fill.png'); background-repeat: repeat-x; background-position: bottom; vertical-align: bottom; }

/* Normal page styles             */
/* ------------------------------ */

.header-container { height: 65px; }
.header-icon { width: 60px; height: 55px; background: transparent; float: right; position: relative; cursor: pointer; }
.header-icon-home { background-image: url('../_images/icons/home.png'); }
.header-icon-contact { background-image: url('../_images/icons/contact.png'); }
.header-icon-sitemap { background-image: url('../_images/icons/sitemap.png'); }
.header-icon-members { background-image: url('../_images/icons/members.png'); }

.contents-icon-container { text-align: left; float: left; }
.contents-icon-td { text-align: left; float: left; padding-bottom: 15px; width: 60px;}

.contents-icon { width: 60px; height: 55px; background: transparent; float: left; position: relative; cursor: pointer; }
.contents-icon-email { background-image: url('../_images/icons/email.png'); }
.contents-icon-website { background-image: url('../_images/icons/website.png'); }
.contents-icon-phone { background-image: url('../_images/icons/phone.png'); }

.header-icon-text { width: 100%; text-align: center; font-size: 8pt; position: absolute; bottom: 0px; left: 0px; color: #000; text-decoration: underline;}
.phone-icon-text { text-decoration: none; font-size: 10pt; text-align: left; position: relative; }
.image-header { height: 60px; font-size: 8pt; float: left; position: relative; top: -70px; }
.text-header { font-size: 8pt; text-align: center; vertical-align: bottom; color: #000; }
.locationbar { font-size: 8pt; text-align: left; margin-top: 5px; }

.PageFooter { font-size: 8pt; text-align: center; }

.floatrightsidecontainer {width: 225px; float: right; margin-left: 10px; }
.floatrightsidebox { padding-left: 10px; padding-right: 10px; border-left: solid 1px; margin-bottom: 15px; margin-top: 5px; }

.floatleftsidecontainer {width: 275px; float: left; margin-right: 10px; }
.floatleftsidebox { display: block; padding-left: 0px; padding-right: 10px; border-right: solid 1px; margin-bottom: 15px; margin-top: 5px; }


.floatrightsidebox_lt_blue { background: #9cf; padding-left: 10px; padding-right: 10px; border: dashed 1px #09f; margin-bottom: 15px; margin-top: 5px; }
.floatrightsidebox_purple { background: #c9c; padding-left: 10px; padding-right: 10px; border: dashed 1px #90c; margin-bottom: 15px; margin-top: 5px; }
.floatrightsidebox_dk_blue { background: #69c; padding-left: 10px; padding-right: 10px; border: dashed 1px #06c; margin-bottom: 15px; margin-top: 5px; }
.floatrightsidebox_red { background: #fcc; padding-left: 10px; padding-right: 10px; border: dashed 1px #c00; margin-bottom: 15px; margin-top: 5px;  background-image: url('../_images/page_corners/top-down-white-shade.png'); background-repeat: repeat-x; background-position: top; }
.floatrightsidebox_green { background: #cf9; padding-left: 10px; padding-right: 10px; border: dashed 1px #360; margin-bottom: 15px; margin-top: 5px; }
.floatrightsidebox_orange { background: #fc9; padding-left: 10px; padding-right: 10px; border: dashed 1px #f63; margin-bottom: 15px; margin-top: 5px;  background-image: url('../_images/page_corners/top-down-white-shade.png'); background-repeat: repeat-x; background-position: top; }
.floatrightsidebox_grey { background: #eee; padding-left: 10px; padding-right: 10px; border: dashed 1px #777; margin-bottom: 15px; margin-top: 5px; background-image: url('../_images/page_corners/top-down-white-shade.png'); background-repeat: repeat-x; background-position: top; }

.floatrightsidebox_lt_blue_title { color: #09f; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }
.floatrightsidebox_purple_title { color: #90c; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }
.floatrightsidebox_dk_blue_title { color: #06c; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }
.floatrightsidebox_red_title { color: #c00; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }
.floatrightsidebox_green_title { color: #360; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }
.floatrightsidebox_orange_title { color: #f63; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }
.floatrightsidebox_grey_title { color: #555; font-size: 10pt; text-align: left; margin-bottom: 0px; margin-top: 4px; font-weight: bold; }

.pagecontent { float: left; width: 445px; }

/* Content text styles            */
/* ------------------------------ */

.quote { color: #777; font-size: 14pt; text-align: left; margin-top: 0px; padding-left: 20px; padding-right: 60px; }
.normal { font-size: 10pt; text-align: left; margin-top: 0px; line-height: 1.5;}
.imagecaption { font-size: 8pt; text-align: justify; margin-top: 0px; margin-left: 10px; margin-right: 10px;}
.side-link { font-size: 9pt; }
.floatrightnormal { font-size: 9pt; text-align: left; margin-top: 0px; margin-bottom: 5px;}
.floatleftnormal { font-size: 9pt; text-align: left; margin-top: 0px; margin-bottom: 5px;}
acronym { border-bottom: 1px dotted; cursor: help; }

.PersonImageContainer { width: 154px; float: right; margin-left: 10px; }
.PersonImage { width: 124px; }

.GalleryContainer { float: left; margin: 0px; padding: 0px; width: 445px; }
.GalleryImageContainer { width: 211px; float: left; }
.GalleryImage { width: 181px; border: 0px; } 
.GalleryImageCaption { font-size: 9pt; margin-top: 5px; }

.imagecontainer { width: 100%; background: transparent; border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }
.imagetopleft { width: 15px; height: 15px; background-image: url('../_images/page_corners/image-top-left.png'); background-repeat: no-repeat; background-position:  right bottom; }
.imagetop { width: auto; height: 15px; background-image: url('../_images/page_corners/image-top.png'); background-repeat: repeat-x; background-position: bottom; }
.imagetopright { width: 15px; height: 15px; background-image: url('../_images/page_corners/image-top-right.png'); background-repeat: no-repeat; background-position:  left bottom; }
.imagebottomleft { width: 15px; height: 15px; background-image: url('../_images/page_corners/image-bottom-left.png'); background-repeat: no-repeat; background-position:  right; }
.imagebottom { width: auto; height: 15px; background-image: url('../_images/page_corners/image-bottom.png'); background-repeat: repeat-x; }
.imagebottomright { width: 15px; height: 15px; background-image: url('../_images/page_corners/image-bottom-right.png'); background-repeat: no-repeat; background-position: left top; }
.imageleft { width: 15px; background-image: url('../_images/page_corners/image-left.png'); background-repeat: repeat-y; background-position: right; }
.imageright { width: 15px; background-image: url('../_images/page_corners/image-right.png'); background-repeat: repeat-y; background-position: left; }
.imagecentercontent { width: auto; background: transparent; background-repeat: no-repeat; }



/* Sliding menu styles            */
/* ------------------------------ */

#kwicks_container { background-color: white; background-image: url('../_images/menu_images/news.png'); background-position: right; background-repeat: no-repeat; height: 100px; }

#kwicks { margin: 0px; padding: 0px; }
.kwick { float: left; display: block; width: 107px; height: 100px; cursor: pointer; text-align: left; padding-left: 4px; padding-right: 4px; }
 
#kwick_home { background-color: aqua; background-image: url('../_images/menu_images/home.png'); }
#kwick_publications {background-color: red; background-image: url('../_images/menu_images/publications.png'); }
#kwick_gallery {background-color: green; background-image: url('../_images/menu_images/gallery.png'); }
#kwick_people {background-color: blue; background-image: url('../_images/menu_images/people.png'); }
#kwick_news {background-color: transparent; }
#kwick_projects { background-color: purple; background-image: url('../_images/menu_images/projects.png'); }
.kwick_title { font-weight: 900; font-size: 10pt; color: #ffe; text-decoration: none; }
.kwick_desc { font-size: 8pt; color: #ffe; text-decoration: none; }

/* Links styles                   */
/* ------------------------------ */

a.header { color: #000; text-decoration: underline; vertical-align: bottom; }
a.footer { color: #000; text-decoration: underline; }
a.normal { color: #666; text-decoration: underline; }
a.locationbar { color: #000; text-decoration: underline; }
a.h2 { color: #666; text-decoration: underline; font-size: 14pt; }

a.normalspotlight { color: #666; text-decoration: underline; }
a.normalspotlight:hover { color: #f63; text-decoration: none; }