body {font:13px Verdana, sans-serif; font-size:small;}

table {font-size:inherit; font-size:100%;}

select, input, button, textarea {font:99% Verdana, sans-serif;}

pre, code {font:115% monospace; font-size:100%}

body * {line-height:1.22em;}

/* general selectors */

body {
	margin:0;
	padding:0;
	color:#575757;
	background-color:#eee;
	}

h1 {
	margin:1.5em 0 .75em 0;
	padding:0;
	font:normal 167% Verdana, sans-serif;	
	color:#3EA63B;
	}

h2 {
	margin:1.5em 0 .5em 0;
	padding:0;
	font:normal 136% Verdana, sans-serif;
	color:#3EA63B;
	}

h3 {
	margin:1.25em 0 .5em 0;
	padding:0;
	font:normal 122% Verdana, sans-serif;
	color:#3EA63B;
	}

h4, h5, h6 {
	margin:1.0em 0 .5em 0;
	padding:0;
	font:bold 114% Verdana, sans-serif;
	}

h4, h6 {
	color:#3EA63B;	
	}

strong {
	color:#454545;
	}

p {
	margin:.75em 0;
	padding:0;
	}

p.teaser {
	margin:1.5em 0 0 0;
	}

blockquote {
	width:auto;
	padding:10px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px; 
	background: #ececec url(/img/library/10/bg-gradient-short.gif) repeat-x;
	}

code {	
	background-color:#2c2c2c;
	color: #fff;
	}

samp {
	font-size:92%;
	font-weight:bold;
	color:#06c;	
	}

var {
	font-size:92%;
	font-weight:bold;
	color:#333;
	}

abbr, acronym {
	border-bottom:1px dashed;
	cursor:help;
	}

dfn {
	font-style:normal;
	border-bottom:1px dashed;
	cursor:help;
	}

kbd {
	color:#093;
	font-size:92%;
	font-weight:bold;
	}

table, form, tr, th, td {
	margin:0;
	padding:0;
	}

table td {
	vertical-align:top;
	}

img {
	border:0;
	}

a, a:link, a:visited, a:hover, a:active {
	color:#3EA63B;
	}

a:visited {
	color:#3EA63B;
	}

a:hover {
	color:#000;
	text-decoration:none;
	}

a:active {
	color:#d00;
	text-decoration:none;
	}

hr {
   	width:100%;
   	margin:30px 0 10px 0;
   	border-top:none;
   	border-right:none;
   	border-left:none;
	border-bottom:1px dotted #ccc;
	}

/* category listing title links */

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:#333;
	text-decoration:none;
	}

h1 a:visited {
	color:#696969;
	text-decoration:none;
	}

h1 a:hover {
	color:#3EA63B;
	}

h1 a:active {
	color:#d00;
	text-decoration:none;
	}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#3EA63B;
	text-decoration:none;
	}

h2 a:visited {
	color:#696969;
	text-decoration:none;
	}

h2 a:hover {
	color:#333;
	}

h2 a:active {
	color:#d00;
	text-decoration:none;
	}

/* teaser images */

img.title {
	padding:0 0 15px 0;
	}

/* accessibility anchor and items used for print output */

#skipnav, .print {
	display:none;
	}

/* layout containers */

#location, #header, #feature, #navigation, #main, #footer {
	margin:0;
	width:100%;
	clear:both;
	}

.container {
	margin:0 auto;
	width:800px;
	}

.item {
	float:left;
	width:100%;
	padding:0;
	}
/*	cool effect - needs work
.item:hover {
	background-color: #ececec;
	background: #ececec url(/img/library/10/bg-gradient-short.gif) repeat-x;
	border:1px solid #eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
}*/

.section {
	float:left;
	width:100%;
	padding:0 0 20px 0;
	}

.col1 {
	float:left;
	width:250px;	
	}

.col2 {
	float:right;
	width:500px;	
	}

/* header */

#header {
	float:left;
	height:60px;
	max-height:60px;
	border-top:3px solid #000;
	background-color:#000;
	white-space:nowrap;
	}

#header .col1 {
	width:4%;
	padding:10px;
	}

