/* Global 
-------------------------------*/

body {

font: 11px/130% Verdana, Tahoma, sans-serif;
background:#ccc url(../images/bg.jpg);
color: #000;
margin:0;
padding:0;

}

html * {

margin: 0;
padding: 0;

}

img {

border: none;

}



/* Generic Styles 
-------------------------------*/

h1 {

font-size: 18px;

}

h2 {

font-size: 20px;
padding: 0 0 12px 0;

}

h3 {

font-size: 12px;

}

h4, h5, h6
{

font-size: 11px;

}

p {

font-size: 11px;
margin: 0 0 10px 0;

}

#login input{
	margin-bottom: 6px;
}

#login p{
	margin-bottom: 0;
}

input {

padding: 2px;
border: solid 1px #bbb;

}

a {

font-weight: bold;
color: #000;

}

a:hover {

color: #666;

}

hr {

margin: 10px 0;

}



/*
Container
--------------------*/

#container {

width: 709px;
margin: 20px auto;
padding: 7px 25px 25px 25px;
background: #fff;

}



/*
1. Header
--------------------*/

#header {

width: 709px;

}

		ul#headernav {
		
		float: right;
		padding: 28px 0 0 0;
		}
		
		ul#headernav li {
		
		list-style: none;
		display: inline;
		
		}
		
		ul#headernav li a {
		
		font-weight: normal;
		border-right: solid 1px #999;
		color: #1b326d;
		padding: 0 6px 0 4px;
		
		}
		
		ul#headernav li a.last {
		
		border-right: none;
		padding: 0 0 0 4px;
		
		}
		
		ul#headernav li a:hover {
		
		text-decoration: none;
		color: #666;
		
		}
		
		h1#logo, h1#logo a {
		
		text-decoration: none;
		display: block;
		text-indent: -9999px;
		width: 105px;
		height: 76px;
		
		
		}
		
		h1#logo a {
		
		background: url(../images/jmreinc-logo.gif) no-repeat;
		
		}
		

/*
1a. Header - Topnav
--------------------*/

#topnavcontainer {

width: 709px;
height: 33px;
border-bottom: solid 1px #999;
padding: 10px 0 0 0;

}

		ul#topnav {
		
		border-left: solid 1px #999;
		width: 708px;
		height: 33px;
		line-height: 1;
		font: 10px/130% Verdana, Tahoma, sans-serif;
		font-style: normal;
		
		}
		
		ul#topnav li {
		
		
		list-style: none;
		float: left;
		}
		
		ul#topnav li a {
		
		display: block;
		text-indent: -9999px;
		text-decoration: none;
		border-right: solid 1px #999;
		
		}
		
		ul#topnav li a.toplevel, ul#topnav li a.active {
		
		height: 33px;
		
		}
		
		ul#topnav li#commercial a {
		
		width: 187px;
		background: url(../images/OnlineCommercialCourses.png) no-repeat;
		
		}
		
		

		ul#topnav li#realestate-courses a {
		
		width: 179px;
		background: url(../images/OnlineREclasses.png) no-repeat;
		
		}
			
		
		ul#topnav li#student a {
		
		width: 137px;
		background: url(../images/StudentResources.png) no-repeat;
		
		}
		
		ul#topnav li#otherservices a {
		
		width: 105px;
		background: url(../images/OtherServices.png) no-repeat;
		
		}
		
		ul#topnav li#aboutjmre a {
		
		width: 95px;
		background: url(../images/About.png) no-repeat;
		
		}
		
		ul#topnav li#commercial a:hover, ul#topnav li#residential a:hover, ul#topnav li#bookstore a:hover,
		ul#topnav li#student a:hover, ul#topnav li#otherservices a:hover, ul#topnav li#aboutjmre a:hover,
		ul#topnav li#commercial a.active, ul#topnav li#residential a.active, ul#topnav li#bookstore a.active,
		ul#topnav li#student a.active, ul#topnav li#otherservices a.active, ul#topnav li#aboutjmre a.active {
		 
		/*background-position: 0px -33px;*/
				
		}
		
		
		ul#topnav li ul {
		
		position: absolute;
		width: 150px;
		left: -9999px;
		font: 10px/130% Verdana, Tahoma, sans-serif;
		
		}
		
		ul#topnav li ul a {
		
		padding: 6px;
		
		
		}
		
		ul#topnav li#commercial ul a, ul#topnav li#residential ul a, ul#topnav li#bookstore ul a, ul#topnav li#student ul a, ul#topnav li#otherservices ul a, ul#topnav li#aboutjmre ul a {
		
		text-indent: 0;
		background: #fff url(../images/dropdown-bg.jpg) repeat-x;
		border-top: solid 1px #999;
		border-left: solid 1px #999;
		
		}
		
		ul#topnav li#commercial ul a:hover, ul#topnav li#residential ul a:hover, ul#topnav li#bookstore ul a:hover, ul#topnav li#student ul a:hover, ul#topnav li#otherservices ul a:hover, ul#topnav li#aboutjmre ul a:hover {
		
		text-indent: 0;
		background: #1b326d;
		color: #fff;
		
		}
		
		ul#topnav li:hover ul, ul#topnav li.sfhover ul {
		
		left: auto;
		border: none;
		margin: 0 0 0 -1px;
		border-bottom: solid 1px #999;
		}
		
		ul#topnav li ul ul {
		
		/*margin: -33px 0 0 148px;*/
		
		}
		
		
		ul#topnav li:hover ul ul, ul#topnav li.sfhover ul ul {
		
		left: -9999px;
		margin: -24px 0 0 160px;
		
		}
		
		html>body ul#topnav li:hover ul ul, ul#topnav li.sfhover ul ul { margin: -26px 0 0 160px; }
		
		ul#topnav li:hover ul, ul#topnav li li:hover ul, ul#topnav li.sfhover ul, ul#topnav li li.sfhover ul {
		
		left: auto;
		
		}
		
		

