@charset "UTF-8";

 
  
body {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-weight:100;
	line-height:120%;
}






#header {
  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:10px;
	margin-top:15px;
	border-bottom: 0px solid #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
#info {
width: 50em;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

}


p {line-height:120%;
font-weight:100;}


#menu {
	width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:40px;
	background:#f9fbfc;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	box-shadow: 0px 0px 0px #888888;

}

a.menuLink {
	display:block; 
	line-height:36px;
	color:#000000;
	/*font-weight: 500;*/
	text-decoration:none;
}

a.menuLink:hover {
	display:block; 
	line-height:36px;
	color:#000000;
	text-decoration:none;
	/*font-weight:bold;*/
}

a.menuLinkActive {
	display:block; 
	line-height:36px;
	color:#000000;
	text-decoration:underline;
	/*font-weight:bold;*/
	
}

a.appLink {
	display:block; 
	color:#000000;
	text-decoration:none;
}

a.appLink:hover {
	display:block; 
	color:#000000;
		font-weight:bold;
		text-decoration:none;

}

a.appLinkActive {
	display:block; 
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.appLinkActive:hover {
	text-decoration:none;
}

ul
{
padding-left:15px;

margin:0px;
}

ul li
{
padding:5px;
margin:0px;
}

.answer {
	display: none;
	color:#575757;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

a.faqLink {
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

a.faqLink:hover {
	color:#000000;
	text-decoration:underline;
}

a.expanded {
	color:#000000;
	text-decoration:underline;
}


td.bu {
font-weight:bold;
}

td.boxLink {
background: -webkit-linear-gradient(#f9fbfc, #d5e8ef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f9fbfc, #d5e8ef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient#f9fbfc, #d5e8ef); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f9fbfc, #d5e8ef);/* Standard syntax (must be last) */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fbfc', endColorstr='#d5e8ef');
zoom: 1;text-align:center; 
text-decoration:none; 
box-shadow: 2px 2px 2px #888888;
	 border-radius:5px;

}
td.boxLink:hover {
background: -webkit-linear-gradient(#d5e8ef, #f9fbfc); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#d5e8ef, #f9fbfc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient#d5e8ef, #f9fbfc); /* For Firefox 3.6 to 15 */
background: linear-gradient(#d5e8ef, #f9fbfc);/* Standard syntax (must be last) */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e8ef', endColorstr='#f9fbfc');
zoom: 1;


}

td.staffInfo {
background-color:#FAFAFA;
box-shadow: 2px 2px 2px #888888;
padding:10px;
}

a.boxLinkLink {
	display:block; 
	color:#000000;
	text-decoration:none;
}

img.appImg {
height:40px;
vertical-align:middle;
 padding-left:10px; 
 padding-right:10px;
 border:none;
}

table.mainMenu {
width:800px;
height:40px;
text-align:center; 
table-layout:fixed; 
border-collapse:collapse;
}

table.mainMenu td {
	border:1px solid #d2eaf3;
}

 td.active {
	background:#d5e8ef;
}

table.mainMenu td:hover {
	background:#d5e8ef;
}

#appointment {
	width: 175px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:300px;
	float:left;
	display:block;
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF, #EEEEEE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #EEEEEE); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
zoom: 1;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	box-shadow: 1px 1px 4px #888888;

}

#sideInfo {
	width: 280px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:280px;
	padding:10px;
	float:left;
	display:block;
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF, #EEEEEE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #EEEEEE); /* Standard syntax (must be last) */	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	box-shadow: 1px 1px 4px #888888;

}

#slide {
	width: 600px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:300px;
	overflow:hidden;
	float:right;
	background: #AAAAAA;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	box-shadow: 1px 1px 4px #888888;

}

#slideSmall {
	width: 475px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:300px;
	overflow:hidden;
	float:right;
	background: #FAFAFA;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	box-shadow: 3px 3px 3px #888888;

}

#underInfo {

	width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	clear:both;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*box-shadow: 0px 0px 0px #888888;*/
}

#underInfoResources {

	max-width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	clear:both;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*box-shadow: 0px 0px 0px #888888;*/
}


#faqInfo {
	width: 570px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	float:right;
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:15px;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*box-shadow: 3px 3px 3px #888888;*/
	padding:15px;

}

#preAdmis {
	width: 570px;  
	float:right;
	margin: 0 auto; 
	margin-bottom:15px;
	border: 0px solid #000000;
	text-align: left; 
	padding:15px;

}

#button {
display: inline-block;
margin: 3px;
margin-bottom: 15px;
padding: 6px;
border-radius: 5px;
border: black solid 1px;
background: #b1e9ff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b1e9ff, #44c6f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b1e9ff, #44c6f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1e9ff, #44c6f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient (#b1e9ff, #44c6f9); /* Standard syntax (must be last) */
font-weight: bold;
text-decoration: none;
font-size: small;
}


  #container {
	width: 50em;  
	margin: 0 auto;
	margin-top:20px; 
	border: 0px solid #000000;
	text-align: left; 
}  

  #containerResources {
	max-width: 50em;  
	margin: 0 auto;
	margin-top:20px; 
	border: 0px solid #000000;
	text-align: left; 
}  


#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	clear:both;
}


#one, #two, #three { 
width: 28%; 
height: 455px;
float:left; 
margin:11px; 
padding:10px; 
background: -webkit-linear-gradient(#FFFFFF, #EEEEEE); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FFFFFF, #EEEEEE); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFFFFF, #EEEEEE); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FFFFFF, #EEEEEE); /* Standard syntax (must be last) */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
zoom: 1;
	box-shadow: 0px 0px 2px #888888;
	 border-radius:10px;
 }


#three {clear: none; }


#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#333333;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FFFFFF;
	font-size:x-small;
}
.footerLink {
color:#FFFFFF;
} 
.footerLink:hover {
color:#FFFFFF;
} 

		.back-to-top {
			position: fixed;
			bottom: 5em;
			right: 0px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(235, 235, 235, 0.80);
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}	
		
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}