﻿@import url(http://fonts.googleapis.com/css?family=Oswald);

* {
    margin: 0;
    padding: 0;
}

html, body, div#container { height: 100%; }

body {
    background: #fff url("images/background.jpg") top left repeat-x;
    font-family: Verdana, sans-serif;
    font-size: 9pt;
}

div#title {
    background: url("images/mesa.jpg") top left no-repeat;
    height: 123px;
    width: 757px;
}

div#navigation {
    padding: 2px 0;
    position: absolute;
    text-align: left;
    width: 150px;
}
div.fb-like{
margin: 20px 0px 10px 35px;
}
	div#navigation ul { list-style: none; }

	div#navigation li {
		border: 1px solid #021031;
		background: url("images/button.jpg") center center repeat-x;
		color: #fff;
		margin: 3px 5px;
		padding: 2px 0 3px 0;
		
	}

	div#navigation img {
		border: 0px;
		margin-top: 0px;
		margin: 0px 3px -3px 3px;
	}

	div#navigation a {
		color: #fff;
		text-decoration: none;
	}

	div#navigation a:hover { text-decoration: underline; }

div#content {
    border-left: 150px solid #737e8a;
    border-right: 1px solid #737e8a;
    min-height: 100%;
    padding: 20px;
    width: 850px;
}

	* html div#content { height: 100%; }
	
	div#content h1 {
		border-bottom: 3px double #021031;
		border-top: 1px solid #021031;
		background-color: #e0e3e7;
		color: #0d1d41;
		font-size: 17pt;
		margin-bottom: 10px;
		text-align: center;
		
		font-family: 'Oswald', sans-serif;
		
		text-shadow: 2px 2px 1px #aaa;
	}

	div#content h2 {
		
		font-family: 'Oswald', sans-serif;
		color: #0d1d41;
		font-size: 13pt;
	}

	div#content div.date {
		color: #4c4c4c;
		font-size: 9pt;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 3px;
	}

	div#content div.divider {
		border-bottom: 1px dotted #000;
		border-top: 1px dotted #000;
		margin-bottom: 20px;
	}
	
	

	div#content div.divider.eventdiv {		
		
		display: block;
		
		display: inline-block;
		
		overflow: hidden;
		}
		
	

	div#content div.divider p {
			margin: 10px 0;
			}

		div#content div.divider ul { margin: 10px 0; }

		div#content div.divider ul li { margin-left: 35px; }

		div#content div.divider ul li ul { margin: 0; }

	div#content p.links {
		border: none;
		color: #666;
		font-size: 8pt;
		text-align: center;
	}

		div#content p.links a {
			color: #666;
			text-decoration: none;
		}

			div#content p.links a:hover {
				text-decoration: underline;
			}

	div#content div.back { margin-bottom: 20px; }
	
		div#content div.back a { text-decoration: none; }

	div#content div.site_map, div#content div.back {
		color: #021031;
		font-style: italic;
		text-align: right;
	}
	
		div#content div.site_map a, div#content div.back a { color: #021031; }

	div#content div.divider p.image {
		float: left;
		font-size: 8pt;
		font-weight: bold;
		margin-right: 20px;
		text-align: center;
	}

	div#content img.bordered { border: 1px solid #000; }


	div#content div.divider img.mugshot {
		float: left;
		margin-right: 20px;
	}

	div#content div.divider p img.event {
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	div#content div.divider p.exec { height: 100px; }

div#right {
    font-size: 8pt;
    position: absolute; left: 1050px; top: 123px;
    width: 220px;
}

div#right div.search {
    background-color: #e0e3e7;
	background-color: #0d1d41;
	color: white;
    padding: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
}

div#right div.overview, div#right div.sponsors {
    border-bottom: 1px dotted #737e8a;
    padding: 10px;
}

div#right div.sponsors { text-align: center; }

div#right div.sponsors p { margin: 10px 0; }

div#right div.copyright {
    color: #666;
    padding: 10px;
    text-align: center;
}

div#right h1 { font-size: 10pt;}

div#right ul li { margin: 7px 0 0 20px; }

h1, h2, div.date { font-family: Georgia, Times New Roman, serif; }

table {
    border-left: 1px solid #021031;
    border-top: 1px solid #021031;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

td {
    border-right: 1px solid #021031;
    border-bottom: 1px solid #021031;
    padding: 2px 5px;
}

table tr:first-child {
    background-color: #021031;
    color: #fff;
}

tr.color { background-color: #ccc; }

div #sponsorimg img { border: none; }

div #sponsorimg p { right: auto; left: auto;}
