/* CSS Document */

#mainHolder
{
	text-align: left;
	width: 900px;
	background: url(../images/back_main.png) top center repeat-y #2c2c2c;
	font-size: 1em;
}
#header
{
	position: relative;
	display: block;
	background: url(../images/back_header.png) top left no-repeat;
	width: 900px;
	height: 153px;
}
#accountBox
{
    position: absolute;
    right: 35px;
    top: 35px;
    width: 120px;
    color: #666666;
}
#accountBox h2
{
    color: #dd8020;
    font-size: 1.1em;    
}
#logo
{
	position: absolute;
	left: 37px;
	top: 42px;	
}
#menu
{
	position: absolute;
	left: 15px;
	top: 121px;	
}
#menu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;	
	white-space: nowrap;
	display: inline;
}
#menu li
{
	display: table-cell;
	position: relative;
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
	white-space: nowrap;
	float: left;
}
#menu a
{
	display: block;
	color: white;
	height: 19px;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 10px;
	float: left;
	border-right: 0px solid #b6c2d4;
}
#menu a:hover
{
	background-color: #48b6e4;	
}
#menu span
{
	position: relative;
	top: 3px;
	
}
#contentHolder
{
    display: block;    
    
}
#content
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 517px;
   
}
#customerCare
{
    float: left;
    width: 151px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #28b0e3; 
}
#customerCareInner
{
    padding: 10px;    
    color: White;
}
#customerCareInner a
{
    color: #ffe295;
}
#contentInner
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: #e0e5ed; 
}
#crumbs
{
    display: block;
    padding-bottom: 10px;    
    font-size: 0.95em;
}
#crumbs ul
{
    margin: 0px !IMPORTANT;
    padding: 0px !IMPORTANT;
    list-style-image: url(../images/bullets_arrow.gif);  
}
#crumbs li
{
    display: inline;
    padding-left: 5px !IMPORTANT;
    padding-right: 5px !IMPORTANT;  
    background: url(../images/bullets_arrow.gif) center left no-repeat; 
}
#subMenu
{
    float: left;
    width: 182px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#subMenu a span
{
    position: relative;
    top: 2px;
    color: white;
    padding-left: 8px;
}
#subMenu li li a span
{
    position: relative;
    top: 0px;
    color: white;
    padding-left: 8px;
}
/* ######################################## Sub Menu Level 1 */
#subMenu ul
{
    padding: 0px;
    margin: 0px;   
    list-style-type: none;
}
#subMenu li
{
    margin: 0px 0px 1px 0px;
}
#subMenu li a
{
    display: block;
    width: 182px;
    height: 22px;
    background: url(../images/back_menuitem.png) top left no-repeat;
}
#subMenu li a:hover
{
    background: url(../images/back_menuitem.png) bottom left no-repeat;
}
/* ######################################## Sub Menu Level 2 */
#subMenu li ul
{
    display: block;
    margin-top: 1px;    
}
#subMenu li li
{
    margin-left: 5px;   
}
#subMenu li li a
{
    display: block;
    width: 172px;
    height: 17px;
    background: url(../images/back_submenuitem.png) top left no-repeat;
}
#subMenu li li a:hover
{
    background: url(../images/back_submenuitem.png) bottom left no-repeat;
}
/* ######################################## Sub Menu Level 3 */
#subMenu li li ul
{
    display: block;
    margin-top: 1px;    
}
#subMenu li li li
{
    margin-left: 5px;   
}
#subMenu li li li a
{
    display: block;
    width: 172px;
    height: 17px;
    background: url(../images/back_submenuitem.png) top left no-repeat;
}
#subMenu li li li a:hover
{
    background: url(../images/back_submenuitem.png) bottom left no-repeat;
}
/* ######################################## Sub Menus End */
#fakecorner
{
	position: absolute;
	left: 15px;
	top: 139px;	
	background: url(../images/fakecorner.gif) top left no-repeat;
	width: 4px;
	height: 4px;
}
#mainContent
{
	padding-left: 15px;
	padding-right: 15px;
}
#welcome
{
	position: relative;
	display: block;
	width: 870px;
	height: 140px;
	background: url(../images/welcome.png) top left no-repeat;
}
#welcomeText
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 515px;	
}
#footer
{
	position: relative;
	display: block;
	width: 900px;
	height: 70px;
	background: url(../images/back_footer.png) top left no-repeat #2c2c2c;
}
#copy
{
	position: absolute;
	left: 10px;
	top: 38px;
    color: White;
    width: 550px;
    padding-bottom: 10px;
}
#utility
{
	position: absolute;
	right: 10px;
	top: 38px;
	text-align: right;
    color: White;

}
#utility a,#copy a
{
    color: #1c95d9;    
}
#innerContent
{
	position: relative;
	display: block;
}
#threeBoxes
{
	display: block;
	margin-top: 10px;
	position: relative;
	width: 870px;
	height: 196px;	
}
#fpPics
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 143px;
    height: 197px;    
}
#fpPics img
{
    position: absolute;
    left: 0px;
    top: 0px;    
}
#fpMenu
{
    position: absolute;
    left: 143px;
    width: 94px;
    padding-top: 5px;
}
#fpMenu h2
{
    display: block;
    height:22px;
    padding: 0px;
    margin-top: 5px;
    font-size: 1.5em;   
    font-style: italic; 
}
#fpBlock
{
    position: absolute;
    left: 237px;
    top: 0px;
    width: 633px;
    height: 197px;
    background: url(../images/fp_block.gif) top left no-repeat white;    
    color: White;
    overflow: hidden;
}
#fpBlock a
{
    color: #ffd997;    
}
#fp2_block,#fp3_block,#fp4_block,#fp5_block
{
    top: -200px;
}
#fpBlock h2 span
{
}
#fpBlock h2 span
{
    position: relative;
    top: 1px;
    font-size: 1.6em;
}

