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

body {

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


}

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;

}

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: 25px;
background: #fff;

}



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

#header {

width: 709px;

}

		ul#headernav {
		
		float: right;
		
		}
		
		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: 147px;
		height: 47px;
		
		
		}
		
/*		h1#logo a {
		
		background: url(../images/jmreinc-logo.gif) no-repeat;
		
		}
*/

h1#title a {
color:#2a4895;
text-decoration: none;
font: 22px Arial;
font-weight: bold;
}

/*
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: 12px Arial, sans-serif;
		font-style: normal;
		
		}
		
		ul#topnav li
		{
		list-style: none;
		float: left;
		background: url(button-bg.gif);
		}
		
		ul#topnav li a
		{
		display: block;
		/*text-indent: -9999px;*/
		text-decoration: none;
		text-align: center;
		color:#444444;
		border-right: solid 1px #999;
		margin: 10px 0 0 0;
		}
		
		ul#topnav li a.toplevel, ul#topnav li a.active
		{height: 33px;}
		
		ul#topnav li#commercial a {width: 132px;}
		ul#topnav li#residential a {width: 136px;}
		ul#topnav li#bookstore a {width: 125px;}
		ul#topnav li#student a {width: 156px;}
		ul#topnav li#otherservices a {width: 154px;}
		
		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: 22px;
		text-align:center;
		
		}
		


/*
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 #image {
		
		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;
		
		}

		#contenttext ul {
		
		font-size: 12px;
		}




/*
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
{
border-bottom: solid 1px #999;
width:227px;
padding: 0 12px 0 12px;
background: #85859e;
}

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

#newsletter
{
padding: 0;
border-bottom: solid 1px #999;
margin: 0 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;
}

#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 {background: #333366;}
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;
			
			}