﻿/* Basic Tags */

body {
	background-color : black;
	background-image : url('Images/background.jpg'); 
	background-position : center top;
	background-repeat : no-repeat;
	padding : 0px;
	margin : 0px;
	text-align : center;
	font-family : arial, helvetica, sans-serif;
	color : white;
	font-size : 12px;
}

a {
	color : white;	
    outline : none;
}

a:hover {
	color : #e57f01;
}

img {
    border : none;
}

h1 {
    font-weight : normal;
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-weight : normal;
    font-size: 14px;
}

.hidden {
    display : none;
}


/* Structure */

#outerwrapper {
	width : 991px;
	height : 699px;
	position : relative;
	margin : auto;
}

#wrapperbottom {
	height : 5px;
	width : 981px;
	position : absolute;
	left : 5px;
	bottom : 0px;
	z-index : 10;	
}

#wrapperleft {
	height : 699px;
	width : 5px;
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 10;
}

#wrapperright {
	height : 699px;
	width : 5px;
	position : absolute;
	right : 0px;
	top : 0px;
	z-index : 10;	
}

#header {
	background : url('Images/header.jpg') center top no-repeat;
	height : 60px;
	position : relative;
}

#mwulogo {
	position : absolute;
	top : 7px;
	left : 10px;
}

#phonenumber 
{
    position : absolute;
    top : 27px;
    right : 60px;
    font-size : 18px;
    font-weight : bold;
}    

#envelope
{
    position : absolute;
    top : 18px;
    right : 25px;
}

#menu {
	background : url('Images/menu.png') center top repeat-x;
	height : 50px;
}

#body {
	background : url('Images/greyscale.png');
	height : 334px;
    margin : 0px 5px;
    padding : 20px 40px;
    overflow: auto;
    text-align : left;  
    position : relative;
    scrollbar-base-color: #000000;
    scrollbar-arrow-color: #00B5E8;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #999999;
    scrollbar-shadow-color: #999999;
    scrollbar-track-color: #000000;
}

#innerfooter {
	background : url('Images/innerfooter.png') center top repeat-x;
    background-color : white;
	height : 184px;
    color : black;
    position : relative;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-track-color: #EEEEEE;
}

#innerfooter h2 {
    color : #3dadd5;
    font-weight : bold;
}

#innerfooter a {
    color : #3dadd5;
    font-weight : bold;
}

#innerfooter a:hover {
    color : #3dadd5;
    text-decoration : underline;
}

#outerfooter {
    margin-left: auto;
    margin-right: auto;
	background : url('Images/outerfooter.png') center top no-repeat;
	height : 104px;
	width: 1025px;
	margin-top : 0px;
	padding-top : 25px;
	position : relative;
}

#socialicons 
{
    margin-top : 30px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}    

#socialicons img {
    margin : 0px 10px;
}

/* Menus */

#header ul {
	position : absolute;
	right : 60px;
	top : 12px;
	font-size : 11px;
	padding : 0px;
	margin : 0px;
}

#header ul li {
	display : inline;
	margin : 0px;
}

#menu ul {
	font-size : 12px;
	padding : 1px;
	margin : 0px;
}

#menu ul li {
	display : inline;
	margin : 0px;
	padding : 0px;
}

#menu ul li a {
	display : inline-block;
	padding : 17px 30px 0px 30px;
	height : 31px;	
	text-decoration : none;
}

#menu ul li a:hover {
	background : url('Images/menurollover.png') center center no-repeat;
}

#outerfooter ul {
	font-size : 11px;
	padding : 0px;
	margin : 0px;
}

#outerfooter ul li {
	display : inline;
	margin : 0px;
	padding : 10px 20px;
	border-right : 1px solid #111111;	
}

#outerfooter ul li:first-child {
	border-left : 1px solid #111111;	
}

/* Footer Choice */

#footerchoice div.column {
    width : 490px;
    float : left;
    height : 150px;
    text-align : center;
    padding-top : 20px;
}

#footerchoice p.calltoaction {
    font-size : 11px;
    position : relative;
    top : -30px;
    font-weight : normal;
}

#footerchoice img.divider {
    float : left;
    width : 1px;
    height : 184px;
}

/* Footer Contact */

#footercontact div.column {
    width : 329px;
    float : left;
    height : 150px;
    text-align : center;
    padding-top : 20px;
    position : relative;
}

#footercontact img.divider {
    float : left;
    width : 1px;
    height : 184px;
}

#footercontact div.column h2 {
    position : absolute;
    top : 20px;
    left : 30px;
}

#footercontact div.column img {
    position : absolute;
    left : 25px;
    top : 70px;
}

#footercontact div.column span {
    position : absolute;
    left : 130px;
    top : 90px;
    font-size : 18px;
    color : #666666; 
}

#footercontact div.column span a {
    font-size : 14px;
    color : #3dadd5;    
    font-weight : normal;   
}




/* Breadcrumb Trail */

#breadcrumb {
	background : url('Images/breadcrumb.png') center top no-repeat;
	height : 21px;
    text-align : left;
    padding : 5px 15px 0px 15px;
    font-size : 11px;
}

div#breadcrumb span.ancestor, div#breadcrumb span.ancestor a {
    color : #3dadd5;
    font-weight : bold;
}

div#breadcrumb span.ancestor a:hover {
    color : #e57f01;
}

div#breadcrumb span.current {
    color : white;
    font-weight : bold;
}

/* Gallery - Declared here to allow for IE6 override later*/

a.ui-slider-handle 
{
    top : 1px !important;   
}    




