html, body {
	height:100%;
}
body {
	font-family:   Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	width:100%;
	background: #ffffff url(../img/top_bg.jpg) left top repeat-x;
}
a {
	color: #389fe8;
	text-decoration: underline;
}
a:hover {
	color: #0d67a8;
}
a:visited {
}
a:active {

}
img {
	border:none;

}
h1 {
	color: #3c4a64;
	font-size: 20px;
	font-weight:bold;
	margin: 10px 0 15px 0;
}
h2 {
	color: #3c4a64;
	font-size: 16px;
	font-weight:bold;
	margin: 35px 0 10px 0;
}
h3 {
	color: #3c4a64;
	font-size: 18px;
	font-weight:bold;
	margin: 10px 0 15px 0;
}
#header {
	height: 133px;	
	background: #1f2533 url(../img/top.jpg) 50% top no-repeat;
	
}
ul.menu {
	list-style-type: none;
	margin:0 auto;
	background: #c8cbd2 url(../img/menu_bg.jpg) left top repeat-x;
	height:39px;
	text-align:center;
	line-height: 39px;
	vertical-align:middle;
	padding-top: 5px;
}
ul.menu li {
	display:inline-block; /* normal browsers */
	zoom:1; /* for IE (hasLayout true) */
 *display:inline; /* for IE */
	height: 29px;
	margin: 0 5px;
	
 *margin-top:6px; /* for IE */
}
ul.menu li span {
	display:block;
	height: 29px;
	padding-left:10px;
}
ul.menu li span a {
	display:block;
	height: 29px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	line-height: 29px;
	vertical-align:middle;
	text-decoration: none;
	text-shadow: #583419 0px -1px;
	padding-right:10px;
}
ul.menu li span a:hover {
	color:#e4d5c7;
}
ul.menu li.active {
	background: url(../img/menuitem_bg.jpg) left top repeat-x;
}
ul.menu li.active span {
	background: url(../img/menuitem_lbg.jpg) left top no-repeat;
}
ul.menu li.active span a {
	background: url(../img/menuitem_rbg.jpg) right top no-repeat;
	color:#FFFFFF;
	text-shadow: #1c140d 0px 1px;
}

ul.mainmenu {
	list-style-type: none;
	margin:0 auto;
	width: 800px;
	text-align:right;
	padding-top: 35px;
	
}
ul.mainmenu li {

	margin: 0 15px;
	display:inline;

}
ul.mainmenu li a {
	
	font-weight:bold;
	color:#86b2f6;
	font-size:18px;
	text-decoration:none;

}
ul.mainmenu li a:hover {
	color:#c3d9fb;
}

ul.mainmenu li.active a {

	color:#FFFFFF;

}

#footer {
	width: 800px;
	
	margin: 40px auto 0;
	
	color: #707070;
	
	font-size:10px;
	padding:0 0 15px 0;
}
#footer p {
	text-align:center;
	margin:0;
	padding:0;
}
#main {
	background: #ffffff url(../img/content_bg.jpg) left top repeat-x;
}
#main #content {
	width: 800px;
	margin: 0px auto;
	padding: 20px 0 0;
}
dl.note {
	border: 1px solid #e6d6a6;
	background-color: #fffce5;
	color: #715f44;
	font-style:italic;
	padding: 5px;
}
dl.note dt {
	line-height: 1.2em;
	text-align:right;
	width: 3.2em;
	font-weight:bold;
}
dl.note dd {
	padding-left:3.5em;
	line-height: 1.2em;
	margin-top: -1.2em;
	overflow:visible;
}
dl.hint {
	border: 1px solid #b7c5d9;
	background-color: #e5f1ff;
	color: #465875;
	font-style:italic;
	padding: 5px;
}
dl.hint dt {
	line-height: 1.2em;
	text-align:right;
	width: 3.2em;
	font-weight:bold;
}
dl.hint dd {
	padding-left:3.5em;
	line-height: 1.2em;
	margin-top: -1.2em;
	overflow:visible;
}
dl.hint ul {
	list-style-type:disc;
	padding: 10px 0 10px 20px;
}
p.bigscreen {
	text-align:center;
	background-color:#FFFFFF;
}
div.screens {
	text-align:center;
	background-color:#FFFFFF;
	margin-top: 20px;
}
div.screen {
	display:inline-block; /* normal browsers */
	zoom:1; /* for IE (hasLayout true) */
 *display:inline; /* for IE */
	font-size: 12px;
	font-style:italic;
	text-align:left;
	color: #666666;
	margin-bottom: 20px;
}
.rarrow {
	padding-right:42px;
	background: #ffffff url(../img/arrow.jpg) right 50% no-repeat;
}
.rotarrow {
	padding-right:42px;
	background: #ffffff url(../img/rotatearrow.jpg) right 50% no-repeat;
}
.rpad {
	padding-right:42px;
}
div.screen .caption {
	display:block;
	white-space:nowrap;
	text-align:center;
	margin: 10px -30px 0 -30px;
}

div.screen .imghead {
	display:block;
	
	text-align:center;
	margin: 10px -30px 10px -30px;
	font-weight:bold;
	font-style:normal;
	font-size: 14px;
}
.leftimg {
	float:left;
	margin: 0 20px 0 0
}
span.glif {
	white-space:nowrap;
}


div.callouts {

	background: #ffffff url(../img/planner/class.jpg) 340px top no-repeat;
	min-height:240px;
	padding-right: 470px;
	padding-left: 60px;
	padding-top: 45px;
	text-align:right;
	font-size:12px;
}

div.callouts p{
	text-align:right;
	margin: 10px 0 11px 0px;
	

}
#repetitive {
	width:800px;
	display:none;

}