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

** File:      %M%  version %I%

** Author:    nat

** Modified:  %G%

** Copyright: I-Next Ltd

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

/* ident %W% */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

	font-weight: normal;

	color: #000066;

  text-align: center;
}



/* divs */



#topnav {
	font-family: Arial, Helvetica, sans-serif;
	width:auto;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px !important;
	
}

#footer    { z-index: 2; left: 0px; top: 0px; visibility: hidden; }

#secondnav {  clear: both; width: 689px; text-align: center;
  margin: 0 auto;
  padding: 0;
  
}

#container {
	width: 100%;
	float: left;
	/* height: 580px; */ background: url(/schema/gifs/logo_swoosh.jpg) #ffffff no-repeat center bottom;
	margin: 0 auto;
	padding: 0 0 180px 0;
	text-align: center;
}

#container_form { float: left; width: 100%;  background: url(/schema/gifs/logo_swoosh.jpg) #ffffff no-repeat center bottom;
  margin: 0 auto; padding: 0 0 210px 0; text-
align: center;
}

#contentwrapper { margin: 0 auto; width: 689px;
  /* height: 400px; */ }

#contentwrapper_form { margin: 0 auto; width: 800px;}

#content {
  float: left; margin-top: 10px; width: 70%;
 min- height: 300px;
  padding: 0; text-align: left;}


#contentwide {
  float: left; margin-top: 10px;
  width: 100%;
 min- height: 300px;
  padding: 0; text-align: left;}

#contentwide_form { float: left; margin-top: 10px; width: 100%;
 padding: 0 0 40px 0; text-align: left;
}

#imagepanel {float: right; margin-top: 10px; width: 25%; height: 240px; background: url(/schema/gifs/shadow.gif) no-repeat top left;}

#images { width: 160px; height: 200px;  float: left; }

#imageclicker {
  clear: both; text-align: center;
  width: 160px;
}




#images img {

	border: 1px solid black;

}






/* secondnav menu styles */

#secondnav table {
  font-size: 1em;
}

#secondnav td {

	font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

	/*width: 6em;*/

  text-align: center; 
  vertical-align: middle;
  border: 1px solid #00baf1;
}




#secondnav a{
  padding: 3px 6px 3px 6px;


  text-decoration: none;

	color: black;

	font-weight: normal;

  display: block;
}



#secondnav a:hover {

  background: #00baf1;

  color: white;
  text-decoration: none;
  display: block;
}





/* content styles */

#content h1, #content p.header1, #contentwide h1, #contentwide p.header1, #contentwide_form p.header1, #contentwide_form h1 {

  font-size: 13px;

	font-weight: bold;

}



#content h2, #content p.header2, #contentwide h2, #contentwide p.header2, #contentwide_form p.header2, #contentwide_form h2 {

  font-size: 12px;

	font-weight: bold;

}



#content h3, #content p.header3, #contentwide h3, #contentwide p.header3, #contentwide_form p.header3, #contentwide_form h3 {

  font-size: 12px;

	font-weight: bold;

}



#content p, #contentwide p, #contentwide_form p {

  font-size: 11px;

	line-height: 1.3em;

}



#content ul.round, #contentwide ul.round, #contentwide_form ul.round {
	list-style-type: disc;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	text-align: center;
}

#content ul.nostyle, #contentwide ul.nostyle, #contentwide_form ul.nostyle {

  list-style-type: none;

  font-size: 11px;

	margin: 0;

	padding: 0;

	line-height: 1.3em;

}

#content ol.norm, #contentwide ol.norm, #contentwide_form ol.norm {

  font-size: 11px;

	margin: 0;

	padding: 0;

	line-height: 1.3em;

}







#content a, #contentwide a, #contentwide_form a {

	color: #2e2c77;

  font-weight: bold;
	text-decoration: underline;

}



#content a:hover, #contentwide a:hover, #contentwide_form a:hover {

	color: #6BCFE2;

}





#imagepanel a, #imagepanel a:hover {

	color: #2e2c77;

	text-decoration: none;

}



td {

  font-size: 11px;

}



/* Applet Selectable Styles */



P.indent1 { margin-left: 1em; }

P.indent2 { margin-left: 2em; }

