@charset "utf-8";

* {
	margin-bottom:0;
	margin-top:0;
	padding-bottom:0;
	padding-top:0;
}


html {
	margin:0px;
	padding:0px;
	color:#000000;
	font-family:"Lucida Grande",Calibri,Helvetica,Arial,sans-serif;
	font-size:10pt;
	background:#0C1C26 url(/images/bg.png) left top;
}


body {
	min-width:900px;
}

a, .link {
	color:#075B90;
	text-decoration:none;
	outline:none !important;
	cursor:pointer;
}


a:hover, .link:hover {
	text-decoration:underline;
} 


img {
	border:none;
	vertical-align:text-bottom;
}


p, li {
	line-height:150%;
}

.wrapper p {
	margin-left:25px;
}


p {
	padding:0 0 15px;
	clear:both;
}


ul {
	padding:0 0 15px 65px;
}


hr {
	border:none 0;
	border-top:1px solid #0C1C26;
	height:1px;
	margin:15px 0;
	width:100%;
}


h1, h2, h3, h4 {
	margin:0;
	font-stretch:narrower;
	font-weight:bold;
	clear:both;
}

h1 {
	font-family:papyrus,"Georgia","Times New Roman",serif;
	color:#FFFFFF;
	font-size:22pt;
	border-bottom:1px solid #D9D8CE;
	margin-bottom:15px;
	text-shadow:2px 2px 5px #000000;
}

h1.cut {
	width:550px;
	display:inline;
}


h2 {
	color:#FFFFFF;
	background:#D9D8CE url(/images/first.png) repeat scroll 0 0;
	font-size:16pt;
	text-transform: uppercase;
	border-bottom:1px solid #0C1C26;
	margin-bottom:10px;
	padding:0 7px;
	text-shadow:2px 2px 5px #000000;
	-moz-border-radius-topright:100%;
	-webkit-border-top-right-radius:20px;
}

h2 a {
	color:white;
	text-decoration:none;
}


h3 {
	color:#075B90;
	font-size:14pt;
	border-bottom:1px solid #D9D8CE;
	margin:15px 0 10px;
}

#vocab-list h3 {
	text-align:center;
}


h4 {
	color:#0C1C26;
	font-size:12pt;
	text-transform: uppercase;
	font-style:italic;
	margin-bottom:10px;
}



/*	##################################
   	FRAMEWORK
	################################## */
#page {
	width:100%;
	margin:0;
}


#header {
	width:100%;
	height:90px;
	background-color:#000000;
}

#header .content {
	width:900px;
	margin:0 auto;
}


#home {
	float:left;
}


#nav {
	float:right;
	padding:0;
	width:550px;
	font-size:10pt;
	font-weight:bold;
	position:relative;
	top:60px;
	*top:-31px;
	
}


#nav li {
	display:block;
	float:right;
}


#nav li a {
	padding:5px 7px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	text-decoration:none;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
}


#nav li a:hover {
	background:#D9D8CE url(/images/50px-drop.png) repeat-x;
	color:#075B90;
}


#nav li.here a {
	background:#FFFFFF url(/images/50px-drop.png) repeat-x;
	color:#075B90;
}


.first .feat{
	padding-top:50px;
	float:right;
	text-align:center;
}

.first #info {
	float:left;
}

.first a, .shiny a{
	text-decoration:underline;
}


#sections{
	float:right;
	width:250px;
	font-size:10pt;
	font-weight:bold;
	list-style:none;
}

#sections p {
	font-size:10pt;
	text-align:right;
	text-decoration:underline;
}

#sections ul {
	list-style:none;
}

#sections ul li {
	margin:5px 0;
}

#sections ul li a {;
	padding:3px 15px;
	color:#FFFFFF;
	text-align:left;
	display:block;
	clear:both;
	text-decoration:none;
	border:1px solid white;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	
}

#sections ul li a:hover {
	border-right:10px solid white;
	background:transparent url(/images/white-20.png) repeat;
}


.wrapper {
	width:100%;
	background:transparent url(/images/wrapper-bg.png) repeat-y scroll top center;
}


.wrapper.shiny .content {
	background:transparent url(/images/shiny-wrapper-bg.png) repeat scroll top left;
	color:#FFFFFF;
	border-top:2px solid black;
	border-bottom:2px solid black;
}

