/*This file should only contain elements that will be used in multiple areas of the site*/ 

/*Site wide styling components only*/

html{
	margin-top:0px;
	padding:0px;
}

body{
  font-family: Arial,sans-serif;
  font-size: 80%;
  color: #333333;
  line-height: 1.166; 
  max-width:2000px;
  overflow-x:auto;
  overflow-y:auto;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h2{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h3{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h5{
 font-family: Arial,sans-serif;
 font-size: 12pt;
 margin: 0px;
 padding: 0px;
}
h6{
 font-family: Arial,sans-serif;
 font-size: 70%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

a{
  color: #006699;
  text-decoration: none;
}
a:link{
  color: #006699;
  text-decoration: none;
}
a:visited{
  color: #006699;
  text-decoration: none;
}
a:hover{
  color: #006699;
  text-decoration: underline;
}

.caption {
	font-family: Arial,sans-serif;
 font-size: 14pt;
 vertical-align: center; 
 text-decoration: underline;
 color: #335E5E;
}

.caption2 {
	font-family: Arial,sans-serif;
 font-size: 24pt;
 text-decoration: underline;
}

.caption3 {
	font-family: Arial,sans-serif;
 font-size: 14pt;
 text-align: center;
 color: #335E5E;
}





.styled-button-1 {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	color:#333;
	background-color:#33b3a3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:12px;
	font-weight:700;
	height:30px;
	padding:2px 8px;
	text-shadow:#6495ed 0 1px 0
}	

.styled-button-2 {
	-webkit-box-shadow:inset 0px 10px 14px -7px #fff6af;
	box-shadow:inset 0px 10px 14px -7px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.styled-button-2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	
}
.styled-button-2:active {
	position:relative;
	top:1px;
}

.styled-button-3 {
	-moz-box-shadow:inset 0px 60px 0px 15px #b54b3a;
	-webkit-box-shadow:inset 0px 60px 0px 15px #b54b3a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, lightgrey), color-stop(1, #b54b3a));
	box-shadow:inset 15px 60px 0px 15px #b54b3a;
	background-color:#b54b3a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border-top-style: none;
	border-left-style: none;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7a2a1d;
	color: #999999;
}
.styled-button-3:hover {
	background-color:#b54332;
}
.styled-button-3:active {
	position:relative;
	top:1px;
}

.styled-button-4 {
	-webkit-box-shadow:inset 0px 10px 14px -7px #9b988d;
	box-shadow:inset 0px 10px 14px -7px #9b988d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9b988d), color-stop(1, #9b988d));
	background:-moz-linear-gradient(top, #9b988d 5%, #9b988d 100%);
	background:-webkit-linear-gradient(top, #9b988d 5%, #9b988d 100%);
	background:-o-linear-gradient(top, #9b988d 5%, #9b988d 100%);
	background:-ms-linear-gradient(top, #9b988d 5%, #9b988d 100%);
	background:linear-gradient(to bottom, #9b988d 5%, #9b988d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#9b988d',GradientType=0);
	background-color:#9b988d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:none;
	color:black;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b988d;
}


.styled-button-5:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;

}
.styled-button-5:active {
	position:relative;
	top:1px;
}

.styled-button-6 {
	-webkit-box-shadow:inset 0px 10px 14px -7px #fff6af;
	box-shadow:inset 0px 10px 14px -7px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8e8d87), color-stop(1, #4f4e4b));
	background:-moz-linear-gradient(top, #8e8d87 5%, #4f4e4b 100%);
	background:-webkit-linear-gradient(top, #8e8d87 5%, #4f4e4b 100%);
	background:-o-linear-gradient(top, #8e8d87 5%, #4f4e4b 100%);
	background:-ms-linear-gradient(top, #8e8d87 5%, #4f4e4b 100%);
	background:linear-gradient(to bottom, #8e8d87 5%, #4f4e4b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8d87', endColorstr='#4f4e4b',GradientType=0);
	background-color:#8e8d87;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4f4e4b;
}
.styled-button-6:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4f4e4b), color-stop(1, #8e8d87));
	background:-moz-linear-gradient(top, ##4f4e4b 5%, #8e8d87 100%);
	background:-webkit-linear-gradient(top, ##4f4e4b 5%, #8e8d87 100%);
	background:-o-linear-gradient(top, ##4f4e4b 5%, #8e8d87 100%);
	background:-ms-linear-gradient(top, ##4f4e4b 5%, #8e8d87 100%);
	background:linear-gradient(to bottom, #4f4e4b 5%, #8e8d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4e4b', endColorstr='#8e8d87',GradientType=0);
	background-color:#4f4e4b;
	
}
.styled-button-:active {
	position:relative;
	top:1px;
}

.delete-button {
	-webkit-box-shadow:inset 0px 10px 14px -7px #fff6af;
	box-shadow:inset 0px 10px 14px -7px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:1px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.delete-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, ##ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	
}
.delete-button:active {
	position:relative;
	top:1px;
}




#external_header{
  padding: 7px;
  border-bottom: 1px solid #E2EAEF;
  height: 90px;
  width: 97%;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
}


#external_nav {
    padding: 5px;
	border-bottom: 1px solid #E2EAEF;
	border-top: 1px solid #E2EAEF;
	border-right: 1px solid #E2EAEF;
	background-color: #f3f6f8;
    float: left;
	width: 165px;
    min-height: 528px;
}  

#external_main {
    padding: 10px;
    float: left;
	width: 80%;
}

#external_footer {
	position: fixed;
	bottom:0;
	width:100%;
	font-family: Arial,sans-serif;
	font-size: 8pt;
}

#external_verbiage {
	font-family: Arial,sans-serif;
	font-size: 125%;
}