//#9B7E5D = light grey/brown   //#9B7E5D //#5E2009
//#787679 = dark grey
//#EDECF2  = almost white
//#473234 = light yellow

.dropmenubreakline 
{
    border: 0;
    //height: 4%;
    width: 70%;
    background: #5E2009;
    background-image: linear-gradient(to right, #5E2009, #EDECF2, #EDECF2);
}    

.fontColor, p, td, div
{
	color: #5E2009;
	font-family: Inconsolata;
	
}

.fontColorblue
{
	color: #8FC7D4;
	font-family: Inconsolata;
}

.fontsmallest
{
	font-size: 80%;
}

.key
{
	font-size: 180%;
	margin-left: 34.5%;
	padding: 1%;
	margin-top: -2%;
}	

.key2
{
	font-size: 180%;
	margin-left: 41.5%;
	padding: 1%;
	margin-top: -2%;
}	

.referencestext
{
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 3% 1% 0.5% 1%;
    //margin-top: 0.5%;
    font-size: 150%;
    line-height: 115%;
}

.educationtext
{
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 3% 1% 0.5% 1%;
    //margin-top: 0.5%;
    font-size: 180%;
    line-height: 115%;
}

body
{
	//background-image: url("/images/blueprintpaper.png");
	background-size: 50%;
	//background-position: fixed;
	font-size: 63%;	
	line-height: 1.3;
	background-color: #EDECF2;
	//#EDECF2 //#1F8FA8
	letter-spacing: 1px;
	
}

*
{
	margin: 0;
	padding:0;
}



#wrapper 
{
	width: 98%; /* Holding outermost DIV */
	//position: fixed;
	//min-width: 97%;
	//min-height: 150%;
	//margin: 0 auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	//border: 2px solid orange;
	//font-size: 1.4em;
	//text-rendering: geometricPrecision; 
	overflow: auto;
	margin-left: 1%;
	
}

#content 
{
    clear: both;
    position: relative;
    //overflow-y: auto;		/*this will add a scroll to just the content section*/
    padding-top: 12%;
    //margin-right: 0%;
    width: 98.4%;
   	//height: 100%;
	padding-bottom: 2%;		/* FOOTER HEIGHT - CHECK ELSEWHERE */
	//border: 2px solid red;
	overflow: hidden; /* this ensures content stays surrounding skills*/
	
}

#footer 
{
	float: left;
	margin-top: 5%;
    margin-bottom: 1%;
    text-align: center;
    clear: both;
    width: 100%;
    //border: 1px solid yellow;
    font-size: 150%;
}


@font-face 
{
    font-family: impact;
    src: url(/fonts/impact.ttf);
}

@font-face 
{
    font-family: Inconsolata;
    src: url(/fonts/Gotham Nights.ttf);
}

@font-face 
{
    font-family: Inconsolata;
    src: url(/fonts/Inconsolata-Regular.ttf);
}



.largeRectangle
{
	display: inline-block;
	position: relative;
	//height: 85%;
	width: 99%;
	//border: 3px solid orange;
	//border-radius: 15px;
	//margin-left: 0.5%;
	//padding-bottom: 2%;
	margin-top: 2%;
	margin-right: 0.5%;
	
}

.subheadingFonts
{
	display: inline-block;
	position:relative;
	font-family: Inconsolata;
	font-size: 150%;
	//left: 2%;
	//padding: 1.5% 20% 2.5% 2%;		/*top right bottom left */
	//white-space: no-wrap;
	color: #EDECF2;
	text-align: center;
 	
}

.subheadingcolour
{
	width: 100%;
	background-color: #5E2009;  
	font-size: 200%;
	font-weight: bold;
	padding: 5px 0% 5px 10px;
	margin-bottom: 2%;
	border-radius: 20px;

}

.subnameFonts
{
	margin-top: -2.8%;
	//background: red;
	z-index: -2;
}

.experiencemountain
{
	display: inline-block;
	position: relative;
	//float: left;
	resize: both;
	width: 95%;
	height: auto;
	//left: 5%;
	//padding-top: 0em;
	//top: 0%;
	margin-top: 0%;
	margin-left: 2.5%;
	//border: 2px solid orange;
	padding: 0% 0% 0% 0%;		/*top right bottom left */
	//margin-right: 20%;	
}


/* Year MENU CSS */

#alpha, #beta, #gamma, #delta 
{
    display: inline; /* DO NOT EDIT */
    position: inherit !important; /* DO NOT EDIT */
    float: left; /* DO NOT EDIT */
    min-height: 1px; /* DO NOT EDIT */
}

#centernav 
{
  width: 80%; /* if you want your nav centered, set this to the width of your container, if you don't want it centered, change this number to 100% */
  margin-left: 7%;
  //margin-right: auto ;
}

#dropnav 
{
	//height:25px;
	margin-top: -6%; 
	//background:#999;
	padding-bottom: 1%;
	padding-top: -1%;
	width: 100%;
} /* Changes the height and bg color of the main menu */

#dropnav ul
{
	margin:0px; 
	padding: 1%;
}

#dropnav ul li
{
	display:inline; 
	//float:left; 
	list-style:none; 
	//margin-left:15px; 
	position:relative; 
	//height: 25px; 
	//margin-top: -4.5%; 
	//margin-bottom: 8%;
	//width: 150px;
	width: 100%;
	//background: yellow;
	padding-bottom: 3%;
} /* only edit the last 2 items - sets the width of the main menu */

#dropnav li a
{
	color:#5E2009; 
	//background: red;
	width: 100%;
	//text-decoration:none;
	padding-top: 1%;
	//margin-right: 10%;
} /* Changes the link color of items on the main menu */

#dropnav li a:hover
{
	color: #473234;
	//background: organge; 
	text-decoration:none;
	//width: 400%;
	//margin-left: -3%;
}/* Changes the hover color of items on the main menu */

#dropnav li ul
{
	margin: 0px; 
	margin-top: 2%;
	padding-left: 10%; 
	display:none; 
	position:absolute; 
	//left: 5%; 
	z-index: 99; 
	//top:25px; 
	background-color: #EDECF2;
	//margin-top: -4.5%; 
} /* Only edit the last 2 items - set the top margin and background color of the submenus */

#dropnav li:hover ul
{
	display:block; 
	width: 300%;
} /* sets the width of the submenus */

#dropnav li li
{
	list-style:none; 
	display:list-item;
} /* DO NOT EDIT */

#dropnav li li a
{
	color: #5E2009; 
	text-decoration:none;
} /* Changes the link color of items in the submenu */

#dropnav li li a:hover
{
	color: #473234; 
	text-decoration:none;
} /* Changes the hover color of items in the submenu */

li#main  
{
	padding-top: 2px;
} /* Sets the padding of items in the main menu */	



#bar
{
    display: inline-block;
    //position: relative;
    width: 95%;
    height: 5%;
    font-size: 100%;
    font-family: Inconsolata;
    //font-weight: bold;
    //text-align: center;
    /*text-shadow: 3px 2px 3px white;*/
    background-color: none;
    border: 3px solid #5E2009;
    border-radius: 3em;
    margin: 0% 1% 0% 1%;
    //padding-top: 0%;
	padding-bottom: 0.1%;
    padding-left: 1%;
    padding-right: 1%;
    font-weight: bold;
    //text-align: left;
    z-index: 2;
}

#menu 
{
    display: inline-block;
    position: relative;
    width: 100%;
    //height: 100%;
    font-size: 110%;
    font-family: Inconsolata;
    //font-weight: bold;
    /*text-align: center;*/
    /*text-shadow: 3px 2px 3px white;*/
    //background-color: orange;
    //border: 3px solid white;
    //border-radius: 3em;
    //margin: 0% 3% 0% 3%;
    //padding-top: 0%;
	//padding-bottom: 3%;
    padding-left: 1%;
    //padding-right: 5%;
    //font-weight: bold;
    //text-align: left;
    
    
    //margin-left: 0%;
    z-index: 1;
}

#menu ul 
{
    //height: auto;
    //padding: 1% 0% 1% 0%;
    //margin-left: 0%;
    //font-weight: bold;
    //display: inline;
    //text-align: left;
    //list-style: none;
    //background-color: pink;
    //text-align: left;
    //width: 0%;
}

/*ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}*/

#menu ul li 
{
	display: inline-block;
	//padding: 1% 0% 1% 0%;
	//white-space: nowrap;
	//font-weight: bold;
	//position: relative;
	padding: 1% 0% 0% 1%;
	//margin-left: 1.5%;
	//margin-right: 11.5%;
	//background: purple;
	//cursor: pointer;
	//transition: transform .2s ease-in-out;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	text-align: left;
	//margin-right: 0%;
	width: 14.5%; /*changes width of section with year numbers and section mouse covers to unlock menu*/
	z-index: 3;
}

/*ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}*/


/*ul li:hover {
  background: #555;
  color: #fff;
}*/


/*#menu a 
{
    text-decoration: none;
    color: #5E2009;
    padding: 1.2% 12.5% 1.2% 0.5%;
   font-weight: bold;
}*/

#menu ul li:hover 
{
    color: #EDECF2;
    background-color: #5E2009;
    //background-image: linear-gradient(to bottom, #5E2009, #B79595, #B79595, #5E2009, #5E2009);
    //font-weight: bold;
    padding: 2% 0% 0% 1%;
    z-index: 3;
    width: 14.5%;
    //height: 300%;
    //margin-left: 1%;
    vertical-align: text-top;
    //margin-top: -32.2%;
    margin-top: -29.3%;
    //margin-bottom: 250%;
    //bottom: -2%;
    //height: 946%;
    height: 1200%;
    
}




#menu ul li ul
{
	  padding: 0;
	  position: relative;
	  //top: 1%;
	  //left: 0%;
	  //width: 100%;
	  //height: 300%;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  display: none;
	  opacity: 0;
	  visibility: hidden;
	  //-webkit-transiton: opacity 0.2s;
	  //-moz-transition: opacity 0.2s;
	  //-ms-transition: opacity 0.2s;
	  //-o-transition: opacity 0.2s;
	//	-transition: opacity 0.2s;
		//background-color: white;
		//padding: 1% 0% 0% 100%;
		padding: 1% 1% 1% 0%; 
		margin-right: 0%;
		//margin-left: 1%;
		margin-top: 0%;
		z-index: 3;
		//margin-bottom: -2%;
}

#menu ul li ul li 
{ 
  //background: white; 
  display: block; 
  color: #EDECF2;
  padding: 1% 1% 0% 0%; 
  z-index: 3;
  width: 98%;
  //height: 100%;
  margin-left: 1%;
  margin-bottom: -1.5%;
  height: 16%;
  margin-top: 1%;
  overflow: hidden;
}

#menu ul li ul li:hover 
{ 
	background: #5E2009;
	//opacity: 0;
	//color: blue;
	padding: 1% 1% 0% 0%; 
	z-index: 3;
	width: 98%;
	margin-left: -3%;
	height: 16%;
	//margin-bottom: -2%;
	margin-top: 1%;
	overflow: scroll;
}

#menu ul li:hover ul 
{
  display: block;
  padding: 1% 1% 0% 0%;
  z-index: 3;
  //bottom: -2%;
  margin-bottom: 2%;
}

#menu ul li:hover ul 
{
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 3;
  padding: 1% 1% 0% 0%;
  margin-bottom: 2%;
  
}

.fontnormal
{
	font-weight: normal;
}


a
{
	color: #5E2009;
}

a:visited
{
	color: #5E2009;
}

.projectdescription a:visited
{
	color: #473234;
}

.projectdescription a:hover
{
	color: #9B7E5D;
}

.projectdescription a
{
	color: #473234;
}

a:hover
{
	color: #9B7E5D;
}








/* This is for the hovering job description sections*/

#wrap .text 
{
	position: relative;
	bottom: 30%; /*was 30px*/
	left:0%;
	visibility:hidden;
	z-index: 0;
	
}

#wrap:hover .text 
{
	display: block;
	visibility: visible;
	position: absolute;
    left: 25%;
    right: 25%;
    top: 55%;
	background-color: #6183A6;
	border: 2px solid #3063A5;
	border-bottom: 5%;
	border-radius: 15px;
	color: #5E2009;
	font-family: Inconsolata;
	font-size: 100%;
	//width: 50%;
	//height: 40%;
	padding: 60% 60% 50%;
	
	
	z-index: 4;
	/*opacity: 0;*/
	/*transition:opacity 15s linear;*/
	
}

/* columns */



.skillsRectangle
{
    //display: inline-block;
    position: relative;
    //height: 85.6%;
    width: 100%;
    //border: 2px solid white;
    //border-radius: 15px;
    float: left;
    //margin-top: 3%;
    //margin-left: 3%;
    margin-right: 1%;
    //background-color: 	#84A4D2;
    padding: 0% 0% 2% 0%;
    clear: left;
}

.competency1
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 0%, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 98%, rgba(92, 33, 2, 1) 98%, rgba(92, 33, 2, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(98%, rgba(211, 200, 193, 1)), color-stop(98%, rgba(92, 33, 2, 1)), color-stop(100%, rgba(92, 33, 2, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 0%, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 98%, rgba(92, 33, 2, 1) 98%, rgba(92, 33, 2, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 0%, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 98%, rgba(92, 33, 2, 1) 98%, rgba(92, 33, 2, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 0%, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 98%, rgba(92, 33, 2, 1) 98%, rgba(92, 33, 2, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 0%, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 98%, rgba(92, 33, 2, 1) 98%, rgba(92, 33, 2, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#db7c29', GradientType=1 );
	border-radius: 2px;
	padding: 2% 2% 2% 1%;
}

.competency2
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 90%, rgba(92, 33, 2, 1) 90%, rgba(92, 33, 2, 1) 92%, rgba(71, 50, 52, 1) 92%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(90%, rgba(211, 200, 193, 1)), color-stop(90%, rgba(92, 33, 2, 1)), color-stop(92%, rgba(92, 33, 2, 1)), color-stop(92%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 90%, rgba(92, 33, 2, 1) 90%, rgba(92, 33, 2, 1) 92%, rgba(71, 50, 52, 1) 92%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 90%, rgba(92, 33, 2, 1) 90%, rgba(92, 33, 2, 1) 92%, rgba(71, 50, 52, 1) 92%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 90%, rgba(92, 33, 2, 1) 90%, rgba(92, 33, 2, 1) 92%, rgba(71, 50, 52, 1) 92%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 90%, rgba(92, 33, 2, 1) 90%, rgba(92, 33, 2, 1) 92%, rgba(71, 50, 52, 1) 92%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
	border-radius: 2px; 
	padding: 2% 2% 2% 1%;
}

.competency3
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 80%, rgba(92, 33, 2, 1) 80%, rgba(92, 33, 2, 1) 82%, rgba(71, 50, 52, 1) 82%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(80%, rgba(211, 200, 193, 1)), color-stop(80%, rgba(92, 33, 2, 1)), color-stop(82%, rgba(92, 33, 2, 1)), color-stop(82%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 80%, rgba(92, 33, 2, 1) 80%, rgba(92, 33, 2, 1) 82%, rgba(71, 50, 52, 1) 82%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 80%, rgba(92, 33, 2, 1) 80%, rgba(92, 33, 2, 1) 82%, rgba(71, 50, 52, 1) 82%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 80%, rgba(92, 33, 2, 1) 80%, rgba(92, 33, 2, 1) 82%, rgba(71, 50, 52, 1) 82%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 80%, rgba(92, 33, 2, 1) 80%, rgba(92, 33, 2, 1) 82%, rgba(71, 50, 52, 1) 82%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
	border-radius: 2px;
	padding: 2% 2% 2% 1%;
}


.competency4
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 70%, rgba(92, 33, 2, 1) 70%, rgba(92, 33, 2, 1) 72%, rgba(71, 50, 52, 1) 72%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(70%, rgba(211, 200, 193, 1)), color-stop(70%, rgba(92, 33, 2, 1)), color-stop(72%, rgba(92, 33, 2, 1)), color-stop(72%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 70%, rgba(92, 33, 2, 1) 70%, rgba(92, 33, 2, 1) 72%, rgba(71, 50, 52, 1) 72%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 70%, rgba(92, 33, 2, 1) 70%, rgba(92, 33, 2, 1) 72%, rgba(71, 50, 52, 1) 72%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 70%, rgba(92, 33, 2, 1) 70%, rgba(92, 33, 2, 1) 72%, rgba(71, 50, 52, 1) 72%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 70%, rgba(92, 33, 2, 1) 70%, rgba(92, 33, 2, 1) 72%, rgba(71, 50, 52, 1) 72%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
	border-radius: 2px; 
	padding: 2% 2% 2% 1%;
	white-space: nowrap;
}

.competency5
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 60%, rgba(92, 33, 2, 1) 60%, rgba(92, 33, 2, 1) 62%, rgba(71, 50, 52, 1) 62%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(60%, rgba(211, 200, 193, 1)), color-stop(60%, rgba(92, 33, 2, 1)), color-stop(62%, rgba(92, 33, 2, 1)), color-stop(62%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 60%, rgba(92, 33, 2, 1) 60%, rgba(92, 33, 2, 1) 62%, rgba(71, 50, 52, 1) 62%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 60%, rgba(92, 33, 2, 1) 60%, rgba(92, 33, 2, 1) 62%, rgba(71, 50, 52, 1) 62%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 60%, rgba(92, 33, 2, 1) 60%, rgba(92, 33, 2, 1) 62%, rgba(71, 50, 52, 1) 62%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 60%, rgba(92, 33, 2, 1) 60%, rgba(92, 33, 2, 1) 62%, rgba(71, 50, 52, 1) 62%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
	border-radius: 2px; 
	padding: 2% 2% 2% 1%;
}

.competency6
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 50%, rgba(92, 33, 2, 1) 50%, rgba(92, 33, 2, 1) 52%, rgba(71, 50, 52, 1) 52%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(50%, rgba(211, 200, 193, 1)), color-stop(50%, rgba(92, 33, 2, 1)), color-stop(52%, rgba(92, 33, 2, 1)), color-stop(52%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 50%, rgba(92, 33, 2, 1) 50%, rgba(92, 33, 2, 1) 52%, rgba(71, 50, 52, 1) 52%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 50%, rgba(92, 33, 2, 1) 50%, rgba(92, 33, 2, 1) 52%, rgba(71, 50, 52, 1) 52%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 50%, rgba(92, 33, 2, 1) 50%, rgba(92, 33, 2, 1) 52%, rgba(71, 50, 52, 1) 52%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 50%, rgba(92, 33, 2, 1) 50%, rgba(92, 33, 2, 1) 52%, rgba(71, 50, 52, 1) 52%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
	border-radius: 2px;
	//line-height: 30px; 
	padding: 2% 2% 2% 1%;
}

.competency7
{
	display: block;
	position: relative;
	width: 85%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 40%, rgba(92, 33, 2, 1) 40%, rgba(92, 33, 2, 1) 42%, rgba(71, 50, 52, 1) 42%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(40%, rgba(211, 200, 193, 1)), color-stop(40%, rgba(92, 33, 2, 1)), color-stop(42%, rgba(92, 33, 2, 1)), color-stop(42%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 40%, rgba(92, 33, 2, 1) 40%, rgba(92, 33, 2, 1) 42%, rgba(71, 50, 52, 1) 42%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 40%, rgba(92, 33, 2, 1) 40%, rgba(92, 33, 2, 1) 42%, rgba(71, 50, 52, 1) 42%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 40%, rgba(92, 33, 2, 1) 40%, rgba(92, 33, 2, 1) 42%, rgba(71, 50, 52, 1) 42%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 40%, rgba(92, 33, 2, 1) 40%, rgba(92, 33, 2, 1) 42%, rgba(71, 50, 52, 1) 42%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
	border-radius: 2px;
	padding: 2% 2% 2% 1%;
}

.competency8
{
	display: block;
	position: relative;
	width: 85%;
	//left: 15%;
	//margin-left: 15%;
	border-radius: 2px;
	padding: 2% 2% 2% 1%;
	background: rgba(234, 234, 236, 1);
	background: -moz-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 30%, rgba(92, 33, 2, 1) 30%, rgba(92, 33, 2, 1) 32%, rgba(71, 50, 52, 1) 32%, rgba(234, 234, 236, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(1%, rgba(234, 234, 236, 1)), color-stop(1%, rgba(211, 200, 193, 1)), color-stop(30%, rgba(211, 200, 193, 1)), color-stop(30%, rgba(92, 33, 2, 1)), color-stop(32%, rgba(92, 33, 2, 1)), color-stop(32%, rgba(71, 50, 52, 1)), color-stop(100%, rgba(234, 234, 236, 1)));
	background: -webkit-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 30%, rgba(92, 33, 2, 1) 30%, rgba(92, 33, 2, 1) 32%, rgba(71, 50, 52, 1) 32%, rgba(234, 234, 236, 1) 100%);
	background: -o-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 30%, rgba(92, 33, 2, 1) 30%, rgba(92, 33, 2, 1) 32%, rgba(71, 50, 52, 1) 32%, rgba(234, 234, 236, 1) 100%);
	background: -ms-linear-gradient(left, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 30%, rgba(92, 33, 2, 1) 30%, rgba(92, 33, 2, 1) 32%, rgba(71, 50, 52, 1) 32%, rgba(234, 234, 236, 1) 100%);
	background: linear-gradient(to right, rgba(234, 234, 236, 1) 1%, rgba(211, 200, 193, 1) 1%, rgba(211, 200, 193, 1) 30%, rgba(92, 33, 2, 1) 30%, rgba(92, 33, 2, 1) 32%, rgba(71, 50, 52, 1) 32%, rgba(234, 234, 236, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDECF2', endColorstr='#197286', GradientType=1 );
}

.competency
{
	white-space: nowrap;
	color: #5C2102;
	font-weight: bold;
	font-size: 140%;
	margin-left: 5%;
	margin-top: 1%;
	text-indent: 2.5%;
	//text-shadow: 2px 2px 1px black;
	/*background-color: #1C8197; */
}

/*.verticaltext
{	
	//display: block;
	//position: absolute;
	-webkit-transform: rotate(-90deg);
  	-moz-transform: rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	-o-transform: rotate(-90deg);
  	transform: rotate(-90deg);

	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	/* Should be unset in IE9+ I think. */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin-left: -15%;
	margin-top: 31%;
	padding: 2% 2% 2% 2%;
	float: left;
	//letter-spacing: 16px;
	font-size: 170%;
	font-weight: bold;
	border: 2px solid orange;
	
}*/


.eduRectangle
{ 
	//display: inline-block;
	position: relative;
    //height: 20%;
    width: 100%;
    //border: 2px solid white;
	//background-color: 	#6B92CA;
    border-radius: 15px;
    float: left;
    //margin-top: 3%;	/* if skills rectangle height changed, this must mirror the skillsrectangle to keep it right height on webpage */
   	//margin-left: 32%;	/* this must mirror margin-left from .floatright class */
    //padding-left: 30%;
    //padding-top: 0%;
    padding: 0% 0% 1% 0%;
    margin-right: 1%;
}


.columncenter
{
	display: inline-block;
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;

}

.columnleft
{
	float: left;
	width: 31%;
	margin-right: 1.8%;
	margin-top: 0%;
}

.columnright
{
	float: right;
	width: 31%;
	margin-right: 1.8%;
	
}

.wheremap
{ 
	//display: inline-block;
	position: relative;
    margin-top: 3%;	/* if skills rectangle height changed, this must mirror the skillsrectangle to keep it right height on webpage */
    margin-left: auto;
    margin-right: auto;	
  	//height: 38%;
  	width: 100%;
  	//border: 2px solid white;
  	//background-color: #0949A6;
  	//border-radius: 15px;
  	//padding-bottom: 2%;
  	float: left;
  	padding: 0% 0% 2% 0%;
	//margin: 0;
  	//clear: left;
  	//clear: right;
  	
}

.whereimage
{ 
	//display: inline-block;
	//position: relative;
    //margin-top: 3%;	/* if skills rectangle height changed, this must mirror the skillsrectangle to keep it right height on webpage */
    margin-left: auto;
    margin-right: auto;	
  	//padding-bottom: 2%;
  	float: center;
  	//align: middle;
  	//padding: 2% 0% 2% 0%;

  	
}

.referencesRectangle
{
	//display: inline-block;
	position: relative;
    //height: 23%;
    width: 100%;
    //border: 2px solid white;
    //background-color:	#225BAF;
    //border-radius: 15px;
    margin-top: 3%;
    //margin-left: 1%;
    padding: 0% 0% 1% 0%;
   float: left;
	
}

.meRectangle
{
	display: inline-block;
	position: relative;
    width: 97%;
   	//border: 2px solid white;
    padding-bottom: 6%;
    margin-right: 1%;
}

.circle
{
	display: inline-block;
	position: relative;
	font-weight: bold;
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    float: left;
    color: #EDECF2;
}		


.chef
{
	font-size: 130%;
	line-height: 7em;
	background:  #473234;
	margin-left: 38%;
	margin-top: 48%;
	width: 7em;
    height: 7em;
   
	
}

.yogini
{
	font-size: 175%;	
	line-height: 8em;
	background: #8FC7D4;
	margin-left: 5%;
	margin-top: -20%;
	width: 8em;
    height: 8em;
}

.musician
{
	font-size: 125%;
	line-height: 6em;
	text-align:center;
	background: #9B7E5D;
	margin-left: -5%;
	margin-top: -5%;
	width: 6em;
    height: 6em;
    
}

.reader
{
	font-size: 170%;
	line-height: 8em;
	background: #8FC7D4;
	margin-left: -57%;
	margin-top: -60%;
	width: 8em;
    height: 8em;
}

.linguist
{
	font-size: 110%;
	line-height: 6em;
	background: #473234;
	margin-left: -55%;
	margin-top: -73%;
	width: 6em;
    height: 6em;
}

.painter
{
	font-size: 120%;
	font-weight: bold;
	color: #EDECF2;	
	line-height: 8em;
	background: #9B7E5D;
	margin-left: -40%;
	margin-top: -70%;
	width: 8em;
    height: 8em;
}

.camper
{
	font-size: 180%;
	font-weight: bold;
	color: #EDECF2;
	line-height: 7em;
	background: #473234;
	margin-left: 65%;
	margin-top: -50%;
	width: 7em;
    height: 7em;
	
}


.skier
{
	font-size: 225%;
	font-weight: bold;
	color: #EDECF2;	
	line-height: 7em;
	background: #8FC7D4;
	margin-left: 52%;
	margin-top: -85%;
	width: 7em;
    height: 7em;
}


.bucketlistRectangle
{
	display: inline-block;
	position: relative;
    //height: 32%;
    width: 97%;
    //border: 2px solid white;
    //background-color: 	#3A6DB8;	
    //border-radius: 15px;
    //float: right;
    margin-top: 3%;	/* if education rectangle changed, this must mirror the margin-top of the educationrectangle to keep it right height on webpage */
    //margin-left: 32.3%;	/* this must mirror margin-left from .floatright class and .eduRectangle class */
    padding: 0.5% 0% 3% 0%;
    //margin-left: 2%;
    
}

.kilamanjarotext
{
	margin-top: 2%;
	margin-left: 8%;
	font-size: 180%;
}
.statstext
{
	margin-top: 2%;
	margin-left: 8%;
	font-size: 180%;
}

.kilamanjaro
{
	float: right;
	margin-top: 0%;
	margin-right: 30%;
	
}

#jobs .text 
{
	left:0%;
	visibility: hidden;
	z-index: 0;
}

#jobs:hover .text 
{
	visibility: visible;
	position: fixed;
    left: 5%;
    right: 5%;
    top: 24.3%;
	background-color: #EDECF2;
	border: 7px solid #5E2009; /*#3063A5;*/
	border-radius: 15px;
	color: #5E2009;
	font-family: Inconsolata;
	font-size: 180%;
	font-weight: bold;
	height: 70%;
	padding: 0.5% 0.5% 0.5% 0.5%;
	text-align: center;
	overflow: scroll;
	z-index: 4;
	
  }
}






.jobtitle
{
	font-family: Inconsolata;
	font-weight: bold;
	//font-family: Courier, serif;	
}

.jobtitlebar
{
	width: 102%;
	//background-color: #9B7E5D;
	//background-image: linear-gradient(to bottom, #BCB19C, #BCB19C, #BCB19C, #BCB19C, #EDECF2);
	color: #5E2009;
	padding: 2% 0% 2% 0%;
	margin-top: -1%;
	margin-left: -1%;
	text-align: center;
	font-size: 150%;
	float: left;
}

.employerbar
{
	width: 100%;
	//background-color: #473234;
	//background-image: linear-gradient(to bottom, #BCB19C, #BCB19C, #BCB19C, #BCB19C,#EDECF2, #EDECF2);
	padding: 0.5% 0% 0.5% 0%;
	margin-left: -1%;
	color: #5E2009;
	text-align: center;

}

.employer
{
	//margin-left: 3%;
	font-size: 120%;
	font-weight: bold;
	font-family: Inconsolata;
	
}

.yearbar
{
	//width: 45%;
	//background-color: #EDECF2;
	font-weight: bold;
	padding: 1% 0% 1% 0%;
	margin-left: -1%;
	

}

.yearsworked
{
	color: #5E2009;
	font-size: 90%;
	margin-bottom: 1%;
}


.jobdescription
{
	position: relative;
	color: #5E2009;
	//background-color: #BCB19C;
	//height: 100%;
	padding: 2% 2% 2% 5%;
	//background-image: linear-gradient(to bottom, #BCB19C, #BCB19C, #BCB19C, #BCB19C,#EDECF2, #EDECF2);
	font-family: Inconsolata;
	font-size: 90%;
	float: left;
	margin-left: -1%;
	//margin-right: 55%;
	text-align: justify;
	width: 35%;
	//margin-top: 1%;
	//border: 2px solid red;
}

.jobdescriptionpoint
{
	color: #5E2009;
	font-family: Inconsolata;
	font-size: 90%;
	float: right;
	//margin-left: 40%;
	width: 55%;
	margin-right: 3%;
	text-align: justify;
	line-height: 115%;
	margin-top: 2%;
	//padding-top: 2%;
}

.graphicdesignmountain
{
	display: inline-block;
	position: absolute;
	height: 7%;
	width: 2.5%;
	//border: 2px solid grey;
	left: 80%;
	top: 81.5%;
	//z-index: 4;
}

.volunteeringcontactactmountain
{
	display: inline-block;
	position: absolute;
	height: 7%;
	width: 2.5%;
	//border: 2px solid grey;
	left: 81.5%;
	top: 41.5%;
	//z-index: 4;
}

.renfellmountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid orange;
	left: 69.2%;
	top: 36.5%;
	//z-index: 4;
}
.conservationcouncilmountain
{
	display: inline-block;
	position: absolute;
	height: 7%;
	width: 3%;
	//border: 2px solid orange;
	left: 75.5%;
	top: 71.5%;
	//z-index: 4;
}

.volunteeringactmountain
{
	display: inline-block;
	position: absolute;
	height: 7%;
	width: 2.5%;
	//border: 2px solid pink;
	left: 79.5%;
	top: 56.5%;
	//z-index: 4;
}

.moocmountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid green;
	left: 72%;
	top: 79.5%;
	//z-index: 4;
}

.lifelinemountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 2.5%;
	//border: 2px solid red;
	left: 75.5%;
	top: 22%;
	//z-index: 4;
}

.projectsabroadmountain
{
	display: inline-block;
	position: absolute;
	height: 7%;
	width: 3%;
	//border: 2px solid red;
	left: 75%;
	top: 43%;
	//z-index: 4;
}

.leukaemiafoundationmountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid green;
	left: 40.5%;
	top: 50%;
	//z-index: 4;
}

.pegasusdisabledmountain
{
	display: inline-block;
	position: absolute;
	height: 8%;
	width: 3%;
	//border: 2px solid blue;
	left: 57%;
	top: 68%;
	//z-index: 4;
}

.tbsmountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid orange; 
	left: 45.5%;
	top: 41%;
	//z-index: 4;
}

.anumountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid orange; 
	left: 34.5%;
	top: 21%;
	//z-index: 10;
}

.bordersmountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid orange;  
	left: 7%;
	top: 70%;
	//z-index: 10;
}

.beaniefestivalmountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid orange;
	left: 50.5%;
	top: 49%;
	//z-index: 10;
}

.anglicaremountain
{
	display: inline-block;
	position: absolute;
	height: 10%;
	width: 3%;
	//border: 2px solid purple;
	left: 59%;
	top: 76.7%;
	//z-index: 10;
	
}

.stvinniesmountain
{
	display: inline-block;
	position: absolute;
	height: 5%;
	width: 3%;
	//border: 2px solid yellow;  
	left: 53%;
	top: 64.5%;
	//z-index: 10;
}

.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}

.aligncenter
{
	margin-left: 42%;
	//margin-right: auto;

}
.aligncentermap
{
	margin-left: 18%;
	//margin-right: auto;

}

.onecolumn
{
	float: left;
	width: 97%;
	//border: 2px solid white;
	margin-right: 1.5%;

}

.center img
{
	display: block;
	//position: absolute;
	margin-left: auto;
	margin-right: auto;
	//float: left;
	//margin: 0 auto;
	//width: 100%;
	padding: 0.5% 1% 3% 1%;
}

.projectdescription
{
	width: 80%;
	//float: left;
	margin-left: 10%;
	text-align: justify;
	font-size: 120%;

}

.fontorange
{
	color: #473234;
	font-weight: bold;
}

.halfcolumnleft
{
	float: left;
	width: 50%;
	
}

.halfcolumnright
{
	width: 50%;
	float: right;
}


.center3
{
	margin-left: 34%;
	text-align: center;
	//margin-right: auto;
}

.center4
{
	margin-left: 22%;
	text-align: center;
	//margin-right: auto;
}

.center2
{
	margin-left: 23%;
	text-align: center;
	//margin-right: auto;
}

.fontbigger
{
	font-size: 140%;
	font-weight: bold;

}

.fontbold
{
	font-weight: bold;
}

.leftindent
{
	margin-left: 2%;
}