.wrapper.first {
	height:300px;
}


.wrapper.first .content {
	background:transparent url(/images/first.png) no-repeat;
	height:300px;
}

.wrapper.first .content *, .wrapper.shiny .content * {
	color:#FFFFFF;
}

.wrapper.first .content p, .wrapper.shiny .content p {
	color:#FFFFFF;
	text-shadow:1px 1px 2px black;
}


.wrapper .content, #footer .content {
	width:850px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:25px;
}

#footer .content {
	text-align:center;
	font-size:75%;
	background:#D9D8CE url(/images/50px-rise.png) repeat-x;
}

#footer p{
	margin-left:0;
}

#footer-links {
	padding-bottom:15px;
	font-size:9pt;
	font-weight:bold;
}

#footer p {
	padding:0 0 5px !important;
	font-family:tahoma;
}



#subfooter {
	width:100%;
	padding:25px 0;
	background-color:#000000;
	font-size:3pt !important;
}

#subfooter * {
	color:#000000 !important;
	font-size:3pt !important;
}


table {
	width:95%;
	background:transparent url(/images/shiny-wrapper-bg.png) repeat;
	border:1px solid black;
	margin:20px auto;
}
	
tr {
	height:25px;
	background-color:#FFFFFF;
}

td,th {
	padding:2px;
}

table.hth th {
	text-align:left;
}

table.hth td {
	text-align:center;
}

.trth {
	background-color:transparent;
	color:white;
}

.trth th {
	text-align:center !important;
}


caption {
	font-weight:bold;
	margin-bottom:10px;
}



.odd {
	background:#EEEEEE url(/images/50px-drop.png) repeat-x;
}

.even {
	background-color:#FFFFFF;

}

.columns .column {
	margin-left:25px;
}
.columns .column p{
	margin-left:0;
}

.columns .column ul{
	padding-left:35px;
}

.column {
	width:385px;
	padding-right:10px;
	float:left;
}

.example .column, #ajaxform .column {
	width:325px;
}


.loading:before{
	content:url(/images/loading.gif);
}

#ajaxform {
	background:#FFFAC7;
	border:2px solid #DA9A00;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:25px;
	width:700px;
	margin:0px auto 25px;
	color:black;
}

#ajaxform p{
	text-align:center;
}

#ajaxloading {
	background:#DA9A00;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:5px;
	width:400px;
	margin:0px auto 25px;
	font-weight:bold;
	color:black;
	text-align:center;
}



/*	##################################
   	CONTENT
	################################## */

#infobar {
	font-size:11pt;
	font-weight:bold;
	overflow-x:hidden;
	background-color:#FFFAC7;
	text-align:center;
	border-top: 1px solid black;
}

#infobar .content {
	padding:0;
	width:900px;
	background-color:#FFFAC7;
}

#infobar a, #infobar span {
	padding:5px;
	width:890px;
	display:block;
	color:black;
	cursor:pointer;
}

.navi {
	padding:0 3px;
	margin:0 2px;
	cursor:help;
	border: 1px dotted red;
	background-color:#FFFAC7;
	color:black;
}

.first .navi {
	border: 1px dotted white;
	background-color:transparent;
}

/*
* {border:1px solid red;}
*/

#sharebox {
	background:#0C1C26 url(/images/bg.png) left top;
	border:4px solid #AAAAAA;
	border-top:0;
	text-align:center;
	font-size:9pt;
	color:#AAAAAA;
	padding:0 5px 5px;
	position:absolute;
	top:0;
	margin-left:700px;
	width:150px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	opacity:0.7;
	* filter:alpha(opacity=70);
}

#sharebox:hover {
	opacity:1.0;
	* filter:alpha(opacity=100);
}

#sharebox p{
	padding:0;
}

#sharebox ul {
	padding:0;
	margin:0;
	list-style:none;
}

#sharebox ul li {
	display:inline;
	padding:2px;
}

.info {
	text-indent:1em;
	font-size:11pt;
	color:#AAAAAA;
	width:500px;
	float:left;
}

.info p {
	text-indent:1em;
	margin:0;
}
.info p:first-child {
	margin-top:25px;
}

