/* global baseline */
html 
{
    overflow-y: scroll; /* This line is used to always show the scroll bar in firefox */
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #4e4f51;
}

body
{
    margin: 0;
}
body.emailForm
{
    padding-top: 0px;
}

h1,h2,h3,h4,h5,h6,p { margin: 0 0 8px 0; }
h1,h2,h3,h4,h6 { color: #819f17;  }
h5 { color: #4180bc; font-weight: bold; }

a, a:link
{
	color: #3366CC;
	text-decoration: none;
}
a:hover, a:active
{
	color: #3366CC;
	text-decoration: underline;
}
a.active, a.active:link
{
    text-decoration: underline;
}

span.arrow
{
    font-family: Fixedsys, Monospace;
    padding-top: 0;
    margin-top: -1px;
    padding-right: 2px;
    float: left;
    display: block;
}
a.top-nav span.arrow
{
    cursor: pointer;
}

h2 span.arrow
{
    margin-top: 0px;
}

h2 a span.arrow
{
    cursor: pointer;
}

/* Set H1-H6 sizes */
h1 { font-size: 18px; line-height: normal; }
h2 { font-size: 16px; line-height: normal; }
h3 { font-size: 14px; line-height: normal; }
h4 { font-size: 12px; line-height: normal; }
h5 { font-size: 18px; line-height: normal; }
h6 { font-size:  8px; line-height: normal; }

ul { padding-bottom: 8px; }

.menu_news 
{
	width: 164px;
	padding-bottom: 20px;
}
.menu_news h2
{
	font-size: 12px;
	padding-left: 3px;
}
.menu_news h2 a,
.menu_news h2 a:link,
.menu_news h2 a:hover,
.menu_news h2 a:active
{
    color: #819f17;
    text-decoration: none;
}
.menu_news ul
{
	margin: 0;
	width: 148px !important;
	width: 163px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 0px;
	list-style: none;
	background: #fffef4 url(/images/layout/curve-163x20.gif) no-repeat bottom left;
	padding-bottom: 20px;
}

.menu_news ul li 
{
	padding: 0px 0px 12px 2px;
	margin: 0;
	margin-right: 8px;
	background: url(/images/layout/dot-7x10.gif) repeat-x bottom left;
}
.menu_news ul li a span.arrow
{
    display: none;
}
.menu_news ul li a, 
.menu_news ul li a:link
{
	text-decoration: none;	
	color: #3366cc;
	font-size: 11px;
	font-weight: normal;
}
.menu_news ul li a:hover, 
.menu_news ul li a:active
{
	color: #819f17;
}
.menu_news ul li a:hover span.arrow,
.menu_news ul li a.active span.arrow /* handles level one */
{
    display: block;
    position: absolute;
    left: 7px;
}
.menu_news ul li ul li a:hover span.arrow,
.menu_news ul li ul li a.active span.arrow 
{ 
    display: block; 
    position: absolute; 
    left: 17px; 
}

/* second level menus do not have top/bottom padding */
.menu_news ul li ul { padding-top: 7px; padding-left: 10px; width: 140px !important; width: 143px; }
.menu_news ul li ul li { padding: 3px 0 1px 0; }

/* active options - level 2 */
.menu_news ul li a.active,
.menu_news ul li a.active:link
{
    color: #819f17;
    font-weight: bold;
}

/* active options - level 2 */
.menu_news ul li ul { display: none; }
.menu_news ul li ul.open { display: block; }



.menu 
{
	width: 164px;
	padding-bottom: 10px;
}
.menu h2
{
	font-size: 12px;
	padding-left: 3px;
}
.menu h2 a,
.menu h2 a:link,
.menu h2 a:hover,
.menu h2 a:active
{
    color: #819f17;
    text-decoration: none;
}
.menu ul
{
	margin: 0;
	width: 133px !important;
	width: 163px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 15px;
	list-style: none;
}
.menu ul li 
{
	padding: 0px 0 12px 0;
	margin: 0;
}
.menu ul li a span.arrow
{
    display: none;
}
.menu ul li a, 
.menu ul li a:link
{
	text-decoration: none;	
	color: #3366cc;
	font-size: 11px;
	font-weight: normal;
}
.menu ul li a:hover, 
.menu ul li a:active
{
	color: #819f17;
}
.menu ul li a:hover span.arrow,
.menu ul li a.active span.arrow /* handles level one */
{
    display: block;
    position: absolute;
    left: 7px;
}
.menu ul li ul li a:hover span.arrow,
.menu ul li ul li a.active span.arrow 
{ 
    display: block; 
    position: absolute; 
    left: 17px; 
}

/* second level menus do not have top/bottom padding */
.menu ul li ul { padding-top: 7px; padding-left: 10px; width: 123px !important; width: 143px; }
.menu ul li ul li { padding: 3px 0 1px 0; }

/* active options - level 2 */
.menu ul li a.active,
.menu ul li a.active:link
{
    color: #819f17;
    font-weight: bold;
}

/* active options - level 2 */
.menu ul li ul { display: none; }
.menu ul li ul.open { display: block; }

/* right side of page menu */
.menuRight
{
	width: 164px;
	padding-bottom: 20px;
}
.menuRight ol
{
	margin: 0;
	width: 135px !important;
	width: 155px;
	padding-top: 4px;
	padding-left: 28px;
	background: #fffef4 url(/images/layout/curve-163x20.gif) no-repeat bottom left;
   	padding-bottom: 20px;
	color: #3366cc;
}
.menuRight ol li 
{
	padding: 0 0 12px 0;
	margin: 0;
	margin-right: 8px;
	background: url(/images/layout/dot-7x10.gif) repeat-x bottom left;
}
.menuRight ol li a, 
.menuRight ol li a:link
{
	text-decoration: none;	
	color: #3366cc;
	font-size: 11px;
}
.menuRight ol li a:hover, 
.menuRight ol li a:active
{
	color: #819f17;
}




#autoImage /* Adjust menuRight width for auto rotator image */
{
    width: 160px;
}

.smallBoxMiddle
{
    padding-top: 10px;
    width: 120px;
    vertical-align: top;
    float: left;
    padding-left: 11px;
    padding-right: 11px;
    position: relative;
}
.smallBox
{
	padding-top: 10px;
	width: 120px;
	vertical-align: top;
	float: left;
	position: relative;
}
.smallBox p,
.smallBoxMiddle p
{
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
}

td.dots
{
    background: url(/images/layout/dot-7x10.gif) repeat-x; 
}

h2.titleOrange 
{
   	background: url(/images/highlights/titleOrange.png) repeat-x;
	font-size: 12px;
	min-height: 18px;
	height: auto !important;
	height: 20px;
	vertical-align: middle;
	margin: 0; padding: 2px 0px 0px 15px;
	color: #ffffff; 
}
h2.titleBlue
{
   	background: url(/images/highlights/titleBlue.png) repeat-x;
	font-size: 12px;
	min-height: 18px;
	height: auto !important;
	height: 20px;
	vertical-align: middle;
	margin: 0; padding: 2px 0px 0px 15px;
	color: #ffffff; 
}
h2.titleYellow
{
   	background: url(/images/highlights/titleYellow.png) repeat-x;
	font-size: 12px;
	min-height: 18px;
	height: auto !important;
	height: 20px;
	vertical-align: middle;
	margin: 0; padding: 2px 0px 0px 15px;
	color: #ffffff; 
}
h2.titleGreen
{
   	background: url(/images/highlights/titleGreen.png) repeat-x;
	font-size: 12px;
	min-height: 18px;
	height: auto !important;
	height: 20px;
	vertical-align: middle;
	margin: 0; padding: 2px 0px 0px 15px;
	color: #ffffff; 
}
h2.titleRed
{
    background: url(/images/highlights/titleRed.png) repeat-x;
	font-size: 12px;
	min-height: 18px;
	height: auto !important;
	height: 20px;
	vertical-align: middle;
	margin: 0; padding: 2px 0px 0px 15px;
	color: #ffffff; 
}

h2 a,
h2 a:link
{
    color: #ffffff;
}
h2 a:hover,
h2 a:active
{
    color: #ffffff;
    text-decoration: underline;
}

/******************************************************************************
 * All Layout settings relating to the header
 ******************************************************************************/
#headerSpacer
{
    font-size: 0; /* This is needed because IE adds an extra space and breaks the layout without it */
    background: #FFFFFF;
    width: 776px;
    height: 5px;
}
#header
{
	font-size: 0; /* This is needed because IE adds an extra space and breaks the layout without it */
	width: 776px;
	height: 159px;
	background-color: #FFFFFF;
}
.nojs 
{
    background: url(/images/layout/headers/default-776x159.jpg) no-repeat;
}
#headerSectionA
{
	height: 17px;
	text-align: right;
	vertical-align: text-top;
	font-size: 12px;
	padding-right: 8px;
}
#headerSectionA form
{
    margin: 0;
}
#headerSectionA a
{
    padding-top: 0;
    margin-top: 0;
	font-size: 12px;
}
#searchBox
{
    height: 13px !important;
    height: 14px;
    font-size: 10px;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: -2px;
}
#headerSectionB
{
	height: 56px;
}
#headerLogo
{
    float: left;
    clear: right;
    padding-left: 10px;
}
#rightQuickLinks
{
    display: none;
    padding-top: 26px;
    float: right;
}
#rightQuickLinks a, #rightQuickLinks a:link
{
    display: block;
    width: 105px;
    height: 19px;
    text-decoration: none;
}
#quickLink1, #quickLink1:link
{
    background: url(/images/layout/quicklinks/get-help-now-105x19.jpg) no-repeat;
}
#quickLink1:hover, #quickLink1:active
{
    background: url(/images/layout/quicklinks/get-help-now-over-105x19.jpg) no-repeat;
}
#quickLink2, #quickLink2:link
{
    background: url(/images/layout/quicklinks/learn-english-105x19.jpg) no-repeat;
}
#quickLink2:hover, #quickLink2:active
{
    background: url(/images/layout/quicklinks/learn-english-over-105x19.jpg) no-repeat;
}
#quickLink3, #quickLink3:link
{
    height: 18px;
    background: url(/images/layout/quicklinks/get-a-job-105x18.jpg) no-repeat;
}
#quickLink3:hover, #quickLink3:active
{
    background: url(/images/layout/quicklinks/get-a-job-over-105x18.jpg) no-repeat;
}

#logo
{
	padding-left: 8px; /* Move the logo off the left edge */
}
#headerSectionC
{
	height: 70px;
}
#headerSectionD
{
	height: 16px;
	background: none;
}
#headerLineContainer
{
	height: 16px;
	width: 653px;
	float: left;
}
#headerLineSpacer
{
	height: 12px;
}
#headerLine
{
	height: 4px;
	background: url(/images/layout/blueLine.jpg) repeat-y;
}
#headerLanguage
{
	height: 16px;
	width: 123px;
	float: right;
}
#headerLanguageTextPosition
{
	margin-top: 4px;
	margin-left: 36px;
	height: 10px;
	font-family: Arial;
	font-size: 8px;
}
#headerLanguageTextPosition a
{
    background: url(/images/layout/more-languages-84x9.jpg) no-repeat;
    width: 84px;
    height: 9px;
	text-decoration: none;
	display: block;
}
#headerLanguageTextPosition a:hover
{
	background: url(/images/layout/more-languages-over-84x9.jpg) no-repeat;
}
#headerPrint
{
    display: none;
}

/******************************************************************************
 * Top Navigation styles
 ******************************************************************************/
#top-navigation
{
	height: 23px;
	width: 776px;
	background: url(/images/layout/top-navBackground.jpg) repeat-x;
}
ul.top-nav
{
	list-style: none;
	width: 776px;
	height: 23px;
	padding: 0;
	margin: 0;
}
ul.top-nav li
{
	float: left;
	white-space: nowrap;
	height: 23px;
}
ul.top-nav li.separator
{
	width: 2px;
	background-color: #A5C272;
	height: 21px;
	margin-top: 2px;
}
a.top-nav,
a.top-nav:link
{
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
	text-decoration: none;
}
a.top-nav:hover,
a.top-nav:active
{
	color: #669933;
	background-color: #eef2e2;
	text-decoration: none;
}

/******************************************************************************
 * Content Top styles
 ******************************************************************************/
#contentTopImage
{
	font-size: 0; /* This is needed because IE adds an extra space and breaks the layout without it */
	background: url(/images/layout/contentTopBackground.jpg) no-repeat;
	width: 776px;
	height: 13px;
}

/******************************************************************************
 * Content Container styles
 ******************************************************************************/
#contentContainer
{
	width: 776px;
	padding: 0;
	margin: 0;
	position: relative;
	background: #FFFFFF;
}

/******************************************************************************
 * Left Navigation styles
 ******************************************************************************/
#leftNavContainer
{
	width: 183px;
	background: #FFFFFF url(/images/layout/left-navRightBar.jpg) no-repeat;
	background-position: 163px 0px;
	float: left;
}
#leftNav
{
	width: 168px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
}

#leftNav #mystory
{
	width: 164px;
	padding-top: 6px;
	position: relative;
	line-height:15px;
}
#leftNav #mystory #mystory_inner
{
	padding: 4px 15px 0px 15px;
	background: #fffef4;
}
#leftNav #mystory p
{
	margin: 0;
	background: #fffef4;
}

#leftNav #enews
{
	width: 164px;
	padding-top: 6px;
	position: relative;
	line-height:15px;
}

#leftNav #enews p
{
	margin: 0;
	background: #fffef4;
}

/******************************************************************************
 * Content styles
 ******************************************************************************/
#content
{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	width: 383px;
	float: left;
	background: #FFFFFF;
	line-height: 15px;
}

#content_news
{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	width: 570px;
	float: left;
	background: #FFFFFF;
	line-height: 15px;
}

.smallItalics
{
    font-size: 10px;
    font-style: italic;
}

#content h2 a,
#content h2 a:link
{
    color: #819f17;
}
#content h2 a:hover,
#content h2 a:active
{
    color: #819f17;
    text-decoration: none;
}

#content h2 a.white,
#content h2 a.white:link
{
    color: #FFFFFF;
}
#content h2 a.white:hover,
#content h2 a.white:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

#print-email-textsize
{
    width: 393px;
    margin: 0;
    padding: 0;
    text-align: right;
    background: #FFFFFF;
}
#print-email-textsize div
{
    padding-right: 10px;
}
#print-email-textsize div a
{
    padding-left: 3px;
    padding-right: 3px;
}


/******************************************************************************
 * Content wide styles
 ******************************************************************************/
#contentwide
{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	width: 580px;
	float: left;
	background: #FFFFFF;
	line-height: 15px;
}

.smallItalics
{
    font-size: 10px;
    font-style: italic;
}

#content h2 a,
#content h2 a:link
{
    color: #819f17;
}
#content h2 a:hover,
#content h2 a:active
{
    color: #819f17;
    text-decoration: none;
}

#content h2 a.white,
#content h2 a.white:link
{
    color: #FFFFFF;
}
#content h2 a.white:hover,
#content h2 a.white:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

#print-email-textsize
{
    width: 393px;
    margin: 0;
    padding: 0;
    text-align: right;
    background: #FFFFFF;
}
#print-email-textsize div
{
    padding-right: 10px;
}
#print-email-textsize div a
{
    padding-left: 3px;
    padding-right: 3px;
}


/******************************************************************************
 * Right Navigation styles
 ******************************************************************************/
#rightNavContainer
{
	float: right;
	width: 190px;
	background: #FFFFFF url(/images/layout/vertdots-white-10x320.gif) no-repeat left top;
	min-height: 340px;
	height: auto !important;
	height: 340px;
}
#rightNav
{
	float: right;
	width: 164px;
	margin-left: 20px;
}

#rightNav #mystory
{
	width: 164px;
	padding-top: 6px;
	position: relative;
	line-height:15px;
}
#rightNav #mystory #mystory_inner
{
	padding: 4px 15px 0px 15px;
	background: #fffef4;
}
#rightNav #mystory p
{
	margin: 0;
	background: #fffef4;
}

/******************************************************************************
 * Footer styles
 ******************************************************************************/
#footer_container
{
	width: 776px; 
	text-align: center;
	clear: both;
	background: #FFFFFF;
}
#footer_dots
{
	width: 310px; 
	height: 10px; 
	background: url(/images/layout/dot-7x10.gif) repeat-x; 
	margin: 0 auto;
}
#footer_placeholderleft
{
	width: 170px; 
	height: 40px; 
	float: left;
}

#footer_images
{
	float: right; 
	width: 170px;
	height: 40px;
}

#footer_links
{
	padding-top: 8px;
}

/******************************************************************************
 * Email a Friend Form styles
 ******************************************************************************/
body.emailForm
{
    background: #FFFFFF;
}
#emailFormContent
{
    width: 400px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 15px;
    text-align: left;
    color: #58595b;
    font-weight: 300;
    font-family: Verdana;
}
#emailFormContent p
{
    width: 364px;
}
#emailFormContent input
{
    margin-top: 5px;
    height: 12px;
    font-size: 10px;
    width: 360px;
}


#emailFormContent textarea
{
    margin-top: 5px;
    width: 360px;
    font-family: Verdana;
    font-size: 9px;
    
}