/**
 * John Magnotti johnDOTmagnottiATgmailDOTcom
 * nanotech winStyle.css v0.7
 * completed under the supervision of Dr. Brian Augustine, Dept. of Chemistry James Madison University

 the use of // is a dirty hack to force IE and FF to look the same
 */ 

	.titleHeader{
		background-color: rgb(37,61,146);
		color: rgb(254, 104, 31);
	}

	.darkHeader{
		background-color: rgb(37,61,146);
		color:#FFFFFF;
	}

	.indexTable{
		background-color: rgb(37,61,146);
		border:none;
        text-align : left;
		color: #FFFFFF;
		width: 1024px;
	}
    .authorComments, .authorEmail{
        padding: 25px;
        width: 600px;
    }

/**
 * Links Page
 */
	#links {
	
	}

	#links table{
		border-collapse:collapse;
		text-align: center;
		background-color: rgb(37,61,146);
		border:none;
		color: #FFFFFF;
		width:80%;
	}
	
	#links td.first{
		width: 10%;
	}
	
	#links td.mid{
		width:85%;
		background-color:rgb(128,148,203);
	}
	
	#links td.last{
		width:5%;
	}
	

/**
 * Un-regulated
 */
	.mainBody{
		background-color: rgb(128,148,203);
		color: #FFFFFF;
        font-size: 12px;
	}
	
	.secondaryBody {
        /**position: absolute;
        */
        float: right;
        padding-bottom: 5px;
        padding-left: 5px;
        //position: absolute;
        //right: -3px;
        //margin-top:10px;
        //padding-right: 5px;
		background-color: #4561AB;
		color: #FFFFFF;
        font-size: 12px;
	}

    h1 {
        letter-spacing: .5em;
        font-variant: small-caps;
    } 

    .secondaryBody ul {

        /* had to put height inline for it to work
          height : 85 px;
        */
    }    

    .searchBarLink a {
        padding-left: 25px;
    }

    .searchHelp {
        padding-top:5px;
        padding-bottom:5px;
        padding-right:5px;
        padding-left:10px;
        //padding-left:-5px;
        display: none;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .searchHelp li {
        line-height: 25px;
        margin-left:-10px;
        padding-left:3px;
        padding-right: 2px;
        text-decoration: normal;
    }

    .secondaryBody input {
        margin-right: 3px;
    }

    .mainHeader {
        position: absolute;
        top: 125px;
        left: 700px;
        width: 323px;
    }

    label {
        float: left;
        width: 15em;
        padding-left: 10px;
    }

    .searchBarLink li {
        padding-top: 10px;
    }

    .imgLeft {
        position: absolute ;
        left: 43px;
        float: bottom;
        padding-bottom: 25px;
        padding-top: 10px;
    }

    .padout {
        padding-bottom:10px;
    }

    .imgRight {
        position: absolute;
        left: 820px;
        float: bottom;
        padding-bottom: 25px;
        padding-top: 10px;
        width: 150px;
        height: 73px;
    }

    .searchBox {
        text-align: center; 
        margin-right:  10px;
        margin-bottom: 8px;
    }

    .inline {
        display: inline;
    }

    .searchBox input {
        border: 2px solid white ;
        margin-left: 5px;
        
        //margin-top : 20px;
        /*rgb(37,61,146); */
    }

	.quickFacts {
        border: 1px solid white;
        position: absolute;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 10px;

        top: 270px;
        //top: 290px;
        left: 700px;
        //word-wrap: break-word;
        //left: 685px;
        width: 303px;
        //width: 340px;

        line-height : 120%;
        background-color: #6680C1;
		color: #FFFFFF;
        font-size: 12px;
	}
	
	body {
		font-family: verdana;
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    li {
        list-style: none;
    }

	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	a:active {
		text-decoration: underline;
	}

    .centeredImg {
        text-align:center;
        margin-top:0px;
        margin-bottom:0px;
        padding:0px;
    }



#Light{
	/*used for links on pages with dark backgrounds*/
    padding: 10px;
}
	
#Light a:link {
	color: #FFFFFF;
}

#Light a:visited {
	color: #FFFFFF;
}

#Light a:hover {
    color: #FFFFFF;
}

#Light a:active {
	color: #FFFFFF;
}

#Dark {
	/*used for links on pages with dark backgrounds*/
}
	
#Dark a:link {
	color: #000000;
	}

#Dark a:visited {
	color: #000000;
	}

#Dark a:hover {
	color: #000000;
	}

#Dark a:active {
	color: #000000;
	}