body {
	width:100%;
	height:100%;
	margin:0 auto;
	font-size:1.0em;
	padding:0;
	background:#dedede none no-repeat fixed center top;
	font-family:Arial, Helvetica, sans-serif;
}

div#wrapper { 
	background-color:#dedede;
	margin:0 auto;
	padding:0;
}
h1 {
	margin:0;
	padding:0;
}
h1 a, h1 a:hover {
	display:block;
	height:100px;
	width:376px;
	background-image:url('/images/logo.png');
	background-repeat:no-repeat;
	background-position:-5px 0;
	border-bottom:none;
}
h1 a span {
	display:none;
}
*:focus {
	outline:none;
}
ul.recentpages {
	list-style:none;
	margin:10px 0;
	font-size:1.1em;
	padding:0;
}
ul.recentpages li {
	padding:7px 0;
}
ul.recentpages li a {
	color:#1F587F;
	border-bottom:1px solid #1F587F;
	text-decoration:none;
}
ul.recentpages li a:hover {
	background-color:transparent;
}
div#nav {
	background-color:#eeeeee;
	background-image:url('/images/nav-bg.jpg');
	background-repeat:repeat-x;
	height:40px;
}
div#menu {
	width:75%;
	float:left;
}
div.welcome-msg {
	width:22%;
	float:left;
	padding-top:12px;
}
div.welcome-msg p.welcome {
	margin:0;
	padding:0;
	font-size:0.8em;
	color:#333333;
}
div.welcome-msg p.welcome a {	
	color:#333333;
	border-bottom:none;
}
div.welcome-msg p.welcome a:hover {
	background-color:transparent;
}

div#nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 0pt 0pt 20px;
	padding:0pt;
	position:relative;
}
div#nav ul li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
div#nav ul li a {
	display:block;
	font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
	float:left;
	font-size:0.9em;
	height:28px;
	color:#333333;
	padding:12px 17px 0;
	text-decoration:none;
	border:none;
}
div#nav ul li a:hover {
	background-color:transparent;
}
div#nav ul li.selected a {
	font-weight:bold;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-bottom:none;
}

table.quizlist {
	font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
	padding-top:10px;
}
table.quizlist tr td, table.quizlist tr th {
	padding:5px 10px;
	text-align:left;
}
table.quizlist tr th {
	background-color:#001435;
	color:#FFFFFF;
}
table.quizlist tr td {
	border-bottom:1px solid #DDDDDD;
}

div#content {
	font-size:0.8em;
	margin:0 auto;
	width:92%;
	padding:10px 2px;
	border:4px solid #efefef;
	background-color:#ffffff;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
}
div.inner-container {
}
div#quizlist, div#quizarea {
	width:70%;
	float:left;
}
a {
	color:#001435;
	text-decoration:none;
	border-bottom:1px dashed #002766;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
div.footer {
	margin:0 auto;
	padding:10px 0;
	border-bottom:none;
	width:92%;
	color:#2F4D88;
	font-size:1.0em;

}
div.homepage .inner-container { padding:0 8px; }
div.innerwrapper { margin:0 auto; width:92%; }
.homepage h3 {
	background-color:#1F587F;
	color:#ffffff;
	border:none;
	float:left;
	padding:5px;
	font-size:1.6em;
	margin:5px 0;
	font-weight:bold;
}
.hp-box {
	float:left;
	width:33%;
}
.fp-box-wrapper {
	margin:10px 0;
	padding:10px;
	background-color:#DAEAF6;
	font-size:1.1em;
	-moz-border-radius:6px;
}
div.pickasubject {
padding: 10px; background-color: rgb(255, 224, 199); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-size:1.1em;}
.fp-total-bytes {
	background-color:#e6e6e6;
	padding:10px;
	-moz-border-radius:6px;
	margin:0;
}
.fp-total-bytes p {
	text-align:center;
	color:#333;
	font-size:1.8em;
}

div.footer a {
	color:#2F4D88;
	text-decoration:underline;
	border-bottom:none;
}
div.footer a:hover {
	background-color:#DEDEDE;
}
div.footer p.copyright {
	width:40%;
	float:left;
	text-align:left;
	margin:0;
}
div.footer p.links {
	width:40%;
	float:right;
	text-align:right;
	margin:0;
}
div.footer p {
	padding:0 10px;
	margin:30px 0;
}
div#sidebar {
	width:30%;
	float:right;
}
div.sidebar-section {
	border:1px solid #dddddd;
	border-bottom:2px solid #dddddd;
	border-right:2px solid #dddddd;
}
div.sidebar-section h3 {
	margin:5px;
	color:#002768;
	font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
	padding:0;
}
.gradea, .gradeb, .gradec {
	font-weight:bold;
	color:#0fc30f;
}
.graded, .gradee, .gradeu {
	font-weight:bold;
	color:#ff0000;
}

