@import "extra.css";

/* Font Styling */
p,
h1,
h2,
h3,
li,
.header,
select,
input,
#footer,
#courseform label,
#courseform textarea,
button,
legend,
td{
	font-family:Tahoma,Sans-Serif;
	color:#333;
}

p,
legend{
	font-size:0.7em;
	line-height:180%;
}

.biglist{
	font-size:1.0em;
}

input,
select,
button{
	padding:1px;
	margin:2px 5px;
	font-size:0.65em;
}

#courseform label,
#courseform textarea,
#courseform input,
#courseform select{
	width:90%;
	font-size:0.65em;
	padding:1px;
	margin:2px 5px;
}

textarea{
	height:60px;
}

fieldset{
	width:98%;
}

h1{
	font-size:1.0em;
}

h2{
	font-size:0.9em;
}

h3{
	font-size:0.8em;
}

#rightpanel h1,
#sidepanel h1 {
	font-size:0.75em;
}

#rightpanel h2,
#sidepanel h2 {
	font-size:0.7em;
}

#rightpanel h3,
#sidepanel h3 {
	font-size:0.65em;
}

#rightpanel p,
#sidepanel p {
	font-size:0.6em;
}

a,a:link,a:visited {
	color:#036;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.red,a:link.red,a:visited.red,a:hover.red {
	color:#CC0000;
}

.green,a.green{
	color:#226F25;
}

.blue,a.blue{
	color:#036;
}

.brown,a.brown{
	color:#B65203;
}

.lightgreen,a.lightgreen{
	color:#60BB46;
}

.orange,a.orange{
	color:#F89C1C;
}

#contents li{
	font-size:0.7em;
	line-height:180%
}

#contents li ul li{
	font-size:1.0em;
	line-height:180%
}

.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/* clearfix \*/

* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}

/* end clearfix */

/* Navigation Specific */

#nav a,#sidepanel a:link,#sidepanel a:visited {
	color:#3F3F3F;
	text-decoration:none;
}

#nav a:hover {
	color:#000;
	background-color:#D9D9D9;
}

#nav li a {
	padding:9px 16px;
	margin:0;
	display:block;
	background-color:#eee;
}

#nav a,#sidepanel a:link,#sidepanel a:visited {
	color:#3F3F3F;
	text-decoration:none;
}

#nav a:hover {
	color:#000;
	background-color:#D9D9D9;
}

#nav,#nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#nav li {
	float:left;
	position:relative;
}

#nav li ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
}

#nav li ul li {
	clear:both;
	width:150px;
	text-align:left;
	line-height:100%;
}

#nav li ul li a {
	padding:6px 15px 6px 15px;
	line-height:100%;
	height:100%;
}

#nav li>ul {
	top:auto;
	left:auto;
}

#nav li:hover ul,#nav .over ul {
	display:block;
	clear:both;
}

#nav .navoptions {
	font-weight:bold;
}

/* Main Areas' Styling */

#page{
	width:772px;
	margin:0 auto;
	background:#fff url(/images/main_back.gif) repeat-y;
	padding-left:3px;
}

body{
	padding:0;
	margin:0 0 30px 0;
	width:100%;
	background-color:#fff;
}

#navigation{
	width:769px;
	background-color:#eee;
	height:30px;
	font-size:0.7em;
	text-align:center;
}

#sidepanel{
	clear:both;
}

#sidepanel{
	width:149px;
	height:550px;
	padding:20px 10px 10px 10px;
	float:left;
	overflow-x:hidden;
}

#rightpanel{
	width:149px;
	height:550px;
	padding:20px 10px 10px 10px;
	float:left;
	overflow-x:hidden;
	background:#fff url(/images/side_grad.gif) repeat-x;
}

#contents{
	width:410px;
}

#contentswide,
#contents{
	padding:20px 10px 10px 10px;
	float:left;
	background-color:#fff;
}

#contents .left{
	padding:0 10px 5px 0;
	float:left;
}

#contents td{
	font-size:0.7em;
}

#contents table,
#contents td {
	border: 0 !important;
}

#contents td {
	padding: 5px;
}

#footer{
	clear:both;
	width:695px;
	height:28px;
	padding:55px 80px 0 0;
	margin:0 auto 30px auto;
	font-size:0.7em;
}


/* Misc Styles */

hr{
	color:#f0f0f0;
	background:#f0f0f0;
	border:0;
	height:1px;
}

.productbox{
	background:#F4F6F8 url(/images/gradient.gif) repeat-x;
	border:solid 1px #BFCAD6;
	padding:5px;
	width:400px;
	margin-bottom:20px;
}

.productbox img{
	border:solid 1px #BFCAD6;
	padding:0;
	margin-right:10px;
}

.month{
	width:198px;
	float:left;
	background:#fff url(/images/monthfooter.gif) no-repeat bottom;
	padding-bottom:14px;
	margin:10px 10px 10px 0;
}

.month p{
	font-size:0.6em;
}

.month .header{
	font-size:0.7em;
	color:#fff;
	width:198px;
	height:26px;
	background:#C5CED7 url(/images/header.gif);
	text-align:center;
	line-height:26px;
}

.month .box{
	border-right:1px solid #C5CED7;
	border-left:1px solid #C5CED7;
	width:176px;
	padding:10px;
	margin:0;
}