/* 
CONTENT STYLE SHEET FOR STUDENTGENERATOR.COM WEB SITE

    |<----------------------------- 900 px ---------------------------->|

body.oneColumn

    +-------------------------------------------------------------------+
    |#content                                                           |
    |                                                                   |
    |<----------------------------- 900 px ---------------------------->|
    |40  |                          840                           |   40|
    |                                                                   |
    +-------------------------------------------------------------------+

body.twoColumn

    +--------------------------------++---------------------------------+
    |#content                        ||#rightColumn                     |
    |                                ||                                 |
    |<----------- 450 px ----------->||<----------- 450 px ------------>|
    |20|          410             |20||20|          410              |20|
    |                                ||                                 |
    +-------------------------------------------------------------------+


body.sideBar

    +---------------------------------------------++--------------------+
    |#content                                     ||#sidebar            |
    |                                             ||                    |
    |                                             ||                    |
    |                                             ||                    |
    |<--------------- 640 px -------------------->||<------ 260px ----->|
    |                                       630|10||10|249+1            |
    |                                             ||                    |
    |                                             ||                    |
    |                                             ||                    |
    |                                             ||                    |
    |                                             ||                    |
    +---------------------------------------------++--------------------+


*/

/*---------- generics ----------*/

/* Header Styles */
h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #9d7600; }
h1 {font-size: 1.8em; font-weight: normal; letter-spacing: .3em; margin: 30px 0 20px 0;}
h2 {font-family: Sans-Serif; letter-spacing: .2em; font-size: 1.4em; font-weight: bold; margin: 30px 0 20px 0;}
h3 {font-size: 1.2em; font-family: Sans-Serif; font-weight: bold; letter-spacing: .1em; font-weight: bold; margin: 20px 0 10px 0;}
h4 {font-size: 1.2em; font-family: Sans-Serif; font-weight: bold; color: #336; margin: 20px 0px 0px 0px;}

td { vertical-align: top;}

/* Paragraph styles */
#content p, #content td, #rightColumn p {line-height: 150%;}
#content p.right {text-align: right;}
#content p.indent {margin-left: 25px;}	
#sideBar p, #sideBar td {line-height: 150%; margin: 10px 0;}
#content .small, #rightCol small {font-size: 1.0em;}
    
/* Calls to action */
#sideBar .getStarted {margin: 35px 0px; text-align: center;}
#sideBar .right {margin: 20px 0px; text-align: right;}

/* Tables */
#sideBar td {padding: 10px 3px;}

/*---------- home page ----------*/
.largeglobe {float: left; margin-right: 10px;}
#benefits {width: 380px; line-height: 150%;}
#benefits td {padding: 5px;}
#benefits td.tick {padding-left: 10px;}

/*---------- how it works ---------*/
.how_it_works .step {float: left; width: 630px;}
.how_it_works .step .stepImage {float: left; width: 230px;}
.how_it_works .step .stepText {float: left; margin: auto 10px; padding: 0 10px; width: 360px;}
.how_it_works .stepImage {float: left;}

/*---------- why it works---------*/
img.studentFaces {float: left; margin-right: 15px;}

/*---------- editions ---------*/
img.editions {float: left; margin-right: 15px;}
.editions .summary {font-size: 0.9em; border-collapse: collapse; margin: 20px auto;}
.editions .summary th, .editions .summary td {padding: 10px 5px;} 
.editions .summary th {font-weight: bold; text-align: right; background-color: #ccc; padding: 5px;}
.editions .summary td, .editions .summary th {border: solid 1px #336;}
.editions .summary td.data, .editions .summary th.data {text-align: center; width: 210px;}
.editions .summary td.caption, .editions .summary th.caption {text-align: right; width: 150px;}

.editions .details td {padding: 10px;}
.editions .details td.caption {width: 130px; text-align: center; font-weight: bold;} 
.editions .details tc.caption img {padding: 10px;}

/*---------- get started ---------*/
.get_started h1 {margin-top: 50px; border-top: solid 1px #9d7600; padding-top: 10px;}
img.stopwatch {float: left; margin-right: 25px}
img.serviceRequest {margin-left: 50px;}

/*---------- Contact ---------*/
img.map {margin-bottom: 25px;}
.contact_us h3 {}
.contact_us h4 {font-size: 1.1em;}
.contact_us h5 {margin: 20px 0px 5px 5px; font-weight: normal;}
.contact_us ul.contact {list-style-type: none; margin: 5px 0px 5px 25px;}
.contact_us li {background: transparent; padding-bottom: 5px; display: block;}
#rightColumn p.smallprint {font-size: 0.9em; text-align: right;}

/*---------- Admissions Management ---------*/
.admissions_management .introduction {width: 400px; padding: 0 10px; float: left;}
.admissions_management p.strapline {font-weight: bold; font-family: Sans-Serif; letter-spacing: 0.2em; font-size: 1.2em;}
.admissions_management div.admissionsManager {float: left; margin-right: 20px; padding: 20px; text-align: center; font-weight: bold; color: #555;}
.admissions_management .intelligentForms {float: right; margin: 0 20px 20px 20px; padding: 0px; text-align: center; font-weight: bold; color: #555;}
.admissions_management div.applicationTracker {float: left; margin: 0 20px 20px 20px; padding: 0px; text-align: center; font-weight: bold; color: #555;}
.admissions_management div.section {margin: 80px 0; clear: both;}

/*---------- Consulting ---------*/
.educationMarketing table.services {width: 760px; margin: 10px 40px;}
.educationMarketing table.services td {padding: 10px;}
.educationMarketing table.services td.caption {width: 170px; font-weight: bold; text-align: right;}



/*---------- site map ---------*/
#content dt img {margin-right: 10px;}
#content .mapitem {padding-top: 10px;}
#content .mapheader {text-transform: uppercase;	padding-bottom: 5px;}