/*
1b. Header - Subhead
--------------------*/

#subhead {

width: 707px;
border-right: solid 1px #999;
border-left: solid 1px #999;
border-bottom: solid 1px #999;
background: #1b326d;


}

		#subhead h2 {
		
		border-top: solid 9px #b0b0c2;
		padding: 12px;
		color: #fff;
		font-weight: normal;
		font-size: 16px;
		
		}
		


/*
2. Content Area
--------------------*/

#contentcontainer {

width: 709px;
background: url(../images/content-bg.gif) repeat-y;
margin: 15px 0 0 0;

}

/*
2a. Col1
--------------------*/

#col1 {

width: 448px;
float: left;
padding: 0 10px 0 0;
margin: 0 -3px 0 0;

}

html>body #col1 { margin: 0; }

		#col1 #homeimage {
		
		border: solid 1px #999;
		padding: 3px;
		background: #fff;
		
		}
		
		
				
		#contenttext {
		
		padding: 12px 16px 0 0;
		line-height: 160%;
		
		}
		
		#contenttext ul {
		
		margin: 0 0 10px 30px;
		
		}
		
		#contenttext ol {
		
		margin: 0 0 10px 30px;
		
		}
		
		#contenttext h3 {
		
		font-size: 12px;
		color: #1b326d;
		margin: 0 0 5px 0;
		
		}
		
		#contenttext table {
		
		font-size: 11px;
		color: #000;
		font-weight: normal;
		
		}
		
		#contenttext th {
		
		font-size: 11px;
		color: #fff;
		font-weight: bold;
		text-align: left;
		background: #717279;
		padding: 5px;
		
		}
		
		#contenttext td {
		
		font-size: 11px;
		color: #000;
		font-weight: normal;
		padding: 5px;
		
		}




/*
2a.1 Breadcrumb
--------------------*/

#breadcrumb {

padding: 0 0 10px 0;
margin: 0 0 0 0;
border-bottom: solid 1px #000;
width: 440px;

}


		#breadcrumb li {
		
		list-style: none;
		display: inline;
		
		}

		#breadcrumb li a {
		
		color: #1b326d;
		font-size: 10px;
		font-weight: normal;
		background: url(../images/bc-arrow.gif) 100% 50% no-repeat;
		padding: 0 10px 0 0;
		
		}
		
		#breadcrumb li a.current {
		
		background: none;
		text-decoration: none;
		
		}
		
		#breadcrumb li a:hover {

		color: #666;

		}
/*
2b. Col2
--------------------*/

#col2 {

width: 251px;
margin: 0 0 0 455px;

}

html>body #col2 { margin: 0 0 0 458px; }

		form#searchform {
		
		background: #85859e;
		width: 227px;
		padding: 12px;
		
		}
		
		form#searchform h3 {
		
		padding: 0 0 6px 0;
		color: #fff;
		font-size: 13px;
		
		}
		
		form#searchform input.inputtext {

		font-size: 10px;
		padding: 3px;
		width: 140px;
		margin: 0 6px 0 0;
		
		}
		
		form#searchform input.submit {

		background: #333366;
		font-size: 11px;
		padding: 3px;
		font-weight: bold;
		color: #fff;
		
		}




/*
2c. Col2 Marquees
--------------------*/

#enroll, #login, #newsletter {

padding: 0;
border-bottom: solid 1px #999;
margin: 0 12px 0 12px;

}

#enroll {

margin: 12px 12px 0 12px;

}

#newsletter
{
border: none;
}

#enroll h3, #login h3, #newsletter h3 {

font-size: 15px;
color: #fff;
padding: 8px 8px 3px 8px;
font-weight: bold;

}

.myp
{
display:block;
font-size: 11px;
margin: 10px 10px 18px 8px;
}

.myh3
{
display:block;
font-size: 15px;
color: #fff;
margin: 10px 0 5px 8px;
font-weight: bold;
}


/*
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18pt;
color: navy;
padding-top: 10px;
padding-bottom: 3px;
*/
	
#enroll h3 a, #login h3 a, #newsletter h3 a {

font-size: 15px;
color: #fff;
padding: 0;
font-weight: bold;

}

#enroll h3 a:hover, #login h3 a:hover, #newsletter h3 a:hover {

font-size: 15px;
color: #fff;
padding: 0;
font-weight: bold;

}

#enroll p, #login p, #newsletter p {

padding: 8px;
font-size: 11px;
color: #fff;

}

#newsletter p {

border: none;

}

#enroll a, #login a, #newsletter a {

color: #fff;
text-decoration: none;
font-weight: normal;

}

#enroll a:hover, #login a:hover, #newsletter a:hover {

color: #fff;
text-decoration: none;
font-weight: normal;

}

#col2 div.sfhover {

background: #85859e;

}

/*div#enroll:hover, div#login:hover, div#newsletter:hover {

background: #85859e;

}*/

/*
3. Footer
--------------------*/

#footer {

width: 709px;
padding: 10px 0 10px 0;
clear: both;
background: #fff;
margin: 10px 0 0 0;

}

			#footercontent {
			
			border-top: solid 6px #1b326d;
			padding: 10px 0 0 0;
						
			}
			
			#footercontent p {
			
			
			font-size: 10px;
			
			}