.gradebga, .gradebgb, .gradebgc {
	background-color:#0fc30f;
	float:left;
	height:40px;
}
.gradebgd, .gradebge, .gradebgu {
	background-color:#ff0000;
	float:left;
	height:40px;
}
.gradebreakdown {
	font-weight:bold;
	font-size:1.2em;
	color:#333333;
}
p.grade-percent {
	padding-top:10px;
}

#breakdown-wrapper {
	margin:20px 5px;
}
form#login p {
	text-align:center;
}
form label {
	color:#333333;
	font-size:1.3em;
}
form label em {
	color:#ff0000;
}
form input, form select, form textarea {
	border:1px solid #dddddd;
	font-family:Arial;
	padding:4px;
}
input.button {
	background-color:#001435;
	background-image:url('/images/header-bg.jpg');
	background-repeat:repeat-x;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 16px;
	font-weight:bold;
	border:1px solid #00040A;
}

p.error {
	color:#ff0000;
	font-weight:bold;
	text-align:center;
}
div#quiz-body-header h1, div#quiz-body-header h2 {
	float:left;
	margin:0;
	padding:0;
}
div#quiz-body-header h2 {
	padding-left:20px;
	padding-top:6px;
	color:#666666;
}
div#quiz-body-nav {
	margin:5px 0;
	padding:4px 0;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
div#quiz-body-nav p {
	padding:0 10px;
	margin:0;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	float:left;
	width:30%;
	text-align:left;
}
div#quiz-body-nav p.current-marks {
	text-align:center;
}
div#quiz-body-nav p.questionxy {
	text-align:right;
	float:right;
}

