/*
	Nora, So Far web site CSS
	Main CSS Stylesheet 
	By April Michelle Hiler
*/

body {
	font-family: Verdana, Arial, sans-serif;
	background: url(../images/altBackground.png) left bottom;
	height: 1500px;
	margin: 0px;
	padding: 0px;
}

p, h1, h3, li {
	margin: 1ex 1em;
}

/* outerDiv wraps around page */
div#outerDiv {
	width: 1000px;
	margin: 0 auto;
	background: #fff url(../images/headerBanner.png) no-repeat;
}

/* header */

header {
	font-family: Verdana, Arial, sans-serif;
	width: 1000px;
	height: 265px;
	position: relative;
}

header {
	left: 320px;
	bottom: 0px;
}

/* navigation */

nav ul {
	position: absolute;
	list-style: none;
	margin: auto;
	padding: 0px;
	text-align: center;
}

nav li {
	float: left;
	margin: 5px;
	padding: 0px;
}

nav li a:link, nav li a:visited {
	font-family: Impact, fantasy;
	display: block;
	text-indent: -10em;
	color: #ff3399;
	text-decoration: underline;
	padding: 0 15px 0 30px;
	margin-right: 30px;
	border: none;
}

nav li a:hover, nav li a:active {
	color: #fff;
}

nav ul li a.current {
	color: black;
}

nav ul li a.current:hover {
	cursor: default;
}

/* main content */
div#mainContent {
	width: 575px;
	margin: 0 0;
	padding: 0 15px;
}

img.align-left {
	padding: 3px;
	border: 1px solid #999;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

img.medium {
	width: 250px;
	height: 250px;
}

img.large {
	width: 500px;
	height: 375px;
}

h1 {
	text-align: center;
}

section, p {
	line-height: 1.4em;
	margin: 1ex 0;
}

#special {
	height: 200px;
}

ul {
	list-style: none;
}

img.align-right {
	padding: 3px;
	border: 1px solid #999;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.small {
	width: 130px;
	height: 125px;
}

p.special3 {
	height: 225px;
}

p.special5 {
	height: 250px;
}

/* sideBar */

aside {
	position: absolute; top:260px; right:150px;
	width: 325px;
}

ol {
	list-style: none;
}

h3 {
	text-align: center;
}

#special2 {
	text-align: center;
}

p.special4 {
	height: 150px;
}

p.special6 {
	height: 175px;
}

th {
	background-color: #e6b8b8;
	border: 2px solid #000000;
	text-align: center;
	padding: 5px;
	margin: auto;
}

td {
	background-color: #ffccff;
	border: 2px solid #000000;
	text-align: center;
	padding: 5px;
	margin: auto;
}

li.translate {
	color: #cc3355;
	height: 50px;
}

li.translate1 {
	color: #cc3355;
	height: 75px;
}

li.translate2 {
	color: #cc3355;
	height: 100px;
}

.rules {
	height: 50px;
}

li.rules1 {
	height: 50px;
	list-style: square;
}

li.rules2 {
	height: 75px;
	list-style: square;
}

li.rules3 {
	height: 75px;
}



/* footer */

footer {
	clear: both;
	background: url(../images/footerBanner.png) no-repeat;
	width: 1000px;
	height: 360px;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
}