#contentOuterDiv
{
	padding-left: 187px;	
}
#contentInnerDiv
{
	background: #d9e1ef;
	width: 532px;
	position: relative;
	display: block;
	background: url(../images/innerbox_top.gif) top left no-repeat #d9e1ef;
	min-height: 350px;
}
#footerRow1
{   
    clear: both;
    margin-top: 10px;
    margin-left: 15px;
    display: block;
    height: 52px;
    position: relative; 
}
#for1
{
    position: absolute;
    left: 0px;
}
#for1 a
{
    display: block;
    width: 141px;
    height: 52px;    
    background: url(../images/for_schools.gif) bottom left no-repeat;
}
#for2
{
    position: absolute;
    left: 151px;
}
#for2 a
{
    display: block;
    width: 141px;
    height: 52px;    
    background: url(../images/for_teachers.gif) bottom left no-repeat;
}
#for3
{
    position: absolute;
    left: 302px;
}
#for4
{
    position: absolute;
    right: 15px;    
}
#for3 a
{
    display: block;
    width: 141px;
    height: 52px;    
    background: url(../images/for_agents.gif) bottom left no-repeat;
}
#for1 img,#for2 img, #for3 img
{
    width: 141px;
    height: 52px;   
}
#for1 a:hover,#for2 a:hover,#for3 a:hover
{
    width: 141px;
    height: 52px;    
    background-position: top left;
}
#searchBar
{
    position: relative;
    display: block;
    width: 870px;
    height: 134px;
    background: url(../images/holder_search.png) top left no-repeat;

}
#search1,#search2,#search3,#search4
{
    position: absolute;
    top: 0px;
    height: 134px;    
}
#search1
{
    left: 23px;
    width: 138px;
}
#search2
{
    left: 161px;
    width: 272px;
}
#search3
{
    left: 433px;
    width: 140px;
}
#search4
{
    left: 570px;
    width: 125px;
    
}
#searchBar h2
{
    position: absolute;
    left: 30px;
    top: 4px;
    color: White;
    font-size: 1.1em; 
}
#searchAction h2
{
    left: 10px;    
}
#search1 .searchSection,#search2 .searchSection,#search3 .searchSection,#search4 .searchSection
{
    display: block;
    color: White;
    position: relative;
    left: 15px;
    top: 35px; 
}
#search1 .searchSection
{
    width: 108px;
}
#search2 .searchSection
{
    width: 242px;    
}
#search3 .searchSection
{
    width: 246px;    
}
#searchAction
{
    position: absolute;
    top: 0px;
    height: 134px;    
    left: 719px;
    width: 151px;
}
#searchOptions
{
    width: 182px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(../images/back_searchoptions.png) top left no-repeat #167dd1;
    color: White;
}
#searchOptions h2
{
    padding-left: 5px;
    padding-top: 4px;
    color: White;    
}
#resultDiv
{
    display: block;
    color: White;
    position: relative;
    left: 10px;
    padding-top: 33px;
    height: 20px;  
    font-size: 1.1em; 
}
#timeZone
{
    position: absolute;
    left: 10px;
    top: 90px;  
    color: White;  
}
#timeZone select
{
    width: 134px    
}
#myScroll
{
    display: none;  
}
#scrollHolder
{
    height: 35px;
    position: relative;
    top: -5px;
    width: 870px;   
}
#fadeLeft
{
    position: absolute;
    left: 0px;
    top: -4px;  
}
#fadeRight
{
    position: absolute;
    right: 0px;
    top: -4px;    
}
#topBar
{
    display: block;
    position: relative;
    width: 870px;
    height: 140px;    
    background: url(../images/topbar.jpg) top left no-repeat;
    margin-bottom: 10px;
}
#topBarText
{
    position: absolute;
    left: 12px;
    top: 8px;
    width: 520px;   
    line-height: 1.4em;
}
#topBarText h1
{
    font-size: 2.3em;    
    line-height: 1.1em;
    margin: 0px;
}
#topBarText h2
{
    font-size: 1.3em;
    line-height: 1.3em;
}
#howdoesitwork
{
    position: relative;
    width: 459px;
    height: 283px;
    background: url(../Images/howdoesitwork.jpg) top left no-repeat;
}
#howdoesitwork div
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 459px;
    height: 283px;
}
#howdoesitwork img
{
    width: 459px;
    height: 283px;
}
#how_1,#how_2,#how_3,#how_4,#how_5
{
    display: none;    
}
#quickstats
{
    float: right;
    width: 104px;
    background: url(../images/back_quickstats.png) top left no-repeat;    
    color: White;
}
#balance
{
    display: block;
    margin-top: 5px;
    height: 60px;
    text-align: center;
}
#balance span
{
    font-size: 1.5em;    
}
#stats
{
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 3px;
    font-size: 0.95em;
}
#dashBoardItems
{
    display: block;
}
#dashBoardLeft
{
    float: left;
    width: 387px;
    margin-right: 10px;    
}
#dashBoardRight
{
    float: right;
    width: 120px;    
}
#dashBoardClear
{
    display: block;
    height: 1px;
    clear: both;
}