#header .col2 {
	float:left;
	width:540px;
	padding:10px;
	}

#header .col3 {
	position:absolute;
	line-height:1em;
	left:75%;
	width:230px;
	max-width:230px;
	padding:1.3em 2em;
	color: silver;
	font-size:12px;
	font-weight:bold;
}

#header .col3 a {
	color:#fff;
	text-decoration:none;
	}
	
#header .col3 ul li {
	list-style:none;
	list-style-type:none;
	}
 	
#header .col3 a:hover {
	color:#fdff5b;
	} 

/* feature container */

#feature {
	float:left;
	padding:10px 0;
	}

#feature h1 {
	/* color:#3EA63B; */
	color:#666;
	margin-top:.5em;
	}

#home #feature {
	border-top:14px solid #fff;
	background-color: #fff;
	}

#home #feature .col1 {
	width:540px;
	float:left;	
	}

#home #feature .col2 {
	width:240px;
	float:right;	
	}

/* drop down menu */

#navigation {
	float:left;
	font-size:85%;
	text-transform:lowercase;
	padding-top:5px;
	padding-left:0;
	background-color:#2c2c2c;
	background-position:left top;
	background-image:url(../img/css/nav_bg.gif);
	background-repeat:repeat-x;
	height:50px;
	}

/* location breadcrumb */

#location {
	float:left;
	background-color:#fff;	
	}

#location ul {
	margin:0;
	padding:5px 0;
	list-style:none;
	}

#location li {
	margin:0;
	padding:0 2px;
	display:inline;	
	font:85% normal Verdana, sans-serif;
	color:#7a7a7a;
	}

#location li a, #location li a:link {
	text-decoration:none;
	color:#000;	
	}

#location li a:hover {
	text-decoration:underline;
	color:#000;	
	}

/* main content */

#main {
	float:left;
	margin:10px 0;
	padding:10px 0;
	background: #fff;
}

#home #main {
	margin:10px 0;
	padding:0;
	}

/* teaser images original*/

#home #main .col1 img, #category #main .col1 img {
	float:left;
	padding:0 20px 0 0;
	}

/* section teaser images */

#main .section img {
	float:right;
	padding:0 0 0 20px;
	}

#main .col1 {
	width:540px;
	max-width:540px;
	padding:0 10px 20px 0;
	}

#main .col2 {
	float:right;
	width:240px;
	padding-bottom:20px;
	}

#category #main .col2 {
	margin-top:20px;
	}

.listbox {
	padding:20px 0;
	background-image:url("");
	background-repeat:repeat-x;
	}

/* make h1 same size as h2 when rendering full page in category */

#category #main h1 {
	margin:1.5em 0 .5em 0;
	font:normal 136% Verdana, sans-serif;
	}

#page #main .col1, #search #main .col1, #sitemap #main .col1 {
	width:750px;
	}

#main ul {
	margin:0;
	padding:0;
	}

#main ul li {
	margin:0;
	padding:0;
	line-height:180%;
	list-style-image:url(/img/library/11/bullet_li.gif);
	border-bottom:1px dotted #ccc;
	list-style-position: outside;
	}

#main ul li a, #main ul li a:visited {
	text-decoration:none;
	}

#main ul li a:hover, #main ul li a:active {
	text-decoration:none;
	}

/* footer */

#footer {
	padding:10px 0;
	background-color:#eee;
	color:#696969;	
	}

#footer .col1 {
	width:540px;
	}

#footer .col2 {
	width:230px;
	text-align:right;
	}

#footer ul {
	margin:0;
	padding:5px 0;
	list-style:none;
	}

#footer li {
	margin:0;
	padding:0 10px 0 0;
	display:inline;	
	}

#footer li a, #footer li a:link {
	color:#696969;
	text-decoration:none;
	}

#footer li a:hover {
	color:#333;
	text-decoration:underline;
	}

#footer li img {
	margin-bottom:-1px; /* feed icon vertical alignment */
	}

.copyright li {
	font-size:85%;
	color:#8c8c8c;
	}

/* content styles */

#main table {
	border:1px solid #ccc;
	border-bottom:none;	
	background:#fcfcfc;
	width:100%;
	}

