/* css comment blocks look like this */

/* you can make all instances of a tag have a style if you just use the tag name without class or id.
for the body tag we will make it so the webpage never gets smaller than a certain size. this will help
keep elements from shifting when the browser window is resized too small.
*/
body { 
	margin:0;
//	min-width: 300px;
}


/*
an id starts with # and a class starts with . [a period]
*/


/* box-shadow: 0 0 20px 20px white inset; */

#small_navigation{
display:none;
float:left;
border:2px solid black;
border-radius: 0 10px 10px 0;
background-color: white;
position: fixed;
left:-2px;
top:5px;
z-index: 3;
}

#top_div{

	background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%), url(../images/orchid_banner.jpg) no-repeat top;

	width:100%;
	float:left;

}

#top_logo_div{

width:350px;
margin:10px;
}

#top_link_div{
	float:left;
}

.top_link{
	text-decoration:none;
	color:red;
}

.top_link:hover{
	cursor:pointer;
	color:blue;
}

#left_div{	


	float:left;
	padding-top:20px;
	padding-right:10px;

	min-width:170px;
	width:15%;
	height:100%;
}

#small_nav_links{	
visibility: hidden;
display:none;
position: fixed;
z-index: 2;
background-color:white;
width:100%;
height:100%;
}


.left_list{
list-style: none;

padding:5px;
margin-top:15px;
background-color: #008f2b;
}

.left_link{
	font-family:Arial;
	font-weight: 400;
	text-decoration:none;
	color:white;
}

.left_link:hover{
	cursor:pointer;
	color:#FFA9F3;

}

#center_div{

	float:left;
	padding:0 40px 0 40px;
	width:60%;
	min-width:100px;
	font-family: Arial;

	
}

#right_div{

	
	float:left;

	padding-top:40px;

	width:15%;
	min-width:100px;
	height:100%;
}

.my_table{
border:1px solid black;
}
.my_table tr{
border:1px solid red;
}
.my_table th{
border:1px solid blue;
}
.my_table td{
border:1px solid green;
}

/*
.shadow{
	width:100%;
	height:100%;

	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 0 3px 3px white inset;
}
*/