.quote > p:first-child:before, .quote > p:first-child:after{
	content:'"';

}

.quote p.author {
	font-size:13pt;
	font-variant:small-caps;
	text-align:right;
	font-style:italic;
}

.quote p.author:before{
	content:"- ";
}


.ipa:before{
	content:"[ ";
}

.ipa:after{
	content:" ]";
}

table.threeq {
	width:75%;
}

table.half{
	width:50%;
}

table#lang td {
	width:75px;
	font-weight:bold;
}

.lang-first-fyl {
	color:red;
	font-weight:bold;
}

.lang-final-fyl {
	color:blue;
	font-weight:bold;
}
	

table#vowels{
	width:240px;
}

table#vowels td {
	width:40px;
	font-weight:bold;
}


.example, .coupon {
	border:2px solid #DA9A00;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:25px;
	width:700px;
	margin:0px auto 25px;
}

.example {
	background:#FFFAC7 url(/images/example.png) no-repeat top right;
}

.coupon {
	background:#FFFAC7 url(/images/coupon.png) no-repeat top right;
}


.download {
	margin:10px 25px 45px 65px;
	float:left;
	background:#00BB00 url(/images/50px-drop.png) repeat-x bottom left;
	border:3px solid #AAAAAA;
	text-align:center;
	font-size:13pt;
	font-weight:bold;
	color:#AAAAAA;
	width:300px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.download.center {
	margin:10px auto 45px;
	float:none;
}


.download:hover{
	background:#00CC00;
	border-color:#666666;
}

.download.disabled {
	background-color:#AAAAAA !important;
	color:#DDD !important;
}

.first .download:hover, .shiny .download:hover{
	border-color:#FFFFFF;
}

.download a{
	text-decoration:none;
	width:210px;
	padding:15px 15px 15px 75px;
	display:block;
	color:#FFFFFF !important;
}

.download p, .recommended p {
	clear:both;
	font-size:9pt;
	text-align:center;
	padding:7px 0;
	margin:0;
	line-height:110%;
}

.download .title {
	border-bottom:1px solid white;
	text-shadow:2px 2px 5px #000000;
}

.download .pdf {
	background:transparent url(/images/icons/pdf.png) no-repeat scroll 25px center;
}
.download .jpg {
	background:transparent url(/images/icons/jpg.png) no-repeat scroll 25px center;
}
.download .file {
	background:transparent url(/images/icons/file.png) no-repeat scroll 25px center;
}

.merch .item {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:200px;
	background-color:black;
	float:left;
	text-align:center;
	color:white;
	margin:0 25px;
}

.merch .item.shirt {
	height:200px;
}

.item.shirt.black {
	background:transparent url(/images/merch/shirt/tpl_front.jpg) no-repeat;
}

.merch .shirt.black:hover {
	background:transparent url(/images/merch/shirt/tpl_back.jpg) no-repeat;
}

.item.shirt.navy {
	background:transparent url(/images/merch/shirt/tpl_front_navy.jpg) no-repeat;
}

.merch .shirt.navy:hover {
	background:transparent url(/images/merch/shirt/tpl_back_navy.jpg) no-repeat;
}
.item.shirt.beige {
	background:transparent url(/images/merch/shirt/tpl_front_beige.jpg) no-repeat;
}

.merch .shirt.beige:hover {
	background:transparent url(/images/merch/shirt/tpl_back_beige.jpg) no-repeat;
}

.merch .item a {
	display:block;
}

.merch .shirt a {
	padding:25px;
	width:150px;
	height:150px;
}

.merch .bumper a {
	padding:0px;
	width:200px;
	height:60px;
}


.merch .item img {
	margin:0 auto;
}


.merch .shirt img.shirt-front {
	padding-top:18px;
	display:block;
}
.merch .shirt img.shirt-back {
	padding-top:18px;
	display:none;
}

.merch .shirt:hover img.shirt-front {
	display:none;
}
.merch .shirt:hover img.shirt-back {
	display:block;
}

.merch .text {
	width:400px;
	float:left;
}

#recommendation .content {
	background:#BBBBBB url(/images/50px-drop.png) repeat-x bottom left;
	padding-top:0;
}

.recommended .newwin {
	position:absolute;
	width:260px;
	background-color:#FFFAC7;
	color:black;
	font-weight:bold;
	font-size:8pt;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	display:none;
	border-bottom:1px solid black;
}