div.page {
	float:left;
	width:70%;
}
div.sidebar {
	width:29%;
	font-size:1.2em;
	float:left;
}
h2 {
	color:#F1700E;
	font-size:2.7em;
	font-weight:bold;
	letter-spacing:-2px;
	margin:0;
	padding:0;
}	
h3 {
	font-size:1.6em;
	color:#333333;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0;
}
h3.unittitle {
	border-bottom:none;
	font-size:1.3em;
}
div.pagination p {
	font-size:1.4em;
}
div.pagination p a {
	margin:0 5px;
	border:1px solid #001435;
	font-weight:bold;
	padding:3px 7px;
}
div.pagination p a:hover {
	background-color:#ffffff;
}
ul.unitlist {
	margin:0 0 40px 0;
	padding:0;
	list-style:none;
}
ul.unitlist li {
	margin:5px 0;
	padding:5px 0;
	font-size:1.1em;
}
ul.unitlist li a {
	border-bottom-style:solid;
}
div.sidebar-list {
	margin:20px 0 35px 0;
}
div.sidebar-list ul {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	margin:0;
	border-bottom:1px solid #dddddd;
	padding:2px 7px 7px;
	list-style:none;
}
div.sidebar-list ul li {
}
div.sidebar-list ul li a {
	display:block;
	padding:5px 0;
	color:#002057;
	border-bottom:none;
}
div.sidebar-list ul li a:hover {
	background-color:#ffffff;
	color:#001435;
}
div.sidebar h4 {
	border-top:4px solid #002970;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.0em;
	margin:0 0 5px 0;
	background-color:#00183E;
	background-image:url(/images/header-bg.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding:12px 10px;
	color:#ffffff;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}
div.innerpage {
	padding:0 10px;
}
div.innersidebar {
	padding-top:10px;
	padding-left:10px;
}
span.subjectboards {
	text-transform:uppercase;
	font-size:0.9em;
	color:#999999;
	display:block;
	margin:0 0 10px 0;
}
div.pickasubject {
	margin:10px 0;
}
div.pickasubject h3 {
	color:#ffffff;
}
div.pickasubject ul {
	width:20%;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
div.pickasubject ul li {
	padding:5px 0;
	margin:6px 0;
}
div.pickasubject ul li a {
	color:#ffffff;
	font-size:1.1em;
	letter-spacing:1px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	border-bottom:none;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#DE6300;
}
div.pickasubject ul li a:hover {
	background-color:#C75A00;
}
div.innerpage p {
	padding:0;
	margin-top:0;
}
div.innerpage p, div.innerpage ul, div.innerpage h4, div.innerpage h5 {
	font-size:1.2em;
	line-height:1.9em;
}
div.innerpage h4 {
	margin:0;
	padding:0;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:1px;
}
div.innerpage h5 {
	margin:0;
	padding:0;
}
div.pagination-top {
	position:absolute;
	right:31%;
}

div.login-box, div.register-box {
	border:1px solid #cccccc;
	padding:2px;
	background-color:#ffffff;
}
div.inner-box {
	padding:10px;
	background-image:url('/images/ddd-gradient.jpg');
	background-repeat:repeat-x;
	background-position:bottom left;
}
div.login-box {
	float:left;
	width:48%;
}
div.register-box {
	float:right;
	width:48%;
}
div.accounts-wrapper {
	margin:25px 50px;
}
div.register-box p {
	text-align:left;
}

table.bittable {
width:100%;
text-align:center;
}
table.bittable tr th, table.bittable tr td {
	padding:5px 10px;
}
table.bittable tr th {
	color:#ffffff;
	background-color:#001A46;
}
table.bittable tr td {
	border-bottom:1px solid #dddddd;
}
div#content code {
	border:1px solid #dddddd;
	margin:10px;
	padding:10px;
	font-size:1.6em;
	display:block;
}
p.footer-logo {
	text-align:right;
	margin-top:46px;
}
p.footer-logo a {
	float:right;
	display:block;
	height:55px;
	width:152px;
	background-image:url('/images/footer-logo.png');
	background-repeat:no-repeat;
}
p.footer-logo a span {
	display:none;
}


div.inner-top {

	margin:0;
	margin:0 0 0 0;
}
div#header {

	margin:0 auto;
	height:100px;

	background:#2D4A84 url('/images/header-bg.png') repeat-x scroll top left;	
	border-bottom:none;
	border-top:none;
}
div#title {
	width:400px;
	float:left;
}
div#menu {
	width:50%;
	float:right;
}
h1 a, h1 a:hover {
	background-color:none;
	background-image:url('/images/logo.png');
}
div#menu ul {
	margin:0;
	padding:0;
}
div#menu ul li {
	display:inline;
	float:left;
}
div#menu ul li a {
	display:block;
	float:left;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	height:60px;
	padding:40px 30px 0 30px;
}
div#menu ul li a:hover {
	text-decoration:none;
	background-color:#001435;
}


div#lower-menu {
	background:#EC6702 url('/images/lower-nav-top.png') repeat-x scroll top left;
	height:50px;
	margin:0 auto;
	padding:0;
}

div#lower-menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	height:50px;
	margin:0 auto;
	width:92%;

}
div#lower-menu ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
div#lower-menu ul li.end {
	height:50px;
	float:right;
	width:14px;
	padding:0;
	margin:0;
}
div#lower-menu ul li a {
	display:block;
	font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
	float:left;
	font-size:0.9em;
	color:#ffffff;
	text-decoration:none;
	border:none;
	padding:16px 14px;
}
div#lower-menu ul li a:hover {
	background-color:#FD842A;
}
div#lower-menu ul li.selected a {
	background-color:#EB6600;
}
div#contents-box {
	padding:10px;
	float:left;
	border:1px solid #dddddd;
	margin-right:25px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
a.cblink {
	font-weight:bold;
	font-size:1.2em;
	border:none;
	color:#666666;
}
div#contents-box ul {
	font-size:1.1em;
	list-style:none;
	margin:0;
	padding:0;
}
div#contents-box ul a {
	font-size:0.9em;
	border-bottom:none;
	text-decoration:none;
	color:#666666;
}
div#contents-box ul li ul {
	padding-left:10px;
}
div#contents-box ul li ul li a {
	font-size:0.9em;
}

form#cse-search-box {
	float:right;
	padding:10px 20px 12px;
	background-color:#21355F;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
