@import '../shared/mixins',
        '../shared/reset';

$popoverHoverColor: #333333;

html, body { min-height: 100%; }

body {
	background: #333333;
	min-width: 740px;
	font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
	color: #404040;
	
  	}


.dualsites {
	height: 50px;
}




/* Site Switch menu adapted from Profile Popover
 * Copyright (c) 2012 Thibaut Courouble
 * http://www.webinterfacelab.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * which means this credit isn't even necessary, but his work is still appreciated
 */
 



.container {
  margin: 100px auto 50px;
  width: 640px;
  text-align: center;
}	
.container .user {
  text-align: left;
}

.user {
  position: relative;
  height: 50px;
	  padding: 0px 12px 8px 8px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
}
.user img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 8px;
}
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: #858585;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  margin-top: 3px;
}
.user h5 small {
  display: block;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #364168;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.user:hover ul {
  padding: 1px 0 6px;
  visibility: visible;
  opacity: 1;
}
.user ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #d9e3fa;
  border: 1px solid;
  border-color: #777 #6c6c6c #666;
  border-radius: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.user ul:before, .user ul:after, .user li:first-child:after {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  width: 0;
  height: 0;
  border: 7px outset transparent;
}
.user ul:before {
  bottom: -14px;
  border-top: 7px solid #555;
}
.user li:first-child:after {
  bottom: -13px;
  border-top: 7px solid white;
}
.user ul:after {
  bottom: -12px;
  border-top: 7px solid #d9e3fa;
}
.user li {
  padding: 0 12px;
  font-size: 11px;
  color: #333333;
  text-shadow: 0 1px white;
}
.user li.sep {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #b4bbce;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -13px;
  padding: 0 20px 0 12px;
  color: #313a4f;
  text-decoration: none;
  border: 1px solid transparent;
}
.user li a:hover {
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background: #5a70b0;
  border-color: #5a70b0 #495d98 #42558a;
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(to bottom, #7688bd, #4e64a3);
}
.user li a:hover:after {
  display: block;
}
.user li a:after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}






.page {
 	border-color: #8a7e67;
 	border-style: inset;
 	border-width: 4px;
 	margin: 20px;
 	background-color: #666666;
 }

.titleBox {
 	border-color: #8a7f68;
 	border-style: inset;
 	border-width: 4px;
 	margin: 20px;
 	background-color: #666666;
 }

.background {
 	background-repeat: repeat-x;
 	background-color: #333333;
 }

.mat2 {
 	border-width: 4px;
 	border-color: #d3c19e;
 	border-style: inset;
 	background-color: #978a71;
 }

.mat1 {
 	background-repeat: repeat-y;
 	padding-bottom: 5px;
 	background-image: url(images/frame_shadow_width.gif);
 	background-color: #ffe7bd;
 	margin-right: auto;
 	margin-left: auto;
 	margin-top: 0px;
 	padding-left: 75px;
 	padding-right: 75px;
 	padding-top: 0px;
 	width: 589px;
 	border-style: none;
 }

.copy {
	list-style-position: inside;
	list-style-type: square;
	letter-spacing: normal;
	line-height: 24px;
	font-size: 17px;
	text-align: left;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", Arial, Helvetica, Verdana, sans-serif;
	color: #cccccc;
	}

form {
	background-color: #CCCC99;
}

.title {
	line-height: 0px;
	text-shadow: 0px 0px 0px black;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px; color: black;}

.subtitle {
	font-family: Times, Georgia, "Times New Roman", serif;
	padding-left: 4px;
	font-size: x-large;
 color: white;}

.header {
	font-family: cursive;
	font-size: 40px;
 color: white;
}

.legal {
	text-align: right;
	height: 24px;
	width: 589px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(images/legal_sig.gif);
	font-style: italic;
	font-family: cursive;
	font-size: 10px;
	color: #999999;
}

.subheader {
 	font-variant: normal;
 	font-size: 22px;
 	padding: 10px;
 	font-family: Georgia, "Times New Roman", Times, serif;
 }

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
 color: #003333;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
 font-style: italic;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCFF99;
}

.boxTitle {
	background-position: 0;
	height: 127px;
	background-repeat: no-repeat;
	background-image: url(images/Banner.jpg);
	margin: 20px;
	border-width: thin;
	border-style: solid;
	border-color: white;
 }

.box1 {
	margin: 20px;
	padding: 10px;
	border-width: thin;
	border-style: solid;
	border-color: white;
 }

.box2 {
	margin: 20px;
	padding: 10px;
	border-width: thin;
	border-style: solid;
	border-color: white;
 }

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.frame_glass_top {
 	background-repeat: no-repeat;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 25px;
 	height: 103px;
 	width: 739px;
 	background-image: url(images/frame_glass_top.jpg);
 }

.frame_shadow_bottom {
 	margin-bottom: 50px;
 	background-repeat: no-repeat;
 	margin-left: auto;
 	margin-right: auto;
 	height: 103px;
 	width: 739px;
 	background-image: url(images/frame_shadow_bottom.jpg);
 }

.wall {
 	width: 740px;
 	margin-right: auto;
 	margin-left: auto;
 	align: center;
 }

.nav {
 	text-align: center;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	color: #b5a588;
 	text-shadow: 0px 1px 1px #333333;
 	font-size: x-large;
 	}
 	
.nav A:link {font-size: x-large;
	color: #b5a588;
	text-decoration: none
	}
.nav A:visited {font-size: x-large;
	color: #b5a588;
	text-decoration: none
	}
.nav A:active {
	color: #b5a588;
	text-decoration: none
	}

.nav A:hover {
	color: #e8d6af;
	text-decoration: none;
	}

A:link {
	text-decoration: none;
	color:white;
	}

A:visited { text-decoration: none; color:white;}

A:active { text-decoration: none; color:white;}

A:hover { text-decoration: underline;}

#links ul {
        list-style-type: none;
        width: 400px;
} 

#links li {
        border: 1px dotted #999999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #cccccc;
        display: block;
        font: bold 120% Helvetica, Arial, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #333333;
}

#links a em { 
        color: #999999;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: white;
        font: normal 70% Helvetica, Verdana, sans-serif;
        line-height: 150%;
}

.old {
	                                                                                                               	background-color: #595959;
	                                                                                                               }


.credit { margin-top: -10px; color: #363027; text-align: right; margin-right: 35px; font-style: italic; font-size: 11px; }

.creditBig { text-align: right; margin-top: -10px; margin-right: 35px; font-style: italic; font-size: 16px; }

.attribution {
	                                                                                                               	text-align: center;                                                                                              	font-size: 11px;
	                                                                                                               }

.inlineLeft {
	border-width: 1px;
	float: left;
	background-position: 0;
	margin-right: 15px; display: inline; border-color: #999999; }

img {
	                                                                                                               	border-width: 0px;
	                                                                                                               }