/* header changing bg images */
#container .thinking-about-study{
background-image:url(../images/thinking-about-study-bg.jpg);
background-repeat:no-repeat;
background-position:94% 100%;
}

html > body #container .thinking-about-study{
background-position:98% 100%;
}

#container .already-in-study{
background-image:url(../images/already-in-study-bg.jpg);
background-repeat:no-repeat;
background-position:94% 100%;
}

html > body #container .already-in-study{
background-position:98% 100%;
}

#container .finishing-study{
background-image:url(../images/finishing-study-bg.jpg);
background-repeat:no-repeat;
background-position:94% 100%;
}

html > body #container .finishing-study{
background-position:98% 100%;
}

#container .financing-study{
padding:0;
margin:0;
width:983px;
float:left;
font-size:100%;
background-color:#fff;
border:none;
background-image:url(../images/financing-study-bg.jpg);
background-repeat:no-repeat;
background-position:94% 100%;
}

html > body #container .financing-study{
background-position:98% 100%;
}

#container .tools-calculators{
padding:0;
margin:0;
width:983px;
float:left;
font-size:100%;
background-color:#fff;
border:none;
background-image:url(../images/tools-calc-bg.jpg);
background-repeat:no-repeat;
background-position:94% 100%;
}

html > body #container .tools-calculators{
background-position:98% 100%;
}

#container .about-studylink{
padding:0;
margin:0;
width:983px;
float:left;
font-size:100%;
background-color:#fff;
border:none;
background-image:url(../images/about-studylink-bg.jpg);
background-repeat:no-repeat;
background-position:94% 100%;
}

html > body #container .about-studylink{
background-position:98% 100%;
}

/* layout */

#container #main{
padding:20px 11px 8px 11px;
}

#container #main #leftcol{
padding:0 34px 0 0;
margin:0;
width:480px;
float:left;
position:relative;
font-size:100%;
background-color:transparent;
}

#container #main #leftcol #homepanel{
padding:0;
margin:0;
width:480px;
float:left;
position:relative;
font-size:100%;
background-color:transparent;
}

#container #main #leftcol #homepanel h1{
padding:0 0 5px 30px;
}

#container #main #leftcol #homepanel p{
padding:0 0 5px 30px;
font-size:120%;
}

#container #main #leftcol #homepanel #bubbles{
padding:0;
margin:0;
height:368px;
width:480px;
float:left;
position:relative;
font-size:100%;
background-color:transparent;
}

html > body #container #main #leftcol #homepanel #bubbles{
height:auto;
min-height:368px;
}

#container #main #leftcol #homepanel #bubbles a{
padding:8px 27px 5px 27px;
margin:0;
display:block;
color:#fff;
text-decoration:none;
position:relative;
width:217px;
/*background-color:transparent;
background-image:url(../images/home-bubble-top.gif);
background-repeat:no-repeat;
background-position:top right;
background: transparent url(../images/home-bubble-bg-bottom.gif) no-repeat bottom left;*/
margin:0;
padding:0 8px 8px 0;
}

* html #container #main #leftcol #homepanel #bubbles a{
position:relative;
float:left;
}

#container #main #leftcol #homepanel #bubbles a:hover{
text-decoration:underline;
cursor:pointer;s
}

#container #main #leftcol #homepanel #bubbles span.wrapper {
padding:0;
margin:0;
display:block;
float:left;
position:relative;
background: transparent url(../images/home-bubble-bg.gif) no-repeat top left;
padding:7px 0 0 0;
}

#container #main #leftcol #homepanel #bubbles span span{
padding:0 0 1px 0;
margin:0;
display:block;
position:relative;
width:176px;
color:#fff;
margin:0 0 0 25px;
padding:0;
}

* html #container #main #leftcol #homepanel #bubbles span span{
float:left;
position:relative;
display:inline;
}

#container #main #leftcol #homepanel #bubbles span .title{
width:190px;
font-size:115%;
}

* html #container #main #leftcol #homepanel #bubbles span .title{
float:left;
position:relative;
}

#container #main #leftcol #homepanel #bubbles .bubble1{
padding:0;
margin:30px 25px 12px 230px;
height:65px;
width:225px;
float:left;
position:relative;
display:inline;
}

#container #main #leftcol #homepanel #bubbles .bubble2{
padding:0;
margin:0 40px 12px 215px;
height:65px;
width:225px;
float:left;
position:relative;
display:inline;
}

#container #main #leftcol #homepanel #bubbles .bubble3{
padding:0;
margin:0 0 12px 255px;
height:65px;
width:225px;
float:left;
position:relative;
display:inline;
}

#container #main #leftcol #homepanel .img1{
background-color:transparent;
background-image:url(../images/home-image1.jpg);
background-repeat:no-repeat;
background-position:0 -1px;
}

#container #main #leftcol #homepanel .img2{
background-color:transparent;
background-image:url(../images/home-image2.jpg);
background-repeat:no-repeat;
background-position:0 -1px;
}

#container #main #leftcol #homepanel .img3{
background-color:transparent;
background-image:url(../images/home-image3.jpg);
background-repeat:no-repeat;
background-position:0 -1px;
}

#container #main #leftcol #homepanel #bubbles .button{
padding:0;
margin:0 0 0 274px;
text-align:right;
width:124px;
float:left;
position:relative;
display:inline;
background-color:transparent;
background-image:none;
}

html > body #container #main #leftcol #homepanel #bubbles .button{
margin:0 22px 0 334px;
text-align:left;
}

#container #main #leftcol #homepanel #bubbles .button a{
width:124px;
padding:0;
margin:0;
position:relative;
background-color:transparent;
background-image:none;
}
#container #main #leftcol #homepanel #bubbles .button a img{
background-color:#588300;
}

/* middle col / content layout */
#container #main #middlecol{
padding:0 20px 0 0;
margin:0;
width:254px;
float:left;
position:relative;
font-size:100%;
background-color:transparent;
}

#container #main #middlecol #content{
padding:0;
margin:0;
width:254px;
float:left;
position:relative;
font-size:100%;
background-color:transparent;
}

#container #main #middlecol #content .news{
padding:0 0 5px 0;
margin:0;
border:none;
}

#container #main #middlecol #content .news h2{
padding-bottom:0;
margin-bottom:-1px;
border:none;
border-bottom:solid 1px #fff;
z-index:3;
}

#container #main #middlecol #content .news .listing{
padding:5px 0 5px 0;
margin:0;
border:none;
border-top:dashed 1px #b3b3b3;
font-size:90%;
}

#container #main #middlecol #content .more-info{
padding:9px 0 5px 0;
margin:0 0 3px 0;
border:none;
border-top:dashed 1px #b3b3b3;
}

#container #main #middlecol #content h2{
padding:0 0 5px 0;
margin:0;
position:relative;
font-size:110%;
background-color:transparent;
text-transform:uppercase;
font-weight:bold;
}

#container #main #middlecol #content .links{
padding:0 0 3px 18px;
margin:0;
}