form#cse-search-box input {
	padding:2px;
	border:none;
}
span.minipagelist {
	margin-left:10px;
	font-size:0.7em;
}
ul.unitlist li span.minipagelist a {
	margin:0 4px;
	border:none;
	text-decoration:none;
}
div.sidebar div.sidebar-box h4 {
	background:none;
	background-color:#d0d0d0;
	color:#666666;
	border-top:none;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
}
div.sidebar div.specification h4 {
	background-image:url('/images/examboards.jpg');
	background-repeat:no-repeat;
	background-position:center right;
}
div.sidebar div.sidebar-box {
	border:1px solid #cccccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:30px;
	clear:both;
}
div.sidebar div.sidebar-box ul {
	margin:15px 10px 5px 10px;
	padding:0;
	list-style:none;
}
div.sidebar div.sidebar-box ul li {
	padding:0 0 20px 0;
}
div.sidebar div.sidebar-box a {
	color:#666666;
	border-bottom:1px solid #666666;
}
div.sidebar div.feedback {
	border:none
}
div.sidebar div.feedback h4 {
	background-color:#ffffff;
	color:#EB8642;
	border-bottom:4px solid #EB8642;
	padding-bottom:5px;
	padding-left:0;
}
div.sidebar div.feedback ul {
	margin-bottom:15px;
}
div.sidebar div.feedback ul li {
	text-align:center;
	margin:0 auto;
	padding:0;
	display:block;
}
div.sidebar div.feedback ul li a {
	background-color:#FF7A14;
	border-top:3px solid #FF9747;
	border-left:3px solid #FF9747;
	border-bottom:3px solid #E06100;
	border-right:3px solid #E06100;
	padding:5px 10px;
	color:#ffffff;
	font-weight:bold;
	display:block;
	margin:0 auto;
	text-align:center;
}
div.sidebar div.popular {
	border:none;
}
div.sidebar div.popular h4 {
	background-color:#ffffff;
	color:#1F587F;
	padding-bottom:5px;
	padding-left:0;
	border-bottom:4px solid #1F587F;
}
div.sidebar div.popular a {
	color:#1F587F;
	border-bottom:1px solid #1F587F;
}
div.sidebar div.bookmarks {
	border:none;
}
div.sidebar div.bookmarks h4 {
	background-color:#ffffff;
	color:#1F7F45;
	border-bottom:4px solid #1F7F45;
	padding-bottom:5px;
	padding-left:0;
}
div.sidebar div.bookmarks a {
	color:#194101;
	border-bottom:1px solid #194101;
}
div.sidebar div.bookmarks ul li {
	float:left;
	display:inline;
}
div.sidebar div.bookmarks ul li a {
	float:left;
	border:none;
	text-decoration:none;
}
div.sidebar div.bookmarks ul li a img {
	border:none;
}
div#breadcrumbs {
	padding:0;
	margin:0 auto;
	width:92%;
}
div#breadcrumbs p {
	padding:10px 0;
	margin:0;
	color:#355699;
	font-size:0.8em;
	width:50%;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#breadcrumbs p a {
	color:#355699;
	border-bottom:1px solid #355699;
}
div#breadcrumbs ul { 
	width:45%;
	float:left;
	margin:0;
	padding:0;
}
div#breadcrumbs ul li {
	padding:0;
	margin:0;
	float:right;
	display:block;
}
div#breadcrumbs ul li a {
	float:right;
	display:block;
	padding:5px 10px 6px 35px;
	margin-top:7px;
	color:#2D4A84;
	background:#ffffff url('/images/printer.png') no-repeat scroll 5px center;
	border:none;
	text-decoration:none;
	font-size:0.9em;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	font-weight:bold;
}

div#unit-dropdown {
	padding:15px 0;
}
div#unit-dropdown select {
	padding:3px;
}
div#unit-dropdown select option {
	padding:0 5px;
}
div.article-wrapper p, ul, ol, table { color:#333333; }
div.article-wrapper p { text-align:justify; }
div.article-wrapper h3 { color:#000000; letter-spacing:1px; }
div.article-wrapper img { border:4px solid #dddddd; }
div.article-wrapper img.equation { border:none; }

p.twiiter-logo a {
	background-image:url('/images/twitter.png');
	background-repeat:no-repeat;
	display:block;
	height:59px;
	padding-left:70px;
}
p.twiiter-logo a span {
	display:block;
	padding-top:30px;
}
div.article-wrapper ol {
	font-size:1.2em;
}
div.article-wrapper ol li {
	padding:4px 0;
}