@charset "utf-8";
/* Matrix Orthopedics website */

body {
	background-color: #034174;
	margin: 0; 
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
}

body.home {
	background: url(/images/home_back.jpg);
	background-repeat: repeat-x;
	background-color: #63c4e5;
}


#pageContainer, #pageContainer_home {
	width: 780px;
	padding: 0;
	margin: auto;
	background-color: #ffffff;
	border: none;
}

#pageContainer a, #pageContainer_home a {
color: #02688a;
text-decoration: underline;
}

#pageContainer a:hover, #pageContainer_home a:hover {
color: #399bbb;
text-decoration: none;
}

#pageContainer_home #navbar ul li.home {
	display: none;	
}


/* Top Header Section */
#topHeader {
	width: 780px;
	height: 30px;
	background-image: url(../images/top_header.gif);
	background-repeat: no-repeat;
}

#topHeader p {
	margin: 0;
	padding: 4px 5px 0 0;
	text-align: right;
	font-size: 12px;
	color: #fff;	
}

#topHeader p a {
	color: #8ad8ff;
	text-decoration: underline;	
}

#topHeader p a:hover {
	color: #fff;
	text-decoration: none;	
}
/* End of Top Header Section */


/* Main Banner */
#banner {
	width: 780px;
	height: 194px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
}

#banner_home {
 width: 780px;
 height: 388px;
 margin: 0;
 padding: 0;	
}

#banner_home .left {
width: 315px;
height: 388px;
background-image: url(/images/home_banner_left.jpg);
background-repeat: no-repeat;
float: left;
}

#banner_home .right {
width: 465px;
height: 388px;
background-image: url(/images/home_banner_right.jpg);
background-repeat: no-repeat;
float: left;
}


/* End of Main Banner */

/* Navigation */
#navbar, #navbar_home, #navbar_home2 {
	width: 780px;
	height: 35px;
	background-image: url(../images/navbar.gif);
	background-repeat: no-repeat;
}

	#navbar_home, #navbar_home2 {
		background-image: none;	
	}


#navbar ul, #navbar_home ul, #navbar_home2 ul {
list-style-type: none;
margin: 0;
padding: 8px 5px 0px 0px;
text-align: center;
}

#navbar ul li, #navbar_home ul li, #navbar_home2 ul li {
display: inline;
padding: 0px 4px 0px 4px;
margin: 0;
color: #fff;
font-weight: bold;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}

	#navbar_home ul li {
		color: #024173;
		font-size: 20px;	
	}

	#navbar_home2 ul li {
		color: #024173;
		font-size: 16px;	
	}

#navbar ul li a, #navbar_home ul li a, #navbar_home2 ul li a {
color: #fff;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}

	#navbar_home ul li a, #navbar_home2 ul li a {
		color: #024173;	
	}

#navbar ul li a:hover, #navbar_home ul li a:hover, #navbar_home2 ul li a:hover {
color: #8ad8ff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
/* The End of Navigation */

#contentContainer {
	margin: 0; 
	padding: 0;
}

#rounded_corner_top {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 16px;
	background-image: url(../images/rounded_corner_top.gif);
	background-repeat: no-repeat; 	
}

#rounded_corner_bottom, #rounded_corner_bottom_home {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 16px;
	background-image: url(/images/rounded_corner_bottom.gif);
	background-repeat: no-repeat;
	clear: both; 	
}

#rounded_corner_bottom_home {
	background-image: url(/images/rounded_corner_bottom_home.png);
	background-repeat: no-repeat;	
}

#mainContent {
float: left;
padding-bottom: 25px;
width: 95%;
margin: 0;
padding-left: 10px;
}

#mainContent h1 {
font-size: 28px;
font-weight: bold;
margin: 0;
padding: 5px 0px 15px 30px;
color: #034174;
}

#mainContent h2 {
width: 93%;
color: #ffffff;
font-weight: bold;
font-size: 16px;
margin:10px 0px 10px 30px;
padding: 5px 10px 5px 10px;
background-color: #12648a;
}

	#mainContent h2.counseling {
	background-color: #2c795f;
	}
	
	#mainContent h2.careerCenter {
	background-color: #6a8800;
	}
	
	#mainContent h2.cnd {
	background-color: #b29401;
	}
	

#mainContent h3 {
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 15px 0px 15px 15px;
color: #aaaaaa;
}



#mainContent p {
margin: 0;
padding: 5px 10px 15px 30px;
}

#mainContent .red {
color: #993300;
}

#mainContent .big {
font-size: 17px;
}

#mainContent .small {
font-size: 12px;
}


#mainContent span.careerCenter {
color: #81a601;
font-size: 20px;
}
#mainContent span.counseling {
color: #50a98b;
font-size: 20px;
}

#mainContent span.cnd {
color: #d5b309;
font-size: 20px;
}

/* End of Subpage Content Area*/


/* Unordered or Ordered List Class */
#mainContent ul, #mainContent ol {	
margin-left: 0; 
padding-left: 70px;
}

#mainContent ul.top0, #mainContent ol.top0 {
margin: 0;
padding: 0 0 15px 50px;
}

#mainContent ul.withPadBottom li, #mainContent ol.withPadBottom li {
margin-bottom: 0;
padding-bottom: 10px;
}
/* End of Unordered List */

/* DomeSaw Table */
#mainContent table.domesaw {
border: 1px solid #555;
border-collapse: collapse;
margin-left: 85px;
}

#mainContent table.domesaw tr, #mainContent table.domesaw tr td {
border: 1px solid #666;
border-collapse: collapse;
}

#mainContent table.domesaw tr td.heading {
background-color: #2ca3c8;
color: #fff;
font-size: 20px;
text-align: center;
}


/* End of DomeSaw Table */




/* Footer Section */
#footer {
padding: 0px;
}

#footer p {
color: #fff;
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
padding-top: 15px;
}

#footer p a {
color: #fff;
font-size: 12px;
text-decoration: underline;
}

#footer p a:hover {
color: #fff;
font-size: 12px;
text-decoration: none;
}