/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.boxitem {
	width: 300px;
	min-width: 100px;
	height:600px;	
	float:left;
	border-width: 1px;
	border-color:#aaaaaa;
	border-style:solid;
	margin: 10px;
	color:gray;
}

.miniboxitem, .chartminiboxitem, .vbaminiboxitem {
	width: 240px;
	min-width: 100px;
	min-height:300px;
	float:left;
	border-width: 1px;
	border-color:#bbbbbb;
	border-style:solid;
	margin: 10px;
	color:gray;
}
.chartminiboxitem {
	height:300px;
	color:black;
}

.vbaminiboxitem {
	height:450px;
	color:black;
}

.polarminiboxitem {
	width: 250px;
	min-width: 100px;
	min-height:300px;
	float:left;
	border-width: 1px;
	border-color:#bbbbbb;
	border-style:solid;
	margin: 10px;
	color: black ;
}



.boxitemlink {
	text-decoration:none; 
	color:gray
}

.navitem {
	width: 230px;
	float:left;
	border-width: 1px;
	border-color:#aaaaaa;
	border-style:solid;
	margin: 10px;
	padding:3px;
	color:gray;
	text-align:left;
}

.excelheader {
	background-color:#317350;
	text-align:center;
	font-size:xx-large;
	color:white;
	padding:0%;
	
}

.powerpointheader {
	background-color:#BE5036;
	text-align:center;
	font-size:xx-large;
	color:white;
	padding:0%;
}

.excelheader-mini{
	background-color:#317350;
	text-align:center;
	color:white;
	padding:0%;
	font-size:medium;
	font-weight:bold;
}

.powerpointheader-mini {
	background-color:#BE5036;
	text-align:center;
	font-size:medium;
	color:white;
	padding:0%;
	font-weight:bold;
}

.msgraphheader-mini {
	background-color:blue;
	text-align:center;
	font-size:medium;
	color:white;
	padding:0%;
	font-weight:bold;
}

.linkedin-mini{
	background-color:#1E87BD;
	text-align:center;
	color:white;
	padding:0%;
	font-size:medium;
	font-weight:bold;
}

.boxcontent {
	margin:	2%;
	font-size:medium;

}

.expand-top {
	font-size: xx-large;
	width: 100%;
	float: left;
	border: 1px;
	border-color: #DDDDDD;
	border-style: solid;
}

.expand-inner {
	width: 85%;
	margin-left:5%;
	float: left;
}

.mvp {
	background:blue;
	color:white;
	font-size:medium;
	font-weight:bold;
	width: 40px;
	text-align:center;
}

.author {
	font-size:medium;
	color:olive;
	float:none;
}
.bookreview {
	font-size: small;
	color:black;
	margin-left:15%;
	float:left;
}

.inlineImg {
	width: 90%;
	margin-left: 10%;
}

.vbacode {
	font-family: "Courier New", Courier, monospace;
	font-size:small;
	color:blue;
	margin-left:5%;
	margin-right:10%;
	background-color:#EEEEEE;
	padding:2px;
	border: 1px;
	border-style:solid;
	border-color:gray;
}

.col, .hed, .cells {
	border:1px;
	border-color:#DDDDDD;
	border-style:solid;
}

.col, .hed {
	
	background-color:gray;
	font-weight:bold;
}

.app-access{
	background-color: #994345;
}
.app-excel{
	background-color: #317350;
}
.app-powerpoint{
	background-color: #BE5036;
}
.app-word{
	background-color: #3A5D92;
}

}
#masthead {
	background-color: #007233;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: xx-large;	
}


#top_nav {
}

#bot_nav {
	width: 90%;
	margin: 0 auto;
	background: #fff;
	padding: 10px;
}

#bot_nav_icon {
	width: auto;
	margin: 1px;
}

/* Structural elements */
#wrapper{
	width: 90%;
	margin: 0 auto;

	background: #fff;
	padding: 5px;
}

#content{
	width: 100%;
	float: left;
	margin-right: 1%;
}

#sidebar-left{
	width: 5%;
	float: left;
	margin-right: 1%;
}

#sidebar-right{
	width: 5%;
	float: left;
}

#footer {
	clear: both;
	font-size:medium;
	color:gray;
}
#edit-detail {
	float:left ;
	width:100%;
}

#created {
	float:left;
	font-size:small;
	color:gray;
}
#updated {
	float:right ;
	font-size:small;
	color:gray;
}


#expand{
		
}

#email {
	width: 100%;
	float: left;
	font-size:medium ;
	color:navy;
}

#contact {
	clear: both;
	float:left;
	width:80%;
	padding:5px;
}

#navdisplay {
	clear: both;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding:3px;
}