/*
 * http://192.168.10.69/~heberlei/
 * COLORS: 
 *	blue		-- normal blue
 *	#030314		-- very dark blue (text, page background, submenu
 *			   header background)
 *	#d2d2de		-- light grey with hint of blue
 *	#00487d		-- rich blue (border of submenu).
 *	#331a0d		-- brown (header text, submenu links)
 *	#1f610c		-- darkish green (text of submenu headers, submenu
 *			   text hover)
 */

body {
    background-color: #030314; 
    font-family: Verdana, Geneva, Arial, sans-serif;
}


#contentWrapper {			/* full page wrapper */
    color: blue;
    background-color: #d2d2de;
    width: 800px;
    padding: 10px;
    margin: 0 auto;
    /*
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    */
}


#mainHeader {				/* header */
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}



/*----------------------- Top/main button row  -----------------------*/

#topButtonRow {			/* Row for top buttons */
    // color: #c8c8ff;
    // border-style: none;
    // text-align: center;
    margin-top: 10px;
}


/*----------------------- center area -----------------------*/
/*-- Overal wrapper			--*/
/*--    submenu area			--*/
/*--	mainContent when 2 columns	--*/
/*--	mainConten when 1 column	--*/

#mainContentWrapper {		/* wraps content and optional submenu */
    margin-top: 10px;
}


#submenuBlock {			/* submenu area */
    background: url("../images/BlueMiddle202x4.png") repeat-y top left;
    // background-color: white;
    // border-color: #00487d;
    border-width: 0px;
    border-style: none;
    width: 202px;
    padding: 0px;
    float: left;
}



#mainContent2Column_orig {		/* Wrapper of main content in right column */
    background-color: white;
    color: #030314;
    text-align: left;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    margin-left: 211px;
    padding: 10px;
}


#mainContent2Column {
    background: url("../images/BlueMiddle589x4.png") repeat-y top left;
    margin-left: 211px;
}


#mainContent2ColumnTextStyle {
    color: #030314;
    text-align: left;
    padding: 10px;
}



#mainContent1Column {		/* Wrapper of main content in right column */
    background: url("../images/Blue2Middle800x4.png") repeat-y top left;
    // background-color: white;
    // color: #030314;
    // text-align: left;
    // border-color: #00487d;
    // border-width: 1px;
    // border-style: solid;
    // margin-left: 0px;
    // padding: 10px;
}


#mainContent1ColumnTextStyle {
    color: #030314;
    text-align: left;
    padding: 10px;
}



#mainContent1ColumnB {		/* Wrapper of main content in right column */
    color: #030314;
    text-align: left;
    height: 12;
    margin: 0px;
    padding: 0px;
}

#mainContent1ColumnBtop {
    background: url("BlueTop780x27.png") no-repeat top left;
    height: 12;
    padding: 0px;
    margin: 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}

#mainContent1ColumnBmiddle {
    background: url("BlueMiddle780x4.png") repeat-y top left;
    padding: 0px;
    margin: 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}


#simpleWrapper {
    background: url("BlueMiddle800x4.png") repeat-y top left;
    margin-top: 10px;
    //padding: 0px;
    // margin: 0px;
    // border-color: #00487d;
    // border-width: 1px;
    // border-style: solid;
}


#simpleContentText {
    padding-left: 10px;
    padding-right: 10px;
}

#mainContent1ColumnBbottom {
    background: url("BlueBottom780x10.png") no-repeat bottom left;
    padding: 0px;
    margin: 0px;
}





/*----------------------- Top Button Menu -----------------------*/

.topMenuSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(ResearchButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

.topMenu {
    width: 100px;
    margin: 0px 1px;
}

.topMenu a {
    height: 24px;
    text-decoration: none;
}

.topMenu a:link, .topMenu a:visited {
    color: white;
    display: block;
    background: url(ResearchButtons.png);
    padding: 8px 0px 0px 0px;
}

.topMenu a:hover {
    color: black;
    background: url(ResearchButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}



/*--------------------- NetSQ Button --------------------------*/

#topNetSQSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(NetSQButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topNetSQButton {
    width: 100px;
    margin: 0px 1px;
}

#topNetSQButton a {
    height: 24px;
    text-decoration: none;
}

#topNetSQButton a:link, #topNetSQButton a:visited {
    color: white;
    display: block;
    background: url(NetSQButtons.png);
    padding: 8px 0px 0px 0px;
}

#topNetSQButton a:hover {
    color: black;
    background: url(NetSQButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Research Button --------------------------*/

#topResearchSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(ResearchButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topResearchButton {
    width: 100px;
    margin: 0px 1px;
}

#topResearchButton a {
    height: 24px;
    text-decoration: none;
}

#topResearchButton a:link, #topResearchButton a:visited {
    color: white;
    display: block;
    background: url(ResearchButtons.png);
    padding: 8px 0px 0px 0px;
}

#topResearchButton a:hover {
    color: black;
    background: url(ResearchButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Tools Button --------------------------*/

#topToolsSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(ToolsButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topToolsButton {
    width: 100px;
    margin: 0px 1px;
}

#topToolsButton a {
    height: 24px;
    text-decoration: none;
}

#topToolsButton a:link, #topToolsButton a:visited {
    color: white;
    display: block;
    background: url(ToolsButtons.png);
    padding: 8px 0px 0px 0px;
}

#topToolsButton a:hover {
    color: black;
    background: url(ToolsButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Podcasts Button --------------------------*/

#topPodcastsSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(PodcastsButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topPodcastsButton {
    width: 100px;
    margin: 0px 1px;
}

