/* HTML */

a { color: #000099; text-decoration: none; }
a:visited { color: #000099; text-decoration: none; }
a:hover { color: #000099; text-decoration: underline; }
a:active { color: #000099; text-decoration: none; }

sup { vertical-align: top; font-size: .8em; }

p { color: #000000; }
li { color: #5F5F5F; }

#main h1 { text-align: center; margin: 0; }
#main h1 img { border: none; margin: 0; }
#main h2 { text-align: center; margin-bottom: 12px; color: #919191; font-weight: bold; }
#main h3 { margin: 0 0 4px 0; font-size: 14px; color: #000000; font-weight: bold; }
#main h4 { margin: 0 0 3px 0; font-size: 13px; color: #999999; font-weight: bold; }
#main h5 { margin: 0 0 3px 0; font-size: 12px; color: #999999; font-weight: bold; }
#main h6 { margin: 0; font-size: 12px; font-weight: bold; }

#main h3 a, #main h4 a { color: #36a6da; }
#main h3 a:hover, #main h4 a:hover { color: #000099; text-decoration: none; }

/* CUSTOM */

#header { width:680px; height:35px; margin:0 auto; padding:0; text-align:left; color:#000000; }

#header #nav { width:680px; height:35px; margin:0; padding:0; color:#000000; background:url(http://www.grahamenglish.net/survey/images/nav_bg.gif) repeat-x top; position:relative; overflow:hidden; }
#header #nav li { height:35px; margin:0; padding:0; display:block; position:absolute; color: #000000; }
#header #nav a { height:35px; display:block; text-indent:-99999px; color: #000000; }
#header #nav h1, #header #nav span { text-indent:-99999px; color:#000000; }

#navEducation, #navEducation a { top:23px; width:93px; height:13px; color:#000000; no-repeat left top; }
#navHeading, #navHeading a { color:#000000; top:42px; width:195px; height:23px; background:url(http://www.grahamenglish.net/survey/images/nav_heading_edu.gif) no-repeat left top; }
#navK12, #navK12 a, #navHigherEd, #navHigherEd a, #navStudents, #navStudents a, #navSolutions, #navSolutions a, #navResources, #navResources a, #navCommunity, #navCommunity a, #navShop, 
	#navShop a { background:url(http://www.grahamenglish.net/survey/images/nav_links.gif) no-repeat left top; color:#000000; }

#navK12, #navK12 a { left:257px; width:42px; background-position:left top; }
#navHigherEd, #navHigherEd a { left:299px; width:93px; background-position:-42px top; }
#navStudents, #navStudents a { left:392px; width:59px; background-position:-135px top; }
#navSolutions, #navSolutions a { left:451px; width:59px; background-position:-194px top; }
#navResources, #navResources a { left:510px; width:63px; background-position:-253px top; }
#navCommunity, #navCommunity a { left:573px; width:71px; background-position:-316px top; }
#navShop, #navShop a { left:644px; width:36px; background-position:-387px top; }

#navK12 a.selected, #navK12 a:hover { background-position:left -70px; }
#navHigherEd a.selected, #navHigherEd a:hover { background-position:-42px -70px; }
#navStudents a.selected, #navStudents a:hover { background-position:-135px -70px; }
#navSolutions a.selected, #navSolutions a:hover { background-position:-194px -70px; }
#navResources a.selected, #navResources a:hover { background-position:-253px -70px; }
#navCommunity a.selected, #navCommunity a:hover { background-position:-316px -70px; }
#navShop a.selected, #navShop a:hover { background-position:-387px -70px; }

#padding { margin: 0 auto; padding: 12px; }

#main { margin: 0 auto; padding: 0; width: 680px; background: url(http://www.grahamenglish.net/survey/images/page_background.gif) repeat-x top left; border-top: 1px solid #fff; }

#content { width: 428px; }

#content img { margin: 0 0 12px 0; border: 1px solid #fff; }
#content img.noborder {border: none;}
#content img.header { margin: 0; border: none; }
#content .right { float: right; margin-left: 10px; }
#content .left { float: left; margin-right: 10px; }

#inset { float: right; width: 204px; padding-left: 26px; background: url(http://www.grahamenglish.net/survey/images/inset_background.gif) repeat-y top left; voice-family: "\"}\""; voice-family: inherit; width: 178px; }

#inset li { font-size: 11px; }

#main .box { background: #fff; padding: 12px 0 0 0; margin: 0 0 0 0; text-align: center; border: none; }
#main .box p { border-top: 1px solid #dadada; padding: 5px 0 12px 0; font-size: 10px; color: #76797c; text-align: left; }

.footnote { font-size: 10px; color: #76797c; }

#sidebar { width: 216px; padding-left: 14px; background: url(http://www.grahamenglish.net/survey/images/sidebar_background.gif) repeat-y top left; voice-family: "\"}\""; voice-family: inherit; width: 202px; }
#sidebar .subnav { width: 200px; margin-bottom: 12px; border: 1px solid #fff; background: #919191; }
#sidebar .subnav-title h3 { margin: 0; padding: 4px 7px 4px 10px; background: #919191; color: #fff; font-size: 12px; font-weight: bold; border-bottom: 1px solid #fff; }
#sidebar .subnav-content { padding: 9px 10px 0; background: #A4A4A4 url(http://www.grahamenglish.net/survey/images/edu_subnav_background.jpg) no-repeat top; }

.subnav-content ul {padding-bottom: 3px;}
.subnav-content ul li { padding-bottom: 6px; font-size: 12px; color: #fff; font-size: 12px; }
.subnav-content ul li.selected { color: #000; font-weight: bold; }
.subnav-content ul li.selected li.selected {font-weight: normal; }
.subnav-content ul li.separator { border-top: 1px solid #87cae9; padding-top: 6px;}
.subnav-content a, .subnav-content .selected ul a { color: #fff; text-decoration: none; }
.subnav-content a:hover, .subnav-content .selected ul a:hover { color: #fff; text-decoration: underline; }
.subnav-content .selected a, .subnav-content .selected .selected a { color: #000; text-decoration: none; }
.subnav-content .selected a:hover, .subnav-content .selected .selected a:hover { color: #000; text-decoration: underline; }
.subnav-title a { color: #fff; text-decoration: none; }
.subnav-title a:hover { color: #fff; text-decoration: underline; }

.subnav-content ul ul {padding-bottom: 0; margin-bottom: 0; font-weight: normal;}
.subnav-content ul li li { padding-top: 6px; padding-bottom: 0; padding-left: 15px;}


#sidebar .sidebox { margin-bottom: 12px; border: 1px solid #fff; }
#sidebar .sidebox h3 { margin: 0; padding: 4px 7px 4px 10px; background: #71BFE3 url(http://www.grahamenglish.net/survey/images/sidebox_h3_index.gif) repeat-x top left; color: #fff; font-size: 12px; font-weight: bold; }
#sidebar .sidebox h3 a { color: #fff; }
#sidebar .sidebox h3 a:hover { color: #fff; }
#sidebar .sidebox h3 a:visited { color: #fff; }
#sidebar .sidebox h3 a:active { color: #fff; }
#sidebar .sidebox h6 { font-size: 11px; }
#sidebar .sidebox-border { border: 1px solid #e0e0e0; border-top: none; }
#sidebar .sidebox-content { padding: 9px 9px 0; border: 1px solid white; background: #f2f2f2 url(http://www.grahamenglish.net/survey/images/sidebox_background.gif) repeat-x top left; }
#sidebar img { margin: 0 0 12px 0; border: 1px solid #fff; }
#sidebar img.noborder {border: none;}
#sidebar .sidebox-content img { border: none; }

#supersearch { width: 220px; padding: 0; margin: 0 0 15px;}
#supersearch form {margin: 0; padding: 0;}
#supersearch #search select, #search input {font-size: 11px;}
#supersearch #search input.sbox {color: #80808C; padding: 3px; height: 13px; width: 170px; border: 0; background: white url(http://www.grahamenglish.net/survey/images/searchbackground.gif) repeat-x left top;}
#supersearch #search select {width: 180px; margin-top: 5px;}
#supersearch #search .srchimgs {margin-bottom: 1px; border: 0;}
html>body #supersearch #search .srchimgs {margin-bottom: 0;}
/*\*/
html>body*#supersearch #search input {font-size: 11px;}
html>body*#supersearch #search .srchimgs {display: none;}
html>body*#supersearch #search input.sbox {width: 202px; color: #000;}
/**/

#edufooter { margin-top: 1em; padding-top: 1em; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; border-top: 1px solid #a1a5a9; text-align: center;}

#footer { border: none; }
#footer, #breadcrumb { width: 656px; }

.fl { float: left; padding: 0 5px 5px 0;}
.fr { float: right; padding: 0 0 5px 5px; }

/* ADDED 10/17/05 */

#sidebar .subnav-title h3 a { color: #fff; }
#sidebar .subnav-title h3 :hover { text-decoration: underline; }

#content blockquote { font-size:10px; padding:8px 10px 0 10px; margin:1em 0; border: 1px solid #e0e0e0; background: #f2f2f2 url(http://www.grahamenglish.net/survey/images/sidebox_background.gif) repeat-x top left;}
#content .sidebox-border { border-top: 1px solid #e0e0e0; }
#content blockquote p.quote { color:#71BFE3; font-size:14px; }
#content blockquote p.attribution  { font-size: 10px; margin-left:1.5em; text-indent:-1.3em; }

#sidebar blockquote { background:none; padding:0; margin:0; font-size:10px; }
#sidebar .sidebox-border { border-top: 1px solid #e0e0e0; }
#sidebar blockquote p.quote { color:#71BFE3; }
#sidebar blockquote p.attribution  { font-size: 10px; margin-left:1.5em; text-indent:-1.3em; }


/*WIDE PAGES*/
#wide #header, #wide #header #nav, #wide #main { width:800px; color:#000000; }
#wide #header, #wide #header #nav { height:35px; border-bottom:1px solid #e0e0e0; color:#000000; }
#wide #header #nav { background:#fff; color:#000000; }

#wide #navK12 { left:377px; }
#wide #navHigherEd { left:419px; }
#wide #navStudents { left:512px; }
#wide #navSolutions { left:571px; }
#wide #navResources { left:630px; }
#wide #navCommunity { left:693px; }
#wide #navShop { left:764px; }


#wide #main { position:relative; }
#wide #padding { padding:16px 20px; }

#wide #content { width:498px; padding-right:20px; border-right:1px solid #d9d9d9; }
#wide #main .subcolumn1-2 { width:228px; padding-right:20px; border-right:1px solid #dadada; }
#wide #main .subcolumn2-2, #wide #inset { width:229px; padding-left:19px; border-left:1px solid #fff; }
#wide #inset { padding-left:33px; border-left:none; margin-left:-4px; }
/*\*/ *html #wide #inset { padding-left:28px; } /**/

#wide #sidebar { padding-left:20px; width:221px; padding-left:19px; border-left:1px solid #fff; background:none; }


#wide #sidebar .subnav { width: 220px; margin-bottom: 12px; border: 1px solid #fff; background: #919191; }
#wide #sidebar .subnav-title h3 { margin: 0; padding: 4px 7px 4px 10px; background: #919191; color: #fff; font-size: 12px; font-weight: bold; border-bottom: 1px solid #fff; }
#wide #sidebar .subnav-content { padding: 9px 10px 0; background: #A4A4A4 url(http://www.grahamenglish.net/survey/images/edu_subnav_background.jpg) no-repeat top; }




#wide #supersearch { width:221px; }
#wide #supersearch #search input.sbox { width:189px; }
#wide #supersearch #search select {width:199px; }
/*\*/ html>body*#wide #supersearch #search input.sbox { width:221px; } /**/

#wide #footer, #wide #breadcrumb { width:760px; }