body {
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#maincontainer {
    top: 125px;
    left: 175px;
    width: 470px;
    height: auto
}
h1, h2, h3 {
        font-weight: normal;
}
h1 {
    color: #00437b;
    font-size: 31px;
    line-height: 26px;
}
h2 {
    color: #447722;
    font-size: 18px;
}
h3 {
    color: #003366;
    font-size: 14px;
    margin: 0;
}
h4 {
    background-image:url(/gl/view/en/images/site_images/greenarrow.gif);
    background-position:0 0.25em;
    background-repeat:no-repeat;
    margin-top:12px;
    padding-left:0.75em;
    color: #447722;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 12px;
}

h5 {
    margin:0;
    padding: 10px 0 0;
	font-size: 11px;
}

p, ul li {
    font-size: 11px;
    color: #252525;
    /* Remove by Andrew  This breaks the menus, and the footers
	font-size: 85%;
    line-height: 150%;
    */
	font-family: Verdana, Arial, Helvetica, sans-serif;


}
li {
	list-style-image: url(/gl/view/guide_products/esp/images/index/esp_bullet2.gif);
}

hr {
    color: #999999;
    margin:15px 0;
	border-width: 0;
	background-color: #999999;
	height: 1px;
}

.boldgreen {
	font-weight: bold;
	color: #447722;
}

#starting_h4 {
    margin-top: 4px;
}
#college_plan_list li {
    font-style: italic;
}
#example_rate_chart {
    float: left;
}
#main_image {
    float: right;
	margin-right: 20px;
}
#hr {
    border-bottom: 1px solid #cccccc;
}

.doubledivider {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

#rightcol {
left: 468px;
position:absolute;
top:0px;
width: 287px;
}

#rightcol .rightcolpad {
	padding-right: 20px;
	padding-left: 25px;
	padding-top: 20px;
}
#rightcol li {
}

#rightcol ul {
	margin-left: 10px;
	padding-left: 10px;
}
#rightcol ul a:link {
    text-decoration: none;
    color: #003366;
}
#rightcol ul a:hover {
    text-decoration: underline;
    color: #003366;
}
#rightcol ul a:visited {
    color: #003366;
}
#rightcol ul li {
    color: #003366;
	list-style-image: url(/gl/view/guide_products/esp/images/index/esp_bullet1.gif);
}

#subfooter {
    width: 615px;
}

#subfooter a:link {
	text-decoration: none;
    color: #003366;
}

#subfooter a:hover {
	text-decoration: underline;
    color: #003366;
}

#subfooter a:visited {
	text-decoration: none;
    color: #003366;
}

#disclaimer p {
	color: #999999;
	font-size: 10px;
}

.source {
	color: #999999;
	font-size: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Snazzy Borders  
 *   This section is used to create the facy borders around the forms.
 *       CSS borrowed from - http://www.cssplay.co.uk/
 */

.zsnazzy {
	width: 420px;
}

.widesnazzy {
	width: 420px;
}


.xsnazzy {
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 30px;
	margin-top: 0px;
	background: transparent !important;
}

.xtop, .xbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.xb1, .xb2, .xb3, .xb4 {
	display: block;
	overflow: hidden;
}

.xb1, .xb2, .xb3 {
	height: 1px;
}

.xb2, .xb3, .xb4 {
	border-left: 1px solid #e6eaef;
	border-right: 1px solid #e6eaef;
}

.xb1 {
	margin: 0 5px;
	background: #e6eaef;
}

.xb2 {
	background-color: #e6eaef;
	margin: 0 3px;
	border-width: 0 2px;
}

.xb3 {
	background-color: #e6eaef;
	margin: 0 2px;
}

.xb4 {
	background-color: #e6eaef;
	height: 2px;
	margin: 0 1px;
}

.xboxcontent {
	display: block;
	border: 0 solid #e6eaef;
	border-width: 0 1px;
	height: auto;
	background-color: #e6eaef;
	padding: 10px 10px 10px 20px;
}

.xboxcontent ul {
	margin: 0 0 0 15px;
	padding: 0;
}

.xboxcontent li {
	padding-top: 5px;
}

.color_a {
	background-color: #e6eaef;
}