#topPodcastsButton a {
    height: 24px;
    text-decoration: none;
}

#topPodcastsButton a:link, #topPodcastsButton a:visited {
    color: white;
    display: block;
    background: url(PodcastsButtons.png);
    padding: 8px 0px 0px 0px;
}

#topPodcastsButton a:hover {
    color: black;
    background: url(PodcastsButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Blogs Button --------------------------*/

#topBlogsSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(BlogsButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topBlogsButton {
    width: 100px;
    margin: 0px 1px;
}

#topBlogsButton a {
    height: 24px;
    text-decoration: none;
}

#topBlogsButton a:link, #topBlogsButton a:visited {
    color: white;
    display: block;
    background: url(BlogsButtons.png);
    padding: 8px 0px 0px 0px;
}

#topBlogsButton a:hover {
    color: black;
    background: url(BlogsButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}


/*------------------- Main Content Font Info -------------------*/

.contentH1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 150%;
    font-weight: bold;
    color: #331a0d;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 25px;
    margin-bottom: 0px;

    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.contentH1First {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 150%;
    font-weight: bold;
    color: #331a0d;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.contentPara1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin: 15px 0px 0px 10px;

    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}


/*------------------- Submenu Font Info -------------------*/

.subMenuFirstHeader {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    color: #1f610c;
    //background-color: #030314;
    //border-color: #00487d;
    //border-width: 1px;
    border-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.subMenuHeader {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    color: #1f610c;
    background-color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.submenuLink {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 15px;
}


/*------------------- Submenu Anchor Info -------------------*/

.menu2 {
    width: 180px;
}

.menu2 a {
    text-decoration: none;
    width: 180px;
    background: green;
    color: red;
}

.menu2 a:link, .menu2 a:visited {
    text-decoration: none;
    color: red;
}

.menu2 a:hover {
    text-decoration: none;
    color: blue;
}


.submenuLink a {
    text-decoration: none;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}

.submenuLink a:link, .submenuLink a:visited {
    color: #331a0d;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}

.submenuLink a:hover {
    color: #1f610c;
    text-decoration: underline;
    background-color: #d2d2de;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}



/*----------------------- Footer -----------------------*/

#footer {
    /* color: #c8c8ff; */
    background-color: white;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}


#footerContent {
    background: url("../images/Blue2Middle800x4.png") repeat-y top left;
    margin-top: 10px;
}

#footerTextStyle {
    text-align: center;
    color: #030314;
}


.footerPara {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 70%;
}


/*----------------------- Papers -----------------------*/

.paper_info {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 20px;
}

.paper_title {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-weight: bold;
    font-size: 120%;
    //border-top: solid #00487d;
    border-top-color: #00487d;
    border-top-width: 1px;
    border-top-style: solid;
}

.paper_authors {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-style: italic;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.paper_date {
    margin: 0;
    font-family: "Times New Roman", serif;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}


.paper_source {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-style: normal;
}

.paper_summary {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    font-family: "Times New Roman", serif;
    font-style: italic;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.paper_img {
    float: right;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.pdf_link {
    font-family: "Times New Roman", serif;
}

.file_reference {
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
}


/*------------------- Video Podcast -------------------*/

#mainVideoContent1Column {	/* Wrapper of main content in right column */
    background-color: black;
    color: #030314;
    text-align: left;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    margin-left: 0px;
    padding: 10px;
}

.videoContentArea {
    background-color: black;
    text-align: center;
}

.podcast_link_reference {
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
}


.podcast_link {
    font-family: "Times New Roman", serif;
}



/*------------------- Video Podcast -------------------*/

.contactInfo {			/* full page wrapper */
    color: blue;
    background-color: white;
    padding: 0px;
    margin: 12px 0px 0px 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

div.contactInfo h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 150%;
    font-weight: bold;
    color: #331a0d;
    padding: 0px;
    margin: 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.contactAddr {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    // color: black;
    // font-family: "Times New Roman", serif;
    // padding: 0px;
    margin: 0px 0px 0px 10px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.contactPhone {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    margin: 12px 0px 0px 10px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}



/*-------------- Vertical Nav -----------------*/
.navcontainer
{
    // background: #f0e7d7;	/* overall background */
    //background: rgb(89,112,163);	/* light grey, overall background */
    //background: rgb(185,201,213);	/* light grey, overall background */
    margin: 0 auto;
    padding: 1em 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    text-align: center;
}

ul.navlist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 80%;
}

ul.navlist li
{
    display: block;
    margin: 0;
    padding: 0;
}

/* Selectable button */
ul.navlist li a
{
    display: block;
    width: 100%;
    padding: 0.5em 0 0.5em 2em;
    border-width: 1px;
    border-color: rgb(255,255,255) rgb(71,89,130) rgb(71,89,130) rgb(255,255,255); /* 3D border look */
    border-style: solid;
    color: #046380;   			/* color of text */
    text-decoration: none;
    background: rgb(190,210,255);		/* button background color */
}

.navcontainer>ul.navlist li a {
    width: auto;
}

/* Currently selected button */
ul.navlist li#active a
{
    background: #f0e7d7;
    color: #002f2f;
}


ul.navlist li a:hover, ul.navlist li#active a:hover
{
    //color: rgb(190,210,255);			/* color of hover text */
    color: rgb(50,50,50);			/* color of hover text */
    // color: #002f2f;			/* color of hover text */
    background: transparent;		/* let background color come through */
    border-color: rgb(71,89,130) rgb(255,255,255) rgb(255,255,255) rgb(71,89,130);
}