/* -------------------------------------------
Oneshare Investments
------------------------------------------- */

html { font-size: 100.01%; }
body { margin: 0; padding: 0 0 0; background: #f4f6e1; color: #000; font: 70.5%/1.6 Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { color: #4f2a17; font: 1em Arial,Helvetica,sans-serif; }

/* reset defaults
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl, p { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
img, div { behavior: url(iepngfix.htc) }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #ff7f00; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

/* headings
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; color: #4f2a17; font: bold 2.2em Helvetica,sans-serif;}
h1 { font-size: 3.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.3em; }


/* layout
------------------------------------------- */
#plan529mast { background: #f4f6e1 url(../images/masthead_529-sky.gif) repeat-x; }
 #plan529mast div.outer { background: 50% 0 url(../images/masthead_529.gif) no-repeat; }
  #plan529mast div.inner { position: relative; width: 930px; margin: 0 auto; padding: 400px 0 10px; }
  
#collegemast { background: #f4f6e1 url(../images/masthead_college-sky.gif) repeat-x; }
 #collegemast div.outer { background: 50% 0 url(../images/masthead_college.gif) no-repeat; }
  #collegemast div.inner { position: relative; width: 930px; margin: 0 auto; padding: 400px 0 10px; }
  
#main { background: #f4f6e1 url(../images/masthead_about-sky.gif) repeat-x; }
 #main div.outer { background: 50% 0 url(../images/masthead_about.gif) no-repeat; }
  #main div.inner { position: relative; width: 930px; margin: 0 auto; padding: 400px 0 10px; }
  
#ira { background: #f4f6e1 url(../images/masthead_ira-sky.gif) repeat-x; }
 #ira div.outer { background: 50% 0 url(../images/masthead_ira.gif) no-repeat; }
  #ira div.inner { position: relative; width: 930px; margin: 0 auto; padding: 400px 0 10px; }
  
#homepage { }
 #homepage div.outer {
	background-image: url(../images/bnr_welcome.png);
	background-repeat: no-repeat;
	background-position: 50% bottom;
}
  #homepage div.inner { position: relative; width: 930px; margin: 0 auto; padding: 150px 0 10px; }
  
#subpage { }
 #subpage div.outer { }
 #subpage div.outer-blue { background: url(../images/bg_blue.gif) repeat-x; }
 #subpage div.outer-orange { background: url(../images/bg_orange.gif) repeat-x; }
 #subpage div.outer-green { background: url(../images/bg_green.gif) repeat-x; }
 #subpage div.outer-brown { background: url(../images/bg_brown.gif) repeat-x; }
  #subpage div.inner { position: relative; width: 930px; margin: 0 auto; padding: 150px 0 10px; }
   
   #logo {
	position: absolute;
	left: 1px;
	top: 30px;
	width: 187px;
	height:43px;
	background: url(../images/logo-oneshare.png) no-repeat;
}
    #logo a { display: block; overflow: hidden; width: 187px; height: 43px; text-indent: -10001px; }
   #starburst {
	position: absolute;
	right: 835px;
	top: 78px;
	overflow: hidden;
	width: 122px;
	height: 110px;
	background: url(../images/starburst.png) no-repeat;
	text-indent: -10001px;
}
   #content { overflow: hidden; width: 100%; padding: 0 0 20px; }
    #content div.primary { float: left; width: 630px; }
    #content div.secondary {
	float: right;
	width: 280px;
	clip: rect(auto,auto,auto,-10px);
}
	#content div.start { float: left; width: 930px; }
    #avatar {
	float: right;
	width: 380px;
	clip: rect(auto,auto,auto,-10px);
	background-color: #d6d9b8;
	padding: 5px;
}
	#form {
	float: left;
	width: 530px;
	background-color: #e7eace;
}
	
	
	#content div.secondary p{ 
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
	 

 #footer-home div.inner {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	padding: 15px 0;
	 background: #e7e8d1;
}

#footer-home {
	 background: #e7e8d1;
}

#footer-home, .push {
  
   height: 510px;
}

  #footer-home div.primary { float: left; }
  #footer-home div.secondary { float: right; width: 245px; padding: 0 50px 0 0; text-align: right; }
   #footer-home p { margin: 0; color: #9ea07a; font-size: 0.8em; }
   #footer-home p.first { margin: 0 0 5px; color: #fff; font-size: 0.9em; }
    #footer-home p.first a { color: #fff; }
    #footer-home div.primary p.first a { padding-left: 3px; }




 #footer div.inner {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	padding: 15px 0;
	 background: #e7e8d1;
}

#footer {
	 background: #e7e8d1;
}
#footer, .push {
  
   height: 320px;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -320px;
	padding: 0;
}

  #footer div.primary { float: left; }
  #footer div.secondary { float: right; width: 245px; padding: 0 50px 0 0; text-align: right; }
   #footer p { margin: 0; color: #9ea07a; font-size: 0.8em; }
   #footer p.first { margin: 0 0 5px; color: #fff; font-size: 0.9em; }
    #footer p.first a { color: #fff; }
    #footer div.primary p.first a { padding-left: 3px; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */
 
