/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size:13px;
	line-height:17px;
  color:black; 
  background:#E7EDB4;
  font-family: Arial, Helvetica, sans-serif;
	margin:0px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold; margin:0px; padding:0px; color:#CA4C64; margin-bottom:10px; }

h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:110%; }
h5 { font-size:90%; }
h6 { font-size:80%; }

h1 A { color:#CA4C64; text-decoration:none; }
h2 A { color:#CA4C64; text-decoration:none; }
h3 A { color:#CA4C64; text-decoration:none; }
h4 A { color:#CA4C64; text-decoration:none; }
h5 A { color:#CA4C64; text-decoration:none; }
h6 A { color:#CA4C64; text-decoration:none; }

h1 A:HOVER { text-decoration:underline; }
h2 A:HOVER { text-decoration:underline; }
h3 A:HOVER { text-decoration:underline; }
h4 A:HOVER { text-decoration:underline; }
h5 A:HOVER { text-decoration:underline; }
h6 A:HOVER { text-decoration:underline; }

/* ELEMENTS
-------------------------------------------------------------- */

A 					{ color:#030243; }
A:active 		{ color:#030243; }
A:visited 	{ color:#030243; }
A:hover 		{ text-decoration:none; }

DIV	{ margin:0px; padding:0px; }
P	{ margin:0px; padding:0px; padding-bottom:10px; }

TD A { color:#030243; text-decoration:underline; }
TD A:HOVER { text-decoration:none; }

FORM { margin-bottom:10px; }

UL, OL { margin:0px; padding:0px; padding-left:20px; margin-top:-5px; margin-bottom:10px; }
LI { margin-top:2px; }

/* Misc IDs
-------------------------------------------------------------- */
#header { width:100%; background-image:url(../images/img_people2.jpg); background-position:top right;  background-repeat:no-repeat; background-color:white; }
#logo { margin:18px; }

#shadow { width:970px; margin:auto; background-color:#E7EDB4; background-image:url(../images/img_grad_shadow.jpg); background-position:top; background-repeat:repeat-y; }

#container  { width:900px; margin:auto; background-color:#BEE868; overflow:hidden; padding-left:29px; }

#topElement { margin-top:10px; }

DIV#homeRight { float:right; width:190px; background-image:url(../images/img_banner.jpg); background-position:top right;  background-repeat:no-repeat;	background-color:transparent; margin-top:10px; padding-bottom:20px; }
DIV#homeRight H4 { padding-left:10px; }
DIV#homeRight P { width:165px; padding-left:10px; font-size:90%; }
DIV#homeRight UL { margin-left:10px; }

DIV#homeRight2 { float:right; width:190px; background-image:url(../images/img_banner2.jpg); background-position:top right;  background-repeat:no-repeat;	background-color:transparent; margin-top:10px; margin-left:30px; padding-bottom:20px; }
DIV#homeRight2 H4 { padding-left:10px; }
DIV#homeRight2 P { width:165px; padding-left:10px; font-size:90%; }
DIV#homeRight2 UL { margin-left:10px; }

DIV#homeLeft { width:680px; }

#bubble1 { background-image:url(../images/img_bubble1.jpg); background-position:top left;  background-repeat:no-repeat;	background-color:transparent; margin-top:10px; }
#bubble1 P { width:365px; font-size:120%; padding-top:30px; padding-left:40px; padding-bottom:30px; }

#registerInnovate { background-image:url(../images/img_register_innovate.jpg); background-position:top left;  background-repeat:no-repeat;	background-color:transparent; float:left; width:180px; }
#registerInnovate P { width:150px; color:white; font-size:110%; font-weight:bold; text-align:center; padding-top:10px; padding-bottom:220px; }
#registerInnovate P A { color:white; }

#bubbles { float:left; width:460px; margin-top:20px; }

DIV#bubbles DIV#bubble2 { background-image:url(../images/img_bubble2.jpg); background-position:top left;  background-repeat:no-repeat;	background-color:transparent; width:420px; padding-left:60px; padding-top:50px; padding-bottom:45px; margin-bottom:20px; }
DIV#bubbles DIV#bubble2 P { font-size:120%; }
DIV#bubbles DIV#bubble2 UL { font-size:120%; margin-top:-10px; }

DIV#bubbles DIV#bubble3 { background-image:url(../images/img_bubble3.jpg); background-position:top left;  background-repeat:no-repeat;	background-color:transparent; }
DIV#bubbles DIV#bubble3 P { font-size:120%; padding-top:27px; padding-bottom:20px; padding-left:70px; }

#sponsorLogos { float:right; width:40px; margin-top:100px; }

DIV#bubble4 { background-image:url(../images/img_bubble4.jpg); background-position:top left;  background-repeat:no-repeat;	background-color:transparent; padding-top:30px; padding-bottom:25px; margin-bottom:40px; margin-top:320px; }
DIV#bubble4 P { padding-left:50px; margin-right:60px; width:360px; font-size:120%; }
DIV#bubble4 UL { padding-left: 70px; font-size:120%; margin-top:-10px; }

#txtBx { overflow:hidden; width:842px; margin:0px; padding-left:10px; padding-right:10px; background-color:white; border-left:solid 2px #BF4A61; border-right:solid 2px #BF4A61; }
#boxTop { position:relative; top:3px; }
#boxBottom { position:relative; top:-3px; margin-bottom:10px; }

#questionForm { width:600px; }

#disclaimer { font-size:80%; }

#bottomBorder { border-width:0px; border-style:solid; border-color:#CA4C64; border-top-width:1px; padding:1px; margin-top:10px; margin-bottom:10px; }

/* Misc Classes
-------------------------------------------------------------- */
.blackBar { width:100%; background:black; padding:0px; }
.blackBar P { color:white; margin-right:10px; padding-bottom:5px; }
.blackBar P A { color:white; text-decoration:none; }
.blackBar P A:HOVER { color:white; text-decoration:underline; }
.blackBar P#nav { margin:0px; width:900px; margin-left:auto; margin-right:auto; padding-top:5px; }
.blackBar P#nav A { font-size:130%; font-weight:bold; color:#E25671; }
.blackBar P#nav A.nav { margin-right:80px; }
#footer.blackBar { text-align:center; }
#footer.blackBar P A { margin:10px; }

#expertsNav { text-align:right; }
#expertsNav SPAN { margin:0px 10px 0px 10px; }
#expertsNav A,#expertsNav SPAN { color:#CA4C64; }

.lrPadding { margin:0px; padding:0px 30px 0px 30px; }

.contactLeft { width:25%; float:left; }
.contactRight { width:75%; float:left; }

.hide       { display: none; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.empty { margin:0px; padding:0px; }
.noPad { padding:0px; }
.noMarg { margin:0px; }

.padL1			{ padding-left:10px; }
.padR2			{ padding-right:20px; }

.margR0 { margin-right:0px; }
.margL1			{ margin-left:10px; }
.margL2			{ margin-left:20px; }
.margR08			{ margin-right:8px; }
.margR1			{ margin-right:10px; }
.margR2			{ margin-right:20px; }
.margR4			{ margin-right:40px; }
.margT1			{ margin-top:10px; }
.margT3			{ margin-top:30px; }
.margB1			{ margin-bottom:10px; }
.margB3			{ margin-bottom:30px; }

.special { font-weight:bold; font-style:italic; }

.smallText { font-size:85%; }

.floatLeft  { float:left; }
.floatRight  { float:right; }
.textCenter { text-align:center; }

.twoColumn { float:left; width:49%; }
.threeColumn { float:left; width:33%; }