#main table th, #main table td {
	padding:8px 20px;
	border-bottom:1px solid #ccc;
	}

#main table th {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#eee;
	}

#main ul {
	margin:1em;
	padding-left:15px;
	list-style:outside disc;
	}

#main li {
	padding-left:0;
	}


/* general alignment */

.left {
	text-align:left;
	}

.right {
	text-align:right;
	}

.center {
	text-align:center;
	}

.indent {
	margin-left:20px;
	}

#category #main img.left, #page #main img.left, img.left {
	float:left;
	margin-right:20px
	}

#category #main img.right, #page #main img.right, img.right {
	float:right;
	margin-left:20px
	}

/* forms */

#header .col3 input {
	padding:1px;
	width:120px;
	height:15px;
	border:1px solid #b2b2b2;
	background-color:#fff;
	}

#header .col3 button {
	padding:0 0 0 5px;
	border:none;
	color:#fff;
	background-color:#2c2c2c;
	cursor:pointer;
	}

ul#categorynav {
	padding-bottom:20px;
	}

ul#categorynav li {
	font-weight:bold;
	padding:5px 0 7px 20px;
	background:url(../img/css/catnav.gif) no-repeat 0 50%;
	}	

/* forms - sign in, contact etc. */

input {
	margin:2px 10px 0 0;
	padding:1px;
	width:170px;
	height:17px;
	color:#696969;	
	border:1px solid #b2b2b2;
	background-color:#fcfcfc;
	}

input.checkbox, input.radio {
	width:auto;
	height:auto;
	border:none;
	background:none;	
	}

textarea {
	width:420px;
	height:160px;
	color:#696969;		
	border:1px solid #b2b2b2;
	background-color:#fcfcfc;
	}

form dl {
	padding:0 0 10px 0;
	}

form dt {
	padding:6px 0 0 0;
	}

form dd {
	margin:0;
	padding:0 0 6px 0;
	}

#main button {
	width:110px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	} 

label {
	font:normal 92% Verdana, sans-serif;
	color:#3EA63B;
	}

.pass {
	color:#090;
	}

.fail, .closed {
	color:#900;
	}

#search table {
	margin:0 auto;
	}

#search input {
	width:350px;
	}

#search #main table td {
	padding:8px 5px;
	text-align:center;
	}

#search #main .col1 ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#search #main .col1 li {
	margin:0;
	padding:0 20px 0 0;
	display:inline;
	}

#search #main .col1 ul.pages {
	padding:40px 0 0 0;
	}

#search #main .col1 ul.pages li {
	padding:0 5px 0 0;
	}

#sitemap h2 {
	margin:.5em 0;
	}

#sitemap #main table {
	width:100%;
	}

/* sitemap "you are here" indicator */

.yah {
	color:#fff;
	font-weight:normal;
	display:inline;
	margin:0 0 0 10px;
	padding-left:15px;
	background:url(../img/css/yah.gif) no-repeat 0 50%;
	}

/* comment replies */

#main #comments button {
	width:125px;
	}

#comments, #commentform {
	padding-top:20px;
	}

#comments p.info {
	font-style:italic;
	}

#page #main .col1 #comments ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#page #main .col1 #comments li {
	margin:5px 0;
	padding:5px;
	border:1px solid #eee;	
	}

#page #main .col1 #comments li.reply {
	background-color:#efefef;
	padding-left:40px;
	}

/* .cRowEven also available, only changing odd row color here */

#comments .cRowOdd {
	background-color:#fafafa;
	}

/* code markup */

.markup {
	width:90%;
	margin:0px auto;
	padding:10px;
	overflow:auto;
	max-height:300px;
	background-color:#2c2c2c;
	color: #fff;
	border:4px solid #eee;
	}

.markup p {
	margin:0;
	}

.markup p.indent {
	margin-left:20px;
	}

/* xs containers */

