/*

styles.css - Vortex2 interscience stylesheet / v1.0

the basic style rules that style HTML elements, a base classs or two, and some color abstractions

*/


/* BEGIN: basic tag definitions ============================================= */

BODY {
	margin: 0; padding: 0;
	background-color: #FFF; color: #333;
	}

/* -- header styles */
H1, H2, H3, H4, H5, H6 {
	font-family: geneva, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #F90;
	}

H1 /* used for Vortex2 interscience logo in page header */ {
	font-size: small; /* just for NS4 */
	/*/*/font-size: 75%;/* */
	}

H2 /* used for subject graphic in page header */ {
	font-size: medium; /* just for NS4 */
	/*/*/font-size: 110%;/* */
	}

H3 {
	font-size: large; /* just for NS4 */
	/*/*/font-size: 105%;/* */
	}
H4 {
	font-size: medium; /* just for NS4 */
	/*/*/font-size: 80%;/* */
	}
H5 {
	font-size: small; /* just for NS4 */
	/*/*/font-size: 85%;/* */
	}
H6 {
	font-size: small; /* just for NS4 */
	/*/*/font-size: 72%;/* */
	}
H5, H6 { color: #333; }

/* -- standard elements we'll use for text on the site */
/* .txt should be used on DIVs and SPANs instead of a P (when text is not logically a paragraph) */
P, LI, DT, DD, .txt {
	font-family: geneva, arial, helvetica, sans-serif;
	color: #333;

	font-size: small; /* just for NS4 */
	/*/*/font-size: 70%;/* */
	}
LI LI{
	font-size: small; /* just for NS4 */
	/*/*/font-size: 100%;/* */
}
P { margin-top: 0em; }

DL, OL, UL { /* just for NS4 */
	/*/*//*/
	font-family: geneva, arial, helvetica, sans-serif;
	color: #333;
	font-size: small;
	/* */ 
	}

/* -- our link colors */
A { color: #369; }
A:link { color: #369; }
A:active { color: #369; }
A:hover { color: #369; }
A:visited { color: #369; }

/* -- control of margin/padding on these elements */
FORM { margin: 0; padding: 0; }
FIELDSET { margin: 0 !important; padding: 0 !important; border: none !important; }
LEGEND { margin: 0; padding: 0; }

/* -- some form elements to be styled, maybe? */
SELECT, OPTION, INPUT, TEXTAREA { }

/* -- lists lists lists! */
UL { /*/*//*/margin-left: -2em;/* */  /* just for NS4 */ }
.sideCol UL LI { /*/*//*/margin-bottom: 5px;	/* */  /* just for NS4 */ }

UL.noBullet {
	margin: 0; padding: 0;
	/*/*//*/ margin-left: -2em; margin-bottom: 8px; /* */ /* just for NS4 */
	}

UL.noBullet LI { /*/*/ list-style: none; /* */  /*hide from NS4 */ }
UL.dotBullet LI { list-style-image: url(../images/icon.bullet.dot.gif); }
UL.bullet LI { list-style-image: url(../images/icon.bullet.gif); }
UL.orangeBullet LI { list-style-image: url(../images/icon.bullet.orange.gif); }
UL.blueBullet LI { list-style-image: url(../images/icon.bullet.blue.gif); }

OL { margin: 0.25em 0 0.25em 1.25em; padding: 0; } 

DL, DT, DD { margin: 0; padding: 0; }
DT { font-weight: bold; }
DD {
	/*/*/margin-bottom: 1em;/* */    /* hide from NS4 */
	/*/*//*/margin-left: -2em;/* */  /* just for NS4 */
	}

/* -- hide HRs */
HR { display: none; }

/* END: basic tag definitions */



/* BEGIN: color definitions ================================================= */
/* NOTES:
- CLASS based
- may appear multiple times in a page/template
- meant to be used on a TD or even a DIV (as a secondary class -- not supported in ns4)
*/
.BGpowderblue { background-color: #EBF5FF; }
.BGlgtblue { background-color: #66A3C2; }
.BGlgtblue2 { background-color: #B1D1FE; }
.BGmedblue { background-color: #9CF; }
.BGmedblue2 { background-color: #13709D; }
.BGdrkblue { background-color: #069; }
.BGgrey { background-color: #CCC; }
.BGllgrey { background-color: #E5E5E5; }
.BGyellow { background-color: #FFC; }
.BGslateblue { background-color: #7FB2CC; }
.BGwhite { background-color: #FFF; }

/* START: Define the behaviour of WISHES Content. */

.homepageFragment
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.HomepageFragment
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.homepageFragment P
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.HomepageFragment P
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.homepageFragment LI
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.HomepageFragment LI
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.homepageFragment TD
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.HomepageFragment TD
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.homepageFragment DD
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}

.HomepageFragment DD
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
}
 
.homepageFragment TD P 
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;  	
}

.HomepageFragment TD P 
{
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;  	
}

 .homepageFragment H1 {	font-size: 20px; font-weight: bold; 	color: #f90; }
 .homepageFragment H2 {	font-size: 18px; font-weight: bold; 	color: #f90; }
 .homepageFragment H3 {	font-size: 16px; font-weight: bold; 	color: #f90; }
 .homepageFragment H4 {	font-size: 16px; font-weight: bold; 	color: #f90; }
 .homepageFragment H5 {	font-size: 14px; font-weight: bold; 	color: #f90; }
 .homepageFragment H6 {	font-size: 12px; font-weight: bold; 	color: #f90; }

 .HomepageFragment H1 {	font-size: 20px; font-weight: bold; 	color: #f90; }
 .HomepageFragment H2 {	font-size: 18px; font-weight: bold; 	color: #f90; }
 .HomepageFragment H3 {	font-size: 16px; font-weight: bold; 	color: #f90; }
 .HomepageFragment H4 {	font-size: 16px; font-weight: bold; 	color: #f90; }
 .HomepageFragment H5 {	font-size: 14px; font-weight: bold; 	color: #f90; }
 .HomepageFragment H6 {	font-size: 12px; font-weight: bold; 	color: #f90; } 

.homepageFragment A:link { color: #369; }
.homepageFragment A:active { color: #369; }
.homepageFragment A:visited { color: #369; }

.HomepageFragment A:link { color: #369; }
.HomepageFragment A:active { color: #369; }
.HomepageFragment A:visited { color: #369; }

/* START: Define the behaviour of WISHES Content. */



/* END: color definitions */

/* START : v4 Browsers Only code placed here as @import isnt supported for v4 browsers version in dhtml.css */

table.menuIEFOUR{
    background-image: url(../images/fill.personal-nav.gif);
    background-repeat: repeat-y;
    background-position: top left;
    background-color: #13709D;
    margin: 0;
    padding-bottom: 0.3em;
}

.menuIEFOURDOWN{
    background-image: url(../images/arrow.blue.gif);
}

.menuIEFOURSIDE{	
	background-image: url(../images/menu.arrow.0.gif);
}

.menuIEFOURDOWN{
	background-image: url(../images/arrow.blue.gif);
}

.menuIEFOURDOWN, .menuIEFOURSIDE, .menuIEFOURDOWN{
    background-repeat: no-repeat;
    background-position: left center;
}

table.menuIEFOUR td{
	font-weight: bold;
    font-size: 70%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.menuIEFOURUser{    
    color:white;
    padding-left: 30px;
    text-decoration: none; 
    font-weight: normal;
}

.menuIEFOUR a, .menuIEFOUR a:link, .menuIEFOUR a:visited, .menuIEFOUR a:hover{
    color: #99CCFF;
    text-decoration: none;
}
/* END: IE 4 CSS */

/* START: NS 4 */
#menu a:link, #menu a:hover, #menu a:visited, #menu a{
    /*/*//*/color: #13709D;/* */  /* just for NS4 */
    /*/*//*/font-weight: bold;/* */  /* just for NS4 */
}

#menu ul li{
    list-style-type: none;
}

.hideNSFOUR{/*/*//*/display:none;/* */  /* just for NS4 */}
/* END: NS 4 */

/* These styles imported from new_and_simple.css - the future of CSS! */
h3.navigationHeader
{
	text-transform: uppercase;
	color: #6089B2;
	font-size: 0.7em;
	font-weight: bold;
	font-style: normal;
}

h3.navigationHeader em
{
	font-style: normal;
	font-size: 1.1em;
	color: #FF9B06;
}