/*
	Styling for the basic page layout, colors, and imagery. Please be gentle
	
	This file is intended as a storage location for common site styles. Please 
	make an effort to keep it clean of rift-raft, development styles, or styles that
	do not pertain to the base of the site.
	
	Remember to comment!!!!

	Notes: 
	
	The margins for elements in the #content, #left, #center, and #right divs take a
	no-top-margin approach (for the most part). This means that elements, such as headers and
	paragraphs, avoid using a top margin, leaving it to the element above it to dictate the
	spacing between using its bottom margin.
	
	Remember, the actual width/height of a box is equal to its width/height PLUS padding!

*/

/* Default element styling */

body
{
	margin: 0px;
	padding: 0px;
	
	line-height: 1.85;
	
	font-size: 9pt;
	font-family: Trebuchet, Trebuchet MS, Arial, San-Serif;
	background-color: #fff;
	
	color: #444;
}

dl, dt, dd, ol, ul
{
	margin: 3px;
	padding: 0px 25px;
}

li
{
	margin: 2px 0px;
	padding: 0px;
}

p
{
	margin: 0px 0px 5px;
}

blockquote
{
	margin: 5px;
	padding: 5px;
}

img
{
	margin: 0px;
	padding: 0px;
	
	border: none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px 0px 3px 0px;
	padding: 0px;

	font-family: Helvetica, Arial, San-Serif;
	color: #0095D1;
}

h1
{
	font-size: 14pt;
}

h2
{
	font-size: 13pt;
	color: #0087BE;
}

h3
{
	font-size: 12pt;
	color: #007AAB;

}

h4
{
	font-size: 11pt;
	color: #006C98;
}

h5
{
	font-size: 10pt;	
	color: #005172;
}

h6
{
	font-size: 9pt;
	color: #00445F;
}

/* Page Elements */

div#header-container
{
	padding: 0px;
	margin-bottom: 25px;
	background-color: #000;
	/*background-image: url('../images/gui/header.jpg');
	background-position: center;*/
}

div#header
{
	position: relative;

	width: 790px;
	
	margin: 0px auto;
	padding: 0px;
}

div#header-video
{
	width: 790px;
	height: 250px;
	margin: 0px auto;
	padding: 0px;
	z-index: 0;
}

#header-vid
{
	z-index: 0;
}

img#waycu-logo
{
	position: absolute;
	z-index: 10000;
	left: 20px;
	bottom: 45px;
}

div#menu
{
	position: absolute;
	bottom: 0px;
	z-index: 1000;
	width: 100%;
	
	padding: 5px 0px;
	
	
	background-image: url('/images/gui/menu/black-70.png');
	background-repeat: repeat;

	text-align: right;
	font-size: small;

	letter-spacing: 2px;
	
	
}

div#menu ul
{
	list-style: none;
}

div#menu ul li
{
	display: inline;
	text-align: right;
	padding: 7px;

}

div#menu ul li a
{
}

div#body
{
	width: 790px;
	margin: 0px auto;
}


div.content-block
{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

div#section-intro h1
{
	border-bottom: 2px dotted #ccc;
	margin-bottom: 15px;
}


div#footer
{
	margin-top: 50px;
	
	font-size: x-small;
	color: #555;
	text-align: center;
}

p#findus
{
	margin-bottom: 15px;
}

p#findus img
{
	margin: 0px 10px;
}

/* Link Styling */

a
{
	color: #0084C5;
	text-decoration: none;
}

a:link
{
	color: #0084C5;
	text-decoration: none;
}

a:visited
{
	color: #0084C5;
	text-decoration: none;
}

a:hover
{
	color: #0084C5;
	text-decoration: underline;
}

a:active
{
	color: #0084C5;
	text-decoration: underline;
}

div#menu a
{
	color: #0084C5;
	text-decoration: none;
}

div#menu a:link
{
	color: #0084C5;
	text-decoration: none;
}

div#menu a:visited
{
	color: #0084C5;
	text-decoration: none;
}

div#menu a:hover
{
	color: #B0EA00;
	text-decoration: none;
}

div#menu a:active
{
	color: #B0EA00;
	text-decoration: none;
}


/*
	Generic CSS Library
	Generic classes for your everyday needs
	
	Use instead of inline stlying for elements
*/

/* Display */

.hidden, .hide
{
	display: none !important;
}

.invisible
{
	visibility: hidden !important;
}

.visible
{
	visibility: visible !important;
}

.block, .display-block, .show-block, .show
{
	display: block !important;
}

.inline, .display-inline, .show-inline
{
	display: inline !important;
}

/* Positioning */

.left, .float-left
{
	float: left !important;
}

.right, .float-right
{
	float: right !important;
}

.no-float
{
	float: none !important;
}

.clear
{
	clear: both !important;
}

.clear-left
{
	clear: left !important;
}

.clear-right
{
	clear: right !important;
}

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

.text-left
{
	text-align: left !important;
}

.text-right
{
	text-align: right !important;
}

/* Dimensions */

.no-dimensions
{
	height: 0px !important;
	width: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

/* Text Styling */

.bold
{
	font-weight: bold !important;
}

.bolder
{
	font-weight: bolder !important;
}

.no-bold, .normal-bold, .bold-normal, .no-font-weight, .no-weight, normal-weight
{
	font-weight: normal !important;
}

.less-bold, .lighter
{
	font-weight: lighter !important;
}

.underline
{
	text-decoration: underline !important;
}

.overline
{
	text-decoration: overline !important;
}

.italic
{
	font-style: italic !important;
}

.olbique
{
	font-style: italic !important;
}

.no-italic, non-italic, .no-oblique, no-font-style, .normal-font-style, normal-font
{
	font-style: normal !important;
}

.capitalize
{
	text-transform: capitalize !important;
}

.uppercase
{
	text-transform: uppercase !important;
}

.lowercase
{
	text-transform: lowercase !important;
}

.no-case
{
	text-transform: none !important;
}

/* Wrapping */

.nowrap
{
	white-space: nowrap !important;
}

.wrap
{
	white-space: normal !important;
}

/* Fonts */

.x-small, .font-size-x-small, .size-x-small
{
	font-size: x-small !important;
}

.small, .font-size-small, .size-small
{
	font-size: small !important;
}

.medium, .font-size-medium, .size-medium
{
	font-size: medium !important;
}

.large, .font-size-large, .size-large
{
	font-size: large !important;
}

.x-large, .font-size-x-large, .size-x-large
{
	font-size: x-large !important;
}

.xx-large, .font-size-xx-large, .size-xx-large
{
	font-size: xx-large !important;
}