div.textbox {
	clear:both;
	float:left;
	width:150px;
	font-size:92%;
	margin:0 20px 0 0;
	padding:2px 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

div.photo {
	float:right;
	width:auto;
	margin:0 0 0 20px;
	padding:0;
	font-size:92%;
	font-weight:bold;
	text-align:center;
	}

div.image {
	width:auto;
	margin:20px 0 30px 0;
	padding:0;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	}

div.image p {
	margin:.25em 0;
	}

span.underline {
	text-decoration:underline;
	}

span.strikethrough {
	text-decoration:line-through;
	}

div#JSMX_loading {
	position:absolute;
	top:0px;
	right:0px;
	margin:0px;
	padding:0px;
	width:112px;
	height:30px;
	background-image:url(../img/css/processing.gif);
	background-repeat: no-repeat;
	background-position:center center;
	z-index:200;
	}

#navlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

#navlist li {
	padding-left: 15px;
	background-image: url(../img/css/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}

.line {
	clear:both; 
	padding-right:0px; 
	padding-left:0px; 
	font-size:0px; 
	background:url(../img/css/line.gif) #996 repeat-x; 
	padding-bottom:0px; 
	margin:0px; 
	padding-top:0px; 
	height:1px;
	}

/* examprofessor form */

#loginBox em {
	color:red;
	}

#columnLeftLabel {
	float:left;
	padding-right:5px;
	width:125px;;
	color:#333;
	text-align:right;
	vertical-align:bottom;
	}

#columnRightInput {
	text-align:left;
	padding-bottom:10px;
	}

.submit {
	margin: 0;
	padding: 0;
	border: none;
	/*width: 80px;
	height: 21px;*/
	width:90px;
	height: 35px;
	}

.btnContainer {
	padding-top:20px;
	}

#btnBack {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

.ajax {
	text-decoration:none;
	color: #555;
	}

#ajaxContent ul {
	margin:20px 0 0 0;
	padding:0;
	color:red;
	list-style-type: none;
	}

#ajaxContent li {
	color:red;
	}

.error {
	color: red;
	}

/* notice */

.notice {
	margin-top:20px; 
	padding:10px;
	background-color:#FBFFCF;
	border:1px solid #EBEFC2;
	line-height: 1.5em;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}

.notice h2 {
	display:block;
	font-size:150%;
	color:#cd4224 !important;
	}

.notice b {
	color:#575757;
	}

.noticebar {
	list-style-type:none;
	list-style-image:none;
	padding:10px 5px;
	margin:20px 0;
	background-color:#fafafa;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	line-height:1.5em;
	}

.blockquote {
	list-style-type:none;
	list-style-image:none;
	padding:5px;
	margin:20px;
	background-color:#ececec;
	border:1px solid #eee;
	line-height:1.5em;
	-moz-border-radius-topright:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px;
	}

.quotebox {
	padding:5px 10px;
	margin:20px auto;
	border:1px solid #eee; 
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	 background: #ececec url(/img/library/10/bg-gradient-short.gif) repeat-x; 
}

/* sidebox */

.sidebox {
	width:auto;
	padding:10px;
	background: #ececec url(/img/library/10/bg-gradient-long.gif) repeat-x;
	border:1px solid #eee;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}

.sidebox h5 {
	margin-top: 0;
	padding:0 10px;
	display:block;
	font-size:130%;
	}

.sidebox b {
	color:#3EA63B;
	}

.sidebox ul {
	margin:0;
	padding:0 10px 0 25px;
	}

.sidebox li {
	line-height:180%;
	list-style-image:url(/img/library/11/bullet_li.gif);
	border-bottom:1px dotted #ccc;
	list-style-position: outside;
	}

.sidebox ul li a, .sidebox ul li a:visited {
	text-decoration:none;
	}

.sidebox ul li a:hover, .sidebox ul li a:active {
	text-decoration:none;
	}

/* slider use*/

hr {clear:both;}

.xSlider{	
	color:#3EA63B;
	font-family:Verdana,sans-serif;
	font-size:122%;
	cursor:pointer;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-top:35px;
	margin-left: 10px;
	padding:0pt;
	float:right;
	}

.logo {
	float: left;
	margin-bottom:20px;
	}

/*nifty corners (uses JS) */
div#nifty {
	margin: 0; 
	background: #ccc;
}
div.rounded div {
  	height: 1px;
  	overflow: hidden;
}
#radiusx, #radiusy {
	text-align: right;
 	width: 30px;
}