@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width:100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout:480px and below. */
.gridContainer {
	margin-left:auto;
	margin-right:auto;
	width:87.6521%;
	padding-left:1.1739%;
	padding-right:1.1739%;
}
#name {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#socialmedia {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#socialmedia p { 
	font-size:24px; 
	font-weight:100; 
	color:#518274; 
	text-align:center; 
} 
#topnav {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#slider {
	clear:both;
	display:none;
}
#content {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#featured { 
	float:left; 
	width:90%;
	margin-top:4%;
	margin-bottom:4%; 
}
#leftside {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#rightside {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#bottomnav { 
	clear:both;
	display:none;
}
#internship { 
	clear:both;
	display:none;
}
#footer {
	clear:both;
	background-color:#FFF;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}

/* Tablet Layout:481px to 768px. Inherits styles from:Mobile Layout. */
@media only screen and (min-width:481px) {
.gridContainer {
	width:93.451%;
	padding-left:0.7744%;
	padding-right:0.7744%;
}
#name {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#socialmedia {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#socialmedia p { 
	font-size:24px; 
	font-weight:100; 
	color:#518274; 
	text-align:center; 
} 
#topnav {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#slider {
	clear:both;
	display:none;
}
#content {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#featured { 
	float:left; 
	width:90%;
	margin-top:4%;
	margin-bottom:4%; 
}
#leftside {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#rightside {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#bottomnav { 
	clear:both;
	display:none;
}
#internship { 
	clear:both;
	display:none;
}
#footer {
	clear:both;
	background-color:#FFF;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
}

/* Desktop Layout:769px to a max of 1232px. Inherits styles from:Mobile Layout and Tablet Layout. */
@media only screen and (min-width:769px) {
.gridContainer {
	width:69.2391%;
	max-width:900px;
	padding-left:0.3804%;
	padding-right:0.3804%;
	margin:auto;
}
#name {
	clear:both;
	float:left;
	margin-left:0;
	width:57.8754%;
	display:block;
}
#socialmedia {
	clear:none;
	float:right;
	margin-left:1.0989%;
	width:32.6007%;
	display:block;
}
#socialmedia p { 
	font-size:24px; 
	font-weight:100; 
	color:#518274; 
	text-align:right; 
}
#topnav {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#slider {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#content {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}	
#content p { 
	text-align:justify;	
}
#featured { 
	float:left; 
	width:25%;
	margin-top:0;
	margin-bottom:0;
	margin-left:4%;
	margin-right:4%; 
	
}
#leftside {
	clear:none;
	float:left;
	margin-left:0%;
	width:70%;
	display:block;
}
#rightside {
	clear:none;
	float:right;
	margin-left:0;
	margin-top:5px;
	width:25%;
	display:block;
}
#bottomnav { 
	clear:both;
	background-color:#EFEFEF;
	float:left;
	margin-left:0;
	margin-top:15px;
	width:100%;
	display:block;
}
#bottomnav .column { 
	float:left; 
	width:25%;
}
#internship { 
	clear:both;
	background-color:#EFEFEF;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
#footer {
	clear:both;
	background-color:#EFEFEF;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
}
}