.recommended:hover .newwin {
	display:block;
}

#recommended-off {
	float:right;
	position:relative;
	right:-10px;
	top:16px;
	cursor:pointer;
	width: 130px;
}

#recommended-off img{
	float: right;
}
#recommended-off span{
	font-size:9pt;
	font-style:italic; 
	display:none;
}

#recommended-off:hover span{
	display:inline;
}


#recommended-info {
	font-style:italic; 
	font-weight:bold;
	text-align:center;
}


.recommended {
	margin:10px;
	float:left;
	background:#555555 url(/images/50px-drop.png) repeat-x bottom left;
	text-align:center;
	font-size:13pt;
	font-weight:bold;
	width:260px;
	height:225px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #BBBBBB;
}

.recommended:hover{
	background:#888888;
	color:#000000;
	border:1px solid black;
}

.recommended a{
	color:#FFFFFF;
	text-decoration:none;
	width:230px;
	padding:15px;
	display:block;
	height:195px;
}

.recommended img {
	border:1px solid white;
}

.recommended .title {
	border-bottom:1px solid white;
	text-shadow:2px 2px 5px #000000;
}



.playercontrol {
	cursor:pointer;
	text-align:center;
	background-color:#075B90;
	color:white !important;
	border:1px solid black;
	display:inline-block;
	width:20px;
}

/*	##################################
   	Popup
	################################## */
.popup {
	margin:0 auto;
	position:fixed;
	top:150px;
	width:100%;
	height:250px;
}
.popup .popwrap {
	width:480px;
	height:350px;
	background-color:#F2F2F2;
	margin:0 auto;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	text-align:center;
}

.popup_content {
	width:285px;
	float:left;
	padding:15px 15px 15px 0;
}

.popup_content span {
	float:left;
	margin:10px 5px;
	font-size:75%;
}

.required {
	font-weight:bold;
	color:red;
}

.popup_title {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-image:url(/images/50px-drop.png);
	background-position:0 100%;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid white;
	color:#000000;
	display:block;
	font-size:16pt;
	font-weight:bold;
	padding:10px 15px 5px;
	text-decoration:none !important;
	text-shadow:1px 1px 1px #CCCCCC;
}

.popup input {
	font-weight:bold;
	width:225px;
	float:left;
	margin:5px 0;
	padding:5px;
}

.popup input[type=text] {
	background-color:#FFFFFF;
	color:#075B90;
	border:1px solid #AAAAAA;
	background-image:url(/images/50px-rise.png);
	background-position:bottom center;
	-moz-border-radius:3px;
}

.popup input[type=submit] {
	background-color:#075B90;
	background-image:url(/images/50px-drop.png);
	background-position:top center;
	border:1px solid #AAAAAA;
	border-top:1px solid white;
	color:#FFFFFF;
	text-shadow:0px 0px 5px #CCCCCC;
}

.popup input:hover {
	background-color:#f2faff;
	border:1px solid #075B90;
	color:#075B90;
}

.popup_img {
	width:150px;
	height:150px;
	float:left;
	margin:15px;
}

#mailerinfo{
	clear:both;
	padding:5px;
	margin:0 auto;
	text-shadow:0px 0px 5px #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.mc-field-group {
	clear: both;
	
}

.popup label {
	float: left;
}

.disclaimer {
	float:left;
	font-size:80%;
	margin-bottom:10px;
}

#killbutton {
	float:right;
	cursor:pointer;
	position:relative;
	top:-20px;
	right:-22px;
}
	
/*	##################################
   	USEFUL
	################################## */

small, .small, .small * {
	font-size:65%;
}

big, .big, .big * {
	font-size:120%;
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.underline, .stress {
	text-decoration:underline;
}

.italic {
	font-style:italic; 
}

.right {
	float:right;
	margin:10px 0 10px 10px;
	padding:2px;
}

.left {
	float:left;
	margin:10px 10px 10px 0;
	padding:2px;
}

.center, .center * {
	text-align:center;
}

.nb {
	border:0px !important;
}

.nm {
	margin:0px !important;
}

.np {
	padding:0px !important;
}

.hidden {
	display:none !important;
}