@charset "utf-8";
/* CSS Document */



.topnav_menu_div{
border:0px solid #ccc; border-top:0px; background-color:#f7f7f7; padding:7px; width:550px; margin:0 auto; margin-top:15px; float:left;	
	
}

.topnav_menu_div a{
text-decoration:none; color:#606060; font-weight:bold; margin-right:27px;
	
}

.topnav_menu_div a:hover{
text-decoration:underline;	
	
}
.topnav_menu_div a:visited{
	
}

.topnav_menu_current{
	background-color:#606060; color:#ffffff !important; padding:7px; font-weight:bold;
}

.sub_heading_wrapper{
width:100%; padding:0px; margin:0 auto;	
}
.sub_heading{
	font-size:14px; font-weight:bold; color:#000;  text-align:left; 
}
.small_text{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	font-style:italic !important;
	font-weight:normal !important;
	
}

.float_right{
	float:right;
}

.right_content_div{
	width:100%; border:0px solid #ccc; padding:10px; margin:0 auto;
}

.aboutme_content_wrapper{
	background-image:url(../images/about-me_clouds.png); background-position:top; background-repeat:no-repeat; height:440px; width:100%; margin-top:-20px;
}
.link a{
text-decoration:underline; color:#fff !important; text-align:right;	
}

.link a:hover{
text-decoration:none; color:#fff !important; text-align:right;	
}

.link a:visited{
text-decoration:underline; color:#fff !important; text-align:right;	
}
.mypast_div{
	position:absolute; margin-left:82px; margin-top:70px; width:220px; height:150px; color:#000; text-align:left;
}
.mydreams_div{
	position:absolute; margin-left:375px; margin-top:45px; width:160px; height:70px; color:#000; text-align:left;
}
.myinspirations_div{
	position:absolute; margin-left:632px; margin-top:140px; width:250px; height:150px; color:#000; text-align:left;
}

.mygoals_div{
	position:absolute; margin-left:332px; margin-top:230px; width:180px; height:120px; color:#000; text-align:left;
}

.special_text{
	font-style:italic !important;
	color:#000;
}

.item_parent {
	width:100%;
	height:auto;
}
.item_width {

	float:left;
	margin:9px;
	margin-left:0px;
	margin-top:0px;
	border: 1px solid #ccc;
padding: 25px;
background: #fff;
cursor:pointer;

}

@media only screen and (max-width: 767px) {

.item_width {
padding: 7px;

}
	
	
}

.item_width2 {

	float:left;
	height:92px;
	width:92px;
	border:solid 1px #ccc;
	margin:9px;
	margin-left:0px;
	margin-top:0px;

}
.img_link a{
	border:0px #ccc solid;
	
	
}

.img_link a:hover{
	border:1px #ccc solid;
	
	
}

.clear {
	clear:both
}
.displaynone{
	display:none;
}

.overlay_div{
position:absolute; bottom:76px; width:100%; height:550px; background-image:url(../images/overlay_bg.png); background-position:bottom; background-repeat:no-repeat; z-index:0;
}

.aboutme-tab{
background-color:#60cdb5; width:150px; height:130px; color:#fff; float:left; font-size:18px; vertical-align:middle; margin-right:25px;
}

.myworks-tab{
background-color:#f4bb33; width:150px; height:130px; color:#fff; float:left; font-size:18px; margin-right:25px;
}

.flashcards-tab{
background-color:#c41230; width:150px; height:130px; color:#fff; float:left; font-size:18px; margin-right:0px; margin-bottom:20px;
}

.writing-tab{
background-color:#ffffff; width:150px; height:130px; color:#000; float:left; font-size:18px; margin-right:25px;
}

.contactinfo-tab{
background-color:#777777; width:150px; height:130px; color:#fff; float:left; font-size:18px; margin-right:25px;
}

.tab-text{position:relative; top:55px;}

.no-style{text-decoration:none;}

#home-menu{ margin:0px auto; text-align:center; width:500px; height:auto;}

/*.wrapper{ width:100%; height:100vh;}*/
.popup{width:100%; height:100vh; position:fixed; background:url(../images/loading.gif) no-repeat center #f1f1f1;  /*top:2%; left:2%;*/}
iframe{width:100%; height:100vh; }
.close{color:#fff !important;}
/*#popiframe html body img{width:100% !important; height:auto !important;}*/

/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */