/* SPA-ETF CSS */

/*body, td  		{margin: 0; padding: 5px 0 0 0; border: 0; font-family: Arial, Helvetica, sans-serif; color: #000000;}
body			{background-color: #c6c7c9;}*/
body.blank 		{background-color: #ffffff;}
img				{border: 0;}
a 				{text-decoration: none; color: #0c4477;}
address 		{font-style:normal}
a:hover			{text-decoration: none; color: #96c2e4;}
acronym,abbr	{border: 0;}
sup, sub		{vertical-align: baseline;}
p				{padding: 0em 0 0.3em 0; margin: 0;}
p,ul,td, th		{font-size: 0.75em;font-style:normal}
form 			{padding: 0; margin: 0;}

.skip			{display: none;}
.clear 			{clear: both;}

/* Headings */
h1, h2, h3, h4, h5, .darkBlue {color: #111f59; font-family: Arial, Helvetica, sans-serif;}
h1				{font-size: 1.5em; font-weight: bold; padding-top: 9px; margin: 0 0 8px 0; line-height: 1.0em;} 
h2				{font-size: 1.1em; font-weight: normal; padding: 0; margin:8px 0 8px 0; line-height: 1.0em;}
h3				{font-size: 0.75em; font-weight: bold; padding: 0; margin: 0 0 7px 0; line-height: 1.1em;}
h4				{font-size: 0.75em; font-weight: normal; padding: 0; margin: 0 0 7px 0; line-height: 1.0em;}


/* Header */
#header 						{width: 990px; padding: 0; margin: 0 auto; border-top: 1px solid #9aa3cc; border-left: 1px solid #9aa3cc; border-right: 1px solid #9aa3cc; clear: both; overflow: auto; background-color: #FFFFFF;}
#header ul#worldTime 			{margin: 15px 0 0 0; padding: 0; color: #ffffff; font-size: 0.70em; float: right;}
#header ul#worldTime li 		{margin: 0; padding: 0; list-style: none; display: inline; font-weight: bold;}
#header ul#worldTime .time 		{float: left; padding: 0 30px 0 3px;}
#header ul#worldTime .timeZone 	{float: left; margin: 0 0 0 5px;}
#header #logo 					{float: left;}
#header #logo2 					{float: right;margin:20px 30px 0px 0px}
#header .blueBar 				{background-color: #0d2d6d; clear: both; border: 0px solid #FF0000;}
#header #tagLine 				{float: left;}

/* Main Frames */
#mainFrame 							{width: 990px; border-left: 1px solid #9aa3cc; border-right: 1px solid #9aa3cc; padding:0; margin: auto; clear: both; background-color: #FFFFFF;}
#mainFrame .homeContent				{margin: 0; border: 0px solid  #FF0000;}
#mainFrame .homeContent	.panel1 	{margin: 0; border: 0px solid  #FF0000; width: 515px; height: 290px; float: left; background-image: url(http://spa-etf.com/images/pageimages/splashbgleft.jpg); background-repeat: no-repeat;}
#mainFrame .homeContent	.panel2 	{float: left;}
#mainFrame .homeContent .heading 	{margin: 70px 0 0 25px; font-size: 2.0em; color: #ffffff; letter-spacing: 0.2em;}
#mainFrame #mainCopy 				{margin: 30px 0 0 25px; padding: 0; list-style: none; color: #FFFFFF; font-weight: bold;}
#mainFrame #mainCopy li 			{float: left;}
#mainFrame #mainCopy li.col1 		{width: 500px; padding: 20px 10px 35px 0;}
#mainFrame #mainCopy li.col2 		{width: 190px; border-left: 2px solid #003366; padding: 20px 0 35px 25px;}
#mainFrame #mainCopy h2 			{margin: 0 0 15px 0; padding: 0; font-size: 1.8em; font-weight: bold; color: #ffffff; letter-spacing: 0.1em;}
#mainFrame #mainCopy a:hover 		{color: #FFFFFF;}

#homeOptions				{width:990px; height:122px;}
#homeOptions ul				{margin:0; padding:0; display: inline; float: left; list-style:none;}
#homeOptions ul li			{margin: 0; padding-top: 0; float:left;}
#homeOptions ul li.col1		{width: 274px; padding: 0 28px 0 28px; color:#0d2d6d;}
#homeOptions ul li.col2		{width: 274px; padding: 0 28px 0 28px; color:#0d2d6d;}
#homeOptions ul li.col3		{width: 274px; padding: 0 28px 0 28px; color:#0d2d6d;}
#homeOptions #title			{font-size: 18px; padding: 20px 0 4px 0;}
#homeOptions #link			{font-size: 12px; padding: 3px 0 20px 16px; font-weight: bold; text-decoration: none; color:#96C2E4; background-image: url(http://spa-etf.com/images/pageimages/arrow.options.gif); background-repeat:no-repeat; background-position: 0 8px;}
#homeOptions #link a		{font-size: 12px; font-weight: bold; text-decoration: none; color:#96C2E4;}
#homeOptions #link a:hover	{font-size: 12px; font-weight: bold; text-decoration: underline; color:#0d2d6d;}

#pageFrame 						{width: 990px; border-left: 1px solid #9aa3cc; border-right: 1px solid #9aa3cc; padding: 0; margin: 0 auto; background-color: #FFFFFF;}
#pageFrame .withoutRightColumn	{margin: 0px auto; overflow: hidden; height: 100%; background-image:url(http://spa-etf.com/images/bgr_separator.gif); border: 0px solid  #FF0000;padding-bottom:20px}
#pageFrame .withRightColumn		{margin: 0px auto; overflow: hidden; height: 100%; background-image:url(http://spa-etf.com/images/bgr_separators.gif); border: 0px solid  #FF0000;}
.topBorder 						{border-top: 6px solid #111f59; margin-top: 6px;}

/* Big Registration form additions */
#rightSide 					{height: 455px; width: 380px; float: left; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; border: 1px solid #9aa3cc;}
#rightSide a  				{line-height:30px; text-decoration: none; font-weight:bold; color: #0c4477;}
#rightSide a:hover			{line-height:30px; text-decoration: underline; font-weight:bold; color: #96c2e4;}
#twenty						{width: 350px; height: 20px;}
#mainColBig					{width: 510px; height: 470px; float: left; margin:20px 20px 0 0;padding:0px 0 15px 20px; border: 0px solid red;}
#mainboxBig					{width: 510px; height: 470px; border: 1px solid #9aa3cc; background-color:#006666;}
#title						{font-size: 1.3em; font-weight: bold; padding: 0; margin: 0 0 8px 0; line-height: 1.0em;} 
/* end */
#leftCol 					{width: 190px; float: left; border: 0px solid #000000; padding: 15px 0 0 0;}
#leftCol h1 				{margin-right: 15px;}
#mainColLarge				{width: 725px; float: left; border: 0px solid #000000; margin: 20px 0 0 20px; padding: 0 0 0 0;}
#mainColLarge .introCol		{width: 490px; float: right; border: 0px solid #000000; margin: 15px 0 0 0px; padding: 0 0 0 0;}
#mainColLarge .tagLine		{width: 700px; float: left; border: 0px solid #000000; margin: 0px 0 0 0px; padding:0px 0 0 0px; }
#mainColLarge .tagLine h1	{font-size: 1.1em; font-weight: normal;color:#83B8E1;}
#mainColSmall				{width: 540px; float: left; margin:20px 20px 0pt;padding:0px 20px 15px 0pt; border: 0px solid #FF0000;}
#mainColForm				{width: 540px; float: left; margin:20px 0px 0pt;padding:0px 20px 0px 20pt; border: 0px solid #FF0000;} 
#rightCol 					{width: 185px; float: left; margin: 20px 0 20px 0; border: 0px solid #00CC00;margin:20px 0pt;}
#crumbTrail 				{width: 780px; float: left; font-size: 0.70em; padding: 12px 0 4px 0; border-bottom: 1px solid #dee1ee; margin: 0 0 0 20px; background-color: #FFFFFF;}

/* Forms */
form input, textarea	{border: 1px solid #C2C2C2; line-height: 1.1em;}
form input.submit 		{border: 1px solid #96c2e4; background-color: #96c2e4; font-weight: bold; padding: 0.2em 0 0.1em 0; margin: 0 0 1px 0; font-size: 1.0em; color: #ffffff;}
form input.radio		{border: 0;}
form input.checkbox		{border: 0;}
#lncQuickLinks label 	{display: block; float: left; padding: 4px 7px 0 0; border: 0px solid #000000;  font-size: 1.3em;}
#btnSearch 				{font-size: 1.3em;}

/* Left Navigation and sub navigation */

ul#extraNav 				{margin: 30px 20px 15px 17px; padding: 0; border-top: 1px solid #e2e2e2;}
ul#extraNav li 				{margin: 4px 0 4px 0; padding: 3px 0 5px 22px; border-bottom: 1px solid #e2e2e2; font-weight: normal; line-height: 1.2em;}
ul#extraNav li.spatv 		{background-image: url(../images/icon-spatv.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li.etfsexplained 	{background-image: url(../images/icon-etfsexplained.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li.register 	{background-image: url(../images/icon-register.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li.contactus 	{background-image: url(../images/icon-contactus.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li a 			{color: #003366;}
ul#extraNav li a:hover 		{color: #96C2E4;}

ul#subNav 				{margin: 0; padding: 0;}
ul#subNav li 			{margin: 0; padding: 3px 0 3px 0; list-style: none; border-bottom: 1px solid #e2e2e2; font-weight: normal; line-height: 1.2em; font-size:1.0em}
ul#subNav li a 			{color: #003366;}
ul#subNav li a:hover 	{color: #96c2e4;}
ul#subNav li .selected 	{color: #848ebb; font-weight: bold;}

ul#subNav ul 			{margin: 0 0 0 10px; padding: 0;}
ul#subNav ul li			{font-size: 1.2em; border-bottom: none; border-top: none;  background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding: 3px 0 3px 10px;}
ul#subNav ul li li		{font-size: 1.3em; border-bottom: none; border-top: none;  background-image: none; padding: 2px 0 2px 0; margin: 0;}
ul#subNav ul li a		{color: #003366;}
ul#subNav ul li a:hover	{color: #96c2e4;}

/* Tablular Styles */
div.tblCaption 					{font-size: 0.70em; font-weight: bold; color: #003366; margin: 0 0 5px 0;}
table.shadedTable 				{margin: 0 0 15px 0; width: 100%; border-bottom: 1px solid #aabbcc;}
table.shadedTable th 			{padding: 4px 20px 4px 10px; font-size: 1.0em; border-bottom: 0px solid #ebedf5; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #aabbcc; border-top: none;  border-left: none;  border-right: none; color: #003366;}
table.shadedTable td 			{padding: 4px 20px 4px 10px; font-size: 1.0em; border-bottom: 0px solid #ebedf5;}
table.shadedTable td.blank 		{background-color: transparent;}
table.shadedTable td.shaded 	{background-color: #E4F0F8;}
table.shadedTable th.doubleLine	{border-bottom: 1px solid #aabbcc; border-top: 1px solid #aabbcc;}

table.shadedList 				{margin: 0 0 20px 0; width: 100%; border:none;}
table.shadedList tr th 			{padding: 3px 10px 3px 10px; background: #111f59; color: #fff; font-size: 0.70em; font-weight: bold; text-align: left; }
table.shadedList td 			{padding: 5px 20px 5px 10px; font-size: 1.0em; border-bottom: 1px solid #ffffff; font-size: 0.75em; vertical-align: top;}
table.shadedList td.blank 		{background-color: transparent;}
table.shadedList td.shaded 		{background-color: #E4F0F8;}
table.shadedList th.doubleLine	{border-bottom: 1px solid #aabbcc; border-top: 1px solid #aabbcc;}
table.shadedList a 				{color: #003366;}
table.shadedList a:hover		{color: #e07003;}

table#nav 		{font-size: 0.6em; margin: 0 0 20px 0;}
table#nav th 	{padding: 2px 2px 2px 7px;}
table#nav td 	{padding: 2px 2px 2px 7px;}

table.genericTable 				{border:1px solid #9CC4DF; border-collapse: collapse;  margin: 0 0 20px 0;font-weight:bold}
table.genericTable th 			{color: #FFFFFF; background-color: #111F59; text-align: left;}
table.genericTable td,th		{padding: 4px 5px 4px 10px; border: 1px solid #9EC6E0;}
table.genericTable td.shaded 	{background-color: #CBDFEC; font-weight:normal}
table.genericTable td.blank 	{background-color: #EBF2F8; font-weight:normal}
table.genericTable td.total 	{background-color: #ffffff; border-top: 2px solid #9EC6E0; font-weight: bold; color: #000000;}
table.genericTable th.subth 	{background-color: #A3C8E1; color:#111E58}
table.genericTable a 			{color: #003366;}
table.genericTable a:hover 		{color: #9aa3cc;}
table.genericTable img.fileIcon {margin: 0 5px 0 0;}

table.formTable 			{border: 1px solid #9aa3cc;}
table.formTable tr.first 	{border-top: 10px solid #000000; padding-top: 15px;}
table.formTable tr.first td {padding-top: 10px;}
table.formTable td 			{padding: 3px 0 3px 15px; vertical-align: top;}
table.formTable td.label 	{font-weight: bold; width: 25%; padding-top: 10px;}
table.formSubTable  		{margin: 0 0 5px 0;}
table.formSubTable td 		{padding: 3px 0 3px 0px; font-size: 0.9em;}

table.bigFormTable 			{height: 477px; border: 1px solid #9aa3cc;}
table.bigFormTable tr.first td {padding-top: 10px;}
table.bigFormTable td 		{padding: 3px 0 3px 0; vertical-align: top;}

table#teams		{margin-top:0.9em;margin-bottom:1.0em;width:100%;}

.contactDetails {margin: 0 0 30px 0; padding: 0; border: 0px solid #000000; height: 100%; overflow: hidden;}
.contactDetails td {padding: 0 15px 0 0; vertical-align: top;}
.address 		{width: 50%; float: left;}
.contactInfo 	{width: 40%; float: right;}

/* Footer */
#footer							{width: 960px; padding: 8px 15px 8px 15px; font-size: 0.60em; color: #dadada; border-top: 0px solid #BABABA; margin: 0 auto 4px auto; border-top: 6px solid #111f59; border-right: 1px solid #9aa3cc; border-bottom: 1px solid #9aa3cc; border-left: 1px solid #9aa3cc; overflow: auto; clear: both; background-color: #FFFFFF;}
#footer #footlinks 				{float: right; text-align: right;}
#footer #copyright 				{color: #1B2B5F; float: left; width:680px;font-size:0.8em; font-family:Verdana;}
#footer #footlinks a 			{padding: 0 3px 0 3px;}

/* Email */
.email 		{font-size: 1.4em;}
.emailSmall 	{font-size: 1.1em;}

/*home page*/
#straplineBox{background:url('http://spa-etf.com/images/hp_bar.jpg') top left no-repeat; width:990px; height:83px; overflow:hidden}
#straplineBox p{font-size:1em; color:#fff; padding:5px 0 0 30px; margin:0;}
#straplineBox p.mainLine{font-size:1.5em; font-weight:bold; padding-top:18px;}

ul.threeColumns {margin: 0 0 0 0px; padding: 0; clear: both; font-size: 1.00em; border: 0px solid #000000; height: 100%;}
ul.threeColumns li {width: 215px; border: 0px solid #000000; float: left; margin: 20px 0 20px 5px; padding: 0 20px 0 0; list-style: none;}
ul.threeColumns a {color:#7ab3df;}
ul.threeColumns a:hover {color: #003366;text-decoration:underline}
/*ul.threeColumns li h2 {min-height: 2em;}*/
/*ul.threeColumns li h2 {height: 2em;}*/

.separator {display: block; border-bottom: 1px solid #CCCCCC; margin: 0px 0 10px 0;}

.twoColumnContent {margin: 0 0 20px 0; padding: 0; border: 0px solid #000000; height: 100%; overflow: hidden; clear:both;}
.twoColumnContent ul {margin: 0; padding: 0; font-size: 0.70em;}
.twoColumnContent li {list-style: none; padding: 0 20px 7px 0; border: 0px solid #000000;}
.twoColumnContent ul.colOne {width: 50%; float: left;}
.twoColumnContent ul.colTwo {width: 50%;  float: left;}

#siteMapBox	{margin-left:10px}
#siteMapBox	h1	{font-size:1.3em; padding:15px 0px 5px 0px}
#siteMapBox	h2	{font-size:1.0em;font-weight:bold;padding:5px 0px 2px 10px}
#siteMapBox	h3	{font-size:0.75em;font-weight:bold;padding:0px 0px 0px 20px}
#siteMapBox	h4	{font-size:0.6em;font-weight:normal;padding:5px 0px 0px 30px}

p.pdf { padding: 2px 0 2px 25px; background: url(http://spa-etf.com/images/pdf.gif) 0 50% no-repeat; }
#photoContainer{width:100px; padding-right:15px; float:left; padding-top:20px;}
#bioContent{margin-left:120px; padding-top:20px;}

/* Error Messages */
#errorMsg 			{width: 610px; border: 1px solid #bebebe; margin: 50px auto; padding: 30px 30px 30px 0px; font-size: 0.90em;background-color:#ffffff}
#errorMsg h1		{font-size: 1.4em; font-weight: bold; padding: 0; margin: 0 0 8px 0; line-height: 1.0em; }
#errorMsg ul		{margin: 0 0 0 20px; padding: 0;}
#errorMsg ul li		{margin: 0; padding: 3px 0 3px 0; list-style-type: square;}
#errorMsg .txtMsg 	{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 15px 0 15px 0; margin: 0 0 15px 0; font-size: 1.2em;}
#errorMsg .msgBody 	{margin: 0 0 0 120px;}
#errorMsg .icoError {float: left; margin: 0 0 0 40px;}
#errorMsg .smallLogo {float: right;}

/* Jim's Additions 07/09/07 */

#mainblock	{width: 990px; height: 300px; padding: 20px 20px 20px 20px; background-color: #FFFFFF;}
#formblock	{width: 700px; padding: 0; border: 1px solid #9aa3cc; background-color: #FFFFFF;}
#rightblock	{width: 230px; padding: 0; float: right; border: 1px solid #9aa3cc; background-color: #FFFFFF;}

#mainColFull {width: 100%; height:450px;margin: 0px auto 0px auto; background-color: #FFFFFF}

/* Left Navigation and sub navigation */
ul#leftNav 				{margin: 30px 5px 6px 17px; padding: 0; font-size: 12px;}
ul#leftNav li 			{margin: 0; padding: 4px 0 2px 0; border-bottom: 0px solid #e2e2e2; font-weight: bold; line-height: 1.2em; list-style: none;}
ul#leftNav li a 		{color: #003366; padding-left: 10px; background-image:url(http://spa-etf.com/images/arrows.nav.gif); background-repeat: no-repeat; background-position: 0 6px; text-decoration: none;}
ul#leftNav li a:hover 	{color: #96c2e4; padding-left: 10px; text-decoration: none;}
ul#leftNav li .selected {color: #96c2e4; padding-left: 10px; text-decoration: none; background-image:url(http://spa-etf.com/images/arrows.nav.gif); background-repeat: no-repeat; background-position: 0 6px; text-decoration: none;}

ul#leftNavSub 				{margin: 0 5px 6px 0px; padding: 0; font-size: 12px; }
ul#leftNavSub li 			{margin: 0; padding: 2px 0 2px 5px; font-size: 11px; border-bottom: 0px solid #e2e2e2; font-weight: bold; line-height: 1.2em; list-style: none;}
ul#leftNavSub li a 			{color: #003366; padding-left: 0px; text-decoration: none;background-image:none;}
ul#leftNavSub li a:hover 	{color: #96c2e4; padding-left: 0px; text-decoration: underline;}
ul#leftNavSub li .title		{color: #96c2e4; padding-left: 10px; text-decoration: none; background-image:url(http://spa-etf.com/images/arrows.nav.gif); background-repeat: no-repeat; background-position: 0 4px; text-decoration: none;}
ul#leftNavSub li .nonTitle	{color: #96c2e4; padding-left: 20px; text-decoration: none;text-decoration: none;}
ul#leftNavSub li .selected 	{color: #96c2e4; padding-left: 0px; text-decoration: none; background-image:none; text-decoration: none;}

ul#iconNav 				{margin: 0 20px 6px 17px; padding: 0; font-size: 12px; list-style: none;}
ul#iconNav li 			{margin: 0; padding: 0; font-size: 10px;}