P.indent3 { margin-left: 3em; }

P.indent4 { margin-left: 4em; }



TD.alignright { text-align: right; }

TD.aligncenter { text-align: center; }

TD.aligntop { vertical-align: top; }

TD.alignbottom { vertical-align: bottom; }

TD.aligntopright {

  vertical-align: top;

  text-align: right;

}



TD.aligntopcenter {

  vertical-align: top;

  text-align: center;

}



TD.alignbottomright {

  vertical-align: bottom;

  text-align: right;

}



TD.alignbottomcenter {

  vertical-align: bottom;

  text-align: center;

}



SPAN.sup {

  font-size: 7px;

  vertical-align: super;

}

SPAN.sub {

  font-size: 7px;

  vertical-align: sub;

}



A.email {

  font-style: italic;
  font-weight: normal;
	text-decoration: none;

}



A.email:hover {

	text-decoration: underline;

}





/* Images */



IMG { border: 0px; }

IMG.floatright { float: right; }

IMG.floatleft  { float: left; }

IMG.floatrightwithmargin {

  float: right;

  margin: 3px 0px 10px 16px;

}

IMG.floatleftwithmargin {

  float: left;

  margin: 3px 16px 10px 0px;

}

IMG.noborder   { border-width: 0px; }





/* Applet Selectable Menu Styling */







a.singleline {

	line-height: 1.8em;

}



#content a.email, #contentwide a.email, #contentwide_form a.email {

	font-style: italic;

	text-decoration: none;

  font-weight: normal;
}



#content a.email:hover, #contentwide a.email:hover, #contentwide_form a.email:hover {

	text-decoration: underline;


}



/* form styles */



form td {

	vertical-align: top;

}

th {
  font-size: 0.7em;

  color: black;
  background: #8dd8f8;
  font-weight: normal;
}




/****************** drop-down menus *************************************/

#topnav a {
	/* <A> styling inherited by all topnavs */
  text-decoration: none;
	font-size: 11px;
	text-align: center;
	padding: 3px 11px 3px 11px;
	line-height: 1.3em;
	display: block;
	color: black;
}

#topnav li li a {
  /* <A> styling for second level onwards */
  margin: 0;
  padding: 3px 11px 3px 11px;
  text-align: left;
}

#topnav li {

  /* styling for level 1 <LI> */
  float: left;
  margin: 0 5px 0 5px;
  /*width: 141px;*/
}

#topnav li li {

  /* second level <LI> styling */
  padding: 0;

  margin: 0;
  line-height: 1.3em;

  width: 18em;

  text-align: left;


  display: block;
}


#topnav ul.round {
  /* top level <UL> styling */
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#topnav li ul.round {

  /* second level <UL> styling */
  position: absolute;

  left: -999em;

  width: 18em;

	height: auto;

  margin: 0 0 0 0;

  padding: 0 0 0 0;

}

#topnav li:hover ul , #topnav li.ieHover ul {

  /* show the second level topnav when user hovers over first level li */

	left: auto;

}

#topnav li:hover a, #topnav li.ieHover a {
  /* hover styling for level 1 <A> */
  color: white;
}

#topnav li:hover li a, #topnav li.ieHover li a {
  /* prevent all <A> tags highlighting when top level highlighted */
  color: black;
}

#topnav li li:hover a, #topnav li li.ieHover a {

 /* hover styling for level 2 <A> */
 color: white;

}



/****************** classes for menu li backgrounds ******************/
#topnav li.one {
	background: #00ADE0;
	text-align: center;
  /* Menu One */
}

#topnav li.two {
  background: #00baf1;
  text-align: center;
  /* Menu Two */ 

}

#topnav li.three {

  background: #3fc8f4;
  text-align: center;
/* Menu Three */
}


#topnav li.four {

   background: #8dd8f8;
   text-align: center;

/* Menu Four */
}



#topnav li.five {
  background: #c7eafb;
  text-align: center;
  /* Menu Five */
}

#topnav li.five ul.round {
  background: #c7eafb;
  text-align: center;
  
}

#topnav li.five li:hover, #topnav li.five li.ieHover {
  background: #3fc8f4;

}

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

textarea {
  overflow: auto;
}