@charset "utf-8";
/*
 CSS letc.ch
 ===============
*/

/*
	General
	-------
*/

* {
	margin: 0;
}

html {	
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	background: #121212 url(../assets/letc-bg.jpg) repeat-x top left scroll;
	color: #232323;
}

h1 {
	display: none;
}

h3 {
	display: none;
}

label {
	display: block;
}

/*
	Containers
	----------
*/

div#main-container {
	width: 900px;
	height: 100%;
	margin: 0 auto;
}

div#left-container {
	float: left;
	width: 250px;
	margin: 25px 0;
	background: #036 url(../assets/letc-menu-bg.jpg) repeat-y top left fixed;
}

div#right-container {
	float: left;
	width: 640px;
	margin: 25px 5px 5px 5px;
}

div#menu-container {
	/*width: 640px;
	height: 100px;*/
}

div#content-bg {
	width: 100%;
	height: 15px;
}

div#content-container {
	/*width: 640px;
	 * height: 300px;*/
	background: #fff;
	padding: 0 20px 25px 20px;
}

div#bottom-container {
	height: 100px;
	background: url(../assets/letc-footer.jpg);
	margin: 0 5px;
}

div#letc-logo {
	height: 260px;
	width: 250px;
	background: url(../assets/letc-logo.jpg);
	margin: 0;
}

/*
	Tags
	----
*/

table, th, tr, td {
	border: 0;
}

th {
	background-color: #cecece;
	padding: 2px;
	text-align: left;
}

td {
	padding: 2px;
}

/*
	Classes
	-------
*/

.clear {
	clear: both;
}

.menu-spacer {
	width: 250px;
	height: 20px;
	background-image: url(../assets/letc-menu-spacer.jpg);
	clear: both;	
}

.menu-center {
	display: block;
	width: 250px;
	text-align: center;	
}

.top-left {
	float: left;
	width: 15px;
	height: 15px;	
	background: url(../assets/topleft.gif);	
}

.top-center {
	float: left;
	height: 15px;
	width: 610px;
	background: #fff;	
}

.top-right {
	float: left;
	width: 15px;
	height: 15px;	
	background: url(../assets/topright.gif);	
}

.bottom-text {
	float: left;
	width: 390px;
	padding: 20px;
}

.row {
	background-color: #efefef;
}

.required {
	display: none;
}

/*
	HR workaround
	-------------
*/

div.hr {
  height: 15px;
  background: #fff url(../assets/hr.gif) no-repeat scroll center;
  margin: 20px;
}

div.hr hr {
  display: none;
}

/*
	Sub navigation
	--------------
*/

#sub-menu li {
    clear: both;
    list-style: none;
}

#sub-menu li a {
    text-decoration: none;
    outline: none;
}

#sub-menu li a:active, #sub-menu li a:visited {
    border: none;
}

#sub-menu li.current a {
	text-decoration: underline;
}

#sub-menu li a:hover {
    border: none;
	text-decoration: underline;
}

/*
	Fonts
	-----
*/

.serif {
	font: normal small-caps 1.5em/2em georgia,"times new roman",serif;
	color: #fff;
}

.sub-serif {
	font: normal small-caps 1em/1.5em georgia,"times new roman",serif;
	color: #fff;
}

.page-title {
	color: #232323;
}

.paragraph {
	font: normal normal 0.8em/1.4em Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #232323;
}

.bold {
	font: bold normal 0.8em/1.4em Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #232323;
}

.quote {
	font: italic normal 0.8em/1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #232323;
}

.paragraph img {
	border: 1px solid #d4d4d4;
	clear: left;
	float: left;
	margin: 5px 15px 5px 0;
	padding: 3px;
}

.bottom-text address {
	font: normal normal 0.8em/1.4em Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #d4d4d4;	
}

/*
	LavaLamp
	--------
*/

.lavalamp {
    position: relative;
    height: 60px;
    width: 610px;
    padding: 15px;
    margin: 4px 0;
    overflow: hidden;
}

.lavalamp li {
    float: left;
    list-style: none;
}
	
.lavalamp li.back {
    background: url(../assets/lava.gif) no-repeat right -40px;
    width: 9px; height: 40px;
    z-index: 8;
    position: absolute;
}

.lavalamp li.back .left {
    background: url(../assets/lava.gif) no-repeat top left;
    height: 40px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}

.lavalamp li a {
    text-decoration: none;
    outline: none;
    text-align: center;
    top: -5px;
    z-index: 10;
    display: block;
    float: left;
    height: 40px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;    
}

.lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited {
    border: none;
}

.lavalamp li.current a {
	text-decoration: underline;
}