?/* CSS Document */
BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#wrapper {
	POSITION: relative; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 952px; PADDING-RIGHT: 0px
}

.welcome {font-family:verdana,arial,helvetica,sans-serif; font-size:18px; font-weight:NORMAL; color:#206ab6; text-decoration:none;}
.welcome-text {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#333333; text-decoration:none;}
a.feedback {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#c3cdd8; text-decoration:underline;}
a.feedback:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#ffffff; text-decoration:underline;}
a.more {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#689403; text-decoration:underline;}
a.more:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:normal; color:#000000; text-decoration:underline;}
a.links {font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#333333; text-decoration:none;}
a.links:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#689403; text-decoration:none;}
a.edu {font-family:verdana,arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#000201; text-decoration:underline;}
a.edu:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#689403; text-decoration:underline;}
.bottom-heading {font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:bold; color:#666666; text-decoration:none;}
.bottom-heading1 {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#333333; text-decoration:none;}
a.bottom-links {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#666666; text-decoration:underline;}
a.bottom-links:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#000000; text-decoration:underline;}
a.bottom1-links {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#666666; text-decoration:underline;}
a.bottom1-links:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}
a.navi {font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:bold; color:#555454; text-decoration:none;}
a.navi:hover {font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:bold; color:#2d4490; text-decoration:none;}

#menu-position {
	POSITION: absolute; TOP: 74px; LEFT: 0px
}


* HTML #topnav LI UL LI {
	HEIGHT: 1%
}
* HTML #topnav LI UL LI A {
	HEIGHT: 1%
}
#sidenav {
	PADDING-BOTTOM: 20px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#sidenav LI {
	BORDER-BOTTOM: #fff 1px solid; FONT: 12px/16px Verdana, Arial, Helvetica, sans-serif
}
#sidenav LI A {
	PADDING-BOTTOM: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: block; FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; TEXT-DECORATION: none; PADDING-TOP: 4px
}
#sidenav LI A:hover {
	BACKGROUND: #8da6d2
}
#sidenav UL {
	PADDING-BOTTOM: 6px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; BACKGROUND: #c2c5c8; COLOR: #666; LIST-STYLE-IMAGE: none; PADDING-TOP: 3px
}
#sidenav UL LI {
	BORDER-BOTTOM: medium none; FONT: 12px/16px Verdana, Arial, Helvetica, sans-serif
}
#sidenav UL A {
	PADDING-BOTTOM: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(http://www.eduroute.info/images_2009_04/bullet_sidenav_grey.gif) no-repeat 5px 5px; PADDING-TOP: 0px
}
#sidenav UL A:hover {
	BACKGROUND: url(http://www.eduroute.info/images_2009_04/bullet_sidenav_white.gif) no-repeat 5px 5px; COLOR: #fff
}
#sidenav UL LI.title {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; MARGIN-LEFT: 0px; FONT-WEIGHT: bold; LIST-STYLE-IMAGE: none
}
* HTML #sidenav LI {
	HEIGHT: 1%
}
* HTML #sidenav LI A {
	HEIGHT: 1%
}
P.sidenav {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; FONT: 11px/16px Verdana, Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 2px; COLOR: #666; BORDER-TOP: #d5d5d5 1px solid; PADDING-TOP: 20px
}
P.sidenav A {
	COLOR: #224272
}
P.norule.sidenav {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; BORDER-TOP: medium none; PADDING-TOP: 0px
}

#side_left {
	WIDTH: 191px; FLOAT: left; _position: relative
}

#sidenav1 {
	PADDING-BOTTOM: 20px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#sidenav1 LI {
	BORDER-BOTTOM: #fff 1px solid; FONT: 11px/16px Verdana, Arial, Helvetica, sans-serif
}
#sidenav1 LI A {
	PADDING-BOTTOM: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: block; FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; TEXT-DECORATION: none; PADDING-TOP: 4px
}
#sidenav1 LI A:hover {
	BACKGROUND: #d6d7da
}
#sidenav1 UL {
	PADDING-BOTTOM: 6px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; BACKGROUND: #c2c5c8; COLOR: #666; LIST-STYLE-IMAGE: none; PADDING-TOP: 3px
}
#sidenav1 UL LI {
	BORDER-BOTTOM: medium none; FONT: 11px/16px Verdana, Arial, Helvetica, sans-serif
}
#sidenav1 UL A {
	PADDING-BOTTOM: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(http://www.eduroute.info/images_2009_04/bullet_sidenav_grey.gif) no-repeat 5px 5px; PADDING-TOP: 0px
}
#sidenav1 UL A:hover {
	BACKGROUND: url(http://www.eduroute.info/images_2009_04/bullet_sidenav_white.gif) no-repeat 5px 5px; COLOR: #fff
}
#sidenav1 UL LI.title {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; MARGIN-LEFT: 0px; FONT-WEIGHT: bold; LIST-STYLE-IMAGE: none
}
* HTML #sidenav LI {
	HEIGHT: 1%
}
* HTML #sidenav1 LI A {
	HEIGHT: 1%
}
P.sidenav1 {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; FONT: 11px/16px Verdana, Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 2px; COLOR: #666; BORDER-TOP: #d5d5d5 1px solid; PADDING-TOP: 20px
}
P.sidenav1 A {
	COLOR: #224272
}

#content {
	
}
#content SUP {
	LINE-HEIGHT: 75%; FONT-SIZE: 75%; FONT-WEIGHT: normal
}
#content A {
	COLOR: #224272
}
#three #content {
	PADDING-RIGHT: 24px; MARGIN-LEFT: 215px; MARGIN-RIGHT: 202px
}
#two #content {
	MARGIN-LEFT: 215px; MARGIN-RIGHT: 0px
}
#content H1 {
	BORDER-BOTTOM: #dcdcdc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 16px/42px Verdana, Arial, Helvetica, sans-serif; COLOR: #224272; PADDING-TOP: 0px
}
#content H1.pagetitle {
	BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 16px/26px Verdana, Arial, Helvetica, sans-serif; COLOR: #224272; PADDING-TOP: 10px
}
#content H2.subtitle {
	BORDER-BOTTOM: #dcdcdc 1px solid; PADDING-BOTTOM: 12px; MARGIN: 0px 0px 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 16px/20px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; PADDING-TOP: 0px
}
#content H1.sectiontitle {
	BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 16px/26px Verdana, Arial, Helvetica, sans-serif; COLOR: #224272; PADDING-TOP: 10px
}
#content H2.pagetitle {
	BORDER-BOTTOM: #dcdcdc 1px solid; PADDING-BOTTOM: 12px; MARGIN: 0px 0px 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 14px/19px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; PADDING-TOP: 0px
}
#content H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 11px/17px Verdana, Arial, Helvetica, sans-serif; COLOR: #224272; PADDING-TOP: 0px
}
#content P {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 11px/17px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; PADDING-TOP: 0px
}
#clear {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px
}

/*--------------------------------------------------*/
.ddsmoothmenu{
font: bold 12px Verdana;
background: #0a3d74; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #0a3d74; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: ;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/*--------------------------------------------------*/

.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;

border-bottom: 1px solid #ccc;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */