body {
background: #3399cc url(../images/bg.jpg) repeat-x left top;
color: #666;
font-family: Arial,Verdana,sans-serif;
font-size: 62.5%;
font-weight: normal;
margin: 0;
}

#page_content div.last, #page_content li.last { margin-right: 0; }
.hidden_content { text-indent: -99999px; }

/*************
Header, P, HR & Small
*************/
h2, h3, h4 { letter-spacing: -1px; font-weight: normal; line-height: 1.64; margin-top: 0; }
h1 { color: #000; font-size: 3em; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; }
h2 { color: #3399cc; font-size: 2.6em; font-weight: bold; margin-bottom: 15px; }
h3 { color: #3399cc; font-size: 2em; font-weight: bold; margin-bottom:0.1em; }
p { font-size: 1.2em; line-height: 1.65; margin: 0 0 1.5em; }
p.note { font-size: 1em; font-style: italic; }
hr { border-top: 1px solid #cbc1a4; border-bottom: none; border-right: none; border-left: none; margin: 5px 0 10px; }
hr.hidden { border: none; clear: both; margin: 10px 0; visibility:hidden; }


/*************
Logo & Main Navigation
*************/
#logo {
background: url(../images/tuition_pro_logo.png) no-repeat left top;
float: left;
height: 58px;
margin: 10px 0 0;
width: 298px;
}

#main_nav {
height: 80px;
margin: 0 auto 5px;
overflow: hidden;
position: relative;
width: 780px;
}


#main_nav ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

#main_nav ul li {
float: left;
margin-right: 7px;
padding: 0;
}

#main_nav ul li a:link, #main_nav ul li a:visited {
color: #fff;
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 13px 7px;
text-decoration: none;
}

#main_nav ul li a:hover {
color: #000;
}

#main_nav ul li a.active {
color: #000;
}

#main_nav .btn_language {
position: absolute;
right: 0;
top: 50px;
}



/*************
Page Content
*************/
#page_content {
clear: both;
margin: 0 auto;
overflow: hidden;
width: 780px;
}

.white_top_corner {
background: #fff url(../images/white_top_corner.jpg) no-repeat left top;
overflow: hidden;
padding-top: 15px;
}

#page_content .white_bottom_corner {
background: url(../images/white_bottom_corner.jpg) no-repeat left bottom;
height: 25px;
overflow: hidden;
}

#page_content .entry {
padding: 0 20px;
margin: 10px 0;
overflow: hidden;
}

#page_content .entry ul {
list-style-type: none;
}

#page_content .entry ul li, #page_content .entry ol li {
font-size: 1.2em;
line-height: 1.64;
}



/*** for index page only ***/
#page_content.blue_top_corner { 
background: #fff url(../images/blue_top_corner.jpg) no-repeat left top;
overflow: hidden;
}

#page_content.blue_top_corner .billboard {
background: url(../images/index_billboard.jpg) no-repeat left top;
height: 340px;
margin-top: 20px;
overflow: hidden;
position: relative;
}

#page_content.blue_top_corner .billboard a:link, #page_content.blue_top_corner .billboard a:visited  {
background: url(../images/btn_learn_more.png) no-repeat left top;
cursor: pointer;
display: block;
height: 40px;
margin: 110px 150px 0 0;
position: absolute;
right: 0;
text-indent: -99999px;
width: 165px;
}

#page_content.blue_top_corner .billboard a:hover {
background-position: left -81px;
}

#page_content .entry .system_benefits {
background:  url(../images/system_benefits.jpg) no-repeat left top;
height: 490px;
}

#page_content .entry .how_tuition_pro_work {
background:  url(../images/how_tuition_pro_work.jpg) no-repeat left top;
height: 460px;
}

#page_content .blue_bottom_corner {
background: #0c66af url(../images/blue_bottom_corner.jpg) no-repeat left bottom;
height: 140px;
overflow: hidden;
padding: 20px;
}

#page_content .blue_bottom_corner h3 {
background: url(../images/rounded_arrow.png) no-repeat left bottom;
padding-left: 35px;
}

#page_content .blue_bottom_corner h3 a:link, #page_content .blue_bottom_corner h3 a:visited, #page_content .blue_bottom_corner h3 a:hover {
color: #fff;
text-decoration: none;
}

#page_content .blue_bottom_corner p {
color: #fff;
}

#page_content .blue_bottom_corner a:link, #page_content .blue_bottom_corner a:visited {
color: #000;
text-decoration: none;
}

#page_content .blue_bottom_corner a:hover {
color: #fff;
text-decoration: underline;
}



/*************
A Link
*************/
p a:link, p a:visited {
color: #3399cc;
text-decoration: none;
}

p a:hover {
color: #000;
text-decoration: underline;
}



/*************
Span-2-1
*************/
div.span-2-1 {
float: left;
margin: 0 30px 0 0;
width: 355px;
}

div.span-2-1 img {
background: #fff;
border: 1px solid #ccc;
margin-bottom: 15px;
padding: 4px;
}



/*************
Footer
*************/
#footer {
clear: both;
color: #fff;
height: 20px;
margin: 0 auto;
padding: 10px 0;
position: relative;
text-align: center;
width: 780px;
}

#footer p {
font-size: 1em;
font-weight: bold;
}