/* elements
------------------------------------------- */
img.bottompad {
	border: none;
}

#about { }
 #about h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -335px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}
 #about ul { overflow: hidden; list-style: none; height: 17px; margin: 13px 0 8px; padding: 0; background: url(../images/headers.png) 0 -69px no-repeat; }
  #about ul li { position: absolute; left: -10001px; top: -10001px; }
  
#iras { }
 #iras h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -507px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}
 #iras h3.call {
	color: #FF5B3F;	
}
  
#about-mission { }
 #about-mission h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -391px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}
  
#about-specialists { }
 #about-specialists h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -447px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}

#about-jobs { }
 #about-jobs h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -559px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}
  
#plan529 { }
 #plan529 h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -112px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}
 #plan529 ul { overflow: hidden; list-style: none; height: 17px; margin: 13px 0 8px; padding: 0; background: url(../images/headers.png) 0 -69px no-repeat; }
  #plan529 ul li { position: absolute; left: -10001px; top: -10001px; }
  
#plan529-basics { }
 #plan529-basics h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -168px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}

#plan529-advantages { }
 #plan529-advantages h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -224px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}

#plan529-answers { }
 #plan529-answers h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -280px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}
  
#college { }
 #college h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}

#college-strategies { }
 #college-strategies h2 {
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
	text-indent: -10001px;
	height: 55px;
	padding: 0px;
}

 #college ul { overflow: hidden; list-style: none; height: 17px; margin: 13px 0 8px; padding: 0; background: url(../images/headers.png) 0 -69px no-repeat; }
  #college ul li { position: absolute; left: -10001px; top: -10001px; }
  
#plan { }
 #plan h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -95px;
	text-indent: -10001px;
	height: 97px;
}

#plan a { display: block; overflow: hidden; width: 280px; height: 97px; text-indent: -10001px; }

#joinira { }
 #joinira h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -268px;
	text-indent: -10001px;
	height: 99px;
}

#joinira a { display: block; overflow: hidden; width: 280px; height: 99px; text-indent: -10001px; }

#getstarted { }
 #getstarted h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -199px;
	text-indent: -10001px;
	height: 67px;
}

#emailus { }
 #emailus h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -369px;
	text-indent: -10001px;
	height: 31px;
}

#emailus a { display: block; overflow: hidden; width: 280px; height: 31px; text-indent: -10001px; }

#email {
    display: none
}

#newsletter {
	background-color: #fafbed;
	margin-bottom: 10px;
	margin-top: 10px;
}

 #newsletter h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -401px;
	text-indent: -10001px;
	height: 36px;
	padding: 0px;
}

 #form_box {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
  
#keys {
	background-color: #e4e6be;
	margin-bottom: 10px;
	margin-top: 10px;
}
 #keys h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10001px;
	height: 49px;
	padding: 0px;
	margin-left: -9px;
}

 #keys h3 {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	text-transform: none;
}

 #keys hr {
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 0;
}


#next { }
 #next h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -50px;
	text-indent: -10001px;
	height: 45px;
	padding: 0px;
}

#contact {
	background-color: #c9ddc7;
}
 #contact h2 {
	background-image: url(../images/headers-sb.png);
	background-repeat: no-repeat;
	background-position: -10px -437px;
	text-indent: -10001px;
	height: 35px;
	padding: 0px;
}

#tabs {
font-family:arial,verdana,sans-serif;
height:43px;
left:732px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0;
position:absolute;
top:0;
width:225px;
z-index:200;
}



#tabs li {
	display:block;
	float:left;
	list-style-type: none;
}
#tabs li a {display:block; float:left; height:32px; width:100px; text-decoration:none; padding:0; cursor:pointer;}
#tabs li a b {margin-left:-9999px;}

ul#tabs li.giveashare a  { 
    background-image: url(../images/tab-giveashare.png);
    width:83px;
    height: 29px;
	margin-right: 10px;
}
ul#tabs li.giveashare a:hover {
    background-image: url(../images/tab-giveashare_rollover.png);
}

ul#tabs li.growashare a { 
    background-image: url(../images/tab-growashare_onstate.png);
    width:105px;
    height: 29px;
}

.ajax-loading{ background: #f4f6e1 url(../images/ajax-loader.gif) no-repeat 100px 0px; height: 60px;}

p.error { background-color: #dcc1c1; color: brown; padding: 5px; border: 1px dotted #f4f6e1; text-align: center;}
p.success { background-color: #d9dcc1; color: brown; padding: 5px; border: 1px dotted #f4f6e1; text-align: center;}
p.lesspad {
	margin: 0px;
}
#p.contact {
	padding-left:20px;
	padding-right: 5px;
	padding-bottom: 5px;
}