/* ########################

CSS for Miss South Pacific Website

######################## */



/* Inner Wrapper - Contains the entire site */
#wrapper
{
	width: 1024px;
	background: #edede4 url(images/wrapper.gif) repeat-y;
}

/* Header Layout */
#header
{
	width: 1024px;
	height: 97px;
	background: url(images/header.jpg) no-repeat;
}

#header h1
{
	padding-top: 10px;
	padding-left: 150px;
	margin: 0;
}

#header h1 a
{
	display: block;
	width: 1024px;
	height: 110px;
	padding: 10px;
	color: #8bc53f;
	font-size: 1.2em;
	font-family: 'Futura', helvetica, arial;
	font-weight: normal;
	text-decoration: none;
}	

#header h1 a:hover, #header h1 a:focus, #header h1 a:active
{
	background: transparent;
}

#header h1 a:focus, #header h1 a:active
{
	text-decoration: underline;
}

/* Content Layout */
#content
{
	float: left;
	display: inline;
	width: 	795px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 0px;
	color: #2a3d92;
	background: url(images/content-top.jpg) no-repeat;
}

h2, h3
{
	color: #6b0018;
}

h4
{
	padding: 5px;
	margin: 0px;
	font-size: 1.05em;
	color: #6b0018;
}

ul
{
	list-style-type: square;
	padding-left: 40px;
	margin-left: -5px;
}

dl
{
	margin-left: 20px;
}

dt
{
	font-weight: bold;
	color: #386088;
}

blockquote
{
	margin-left: 20px;
	padding-left: 15px;
	background: url(images/quote.gif) no-repeat;
}

blockquote cite
{
	display: block;
	text-align: right;
	font-weight: bold;
	width: auto;
	color: #386088;
}

/* Sidebar Layout */
#sidebar
{
	float: left;
	display: inline;
	width: 177px;
	margin-left: 14px;
	padding: 140px 0px 0px 17px;
	background: url(images/sidebar.jpg) no-repeat;
}

#sidebar h3
{
}

#sidebar a
{
}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active
{
	color: #eecc11;
}

#sidebar a:focus, #sidebar a:active
{
	background-color: #00ee66;
}

/* Navigation Layout */
/*
p#navbar
{
	font-size: 0.8em;
	float: left;
	margin: -3px -25px;
}	
*/

ul#navmenu
{
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	list-style-type: none;
}

ul#navmenu li
{
	margin-bottom: 4px;
}

ul#navmenu a
{
	display: block;
	width: 154px;
	height: 21px;
	background-color: #003366;
	background: #003366 url(images/sidelink.gif) no-repeat;
	padding: 3px 0px 0px 5px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	cursor: pointer; /* Needed for Opera due to selected styling */
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active
{
	background-color: #386088;
	background: #386088 url(images/sidelink-hover.gif) no-repeat;
	color: #fff;
}

ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus,
ul#ulnavmenu a.selected:active
{
	background-color: #386088;
	color: #fff;
}

ul#navmenu a.selected
{
	text-align: left;
	background: url(images/sidelink-current.gif) no-repeat;
	cursor: default; /* Don't appear as a link */
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active
{
	background-color: #333;
	color: #9fee7d;
}

/* Footer Layout */
#footer
{
	clear: both;
	height: 85px;
	width: 1005px;
	padding: 10px;
	text-align: center;
	font-size: 0.9em;
	background: url(images/footer.jpg) no-repeat;
}

#footer p
{
	color: #ddd;
	margin: 5px;
	padding-top: 10px;
}

ul#footnav li
{
	display: inline;
}

ul#footnav li a
{
	padding: 0 5px;
	color: #eecc11;
}

#footer a
{
	padding: 0;
	color: #ddd;
}

#footer a:hover, #footer a:focus, #footer a:active
{
	color: #eecc11;
}

ul#footnav li a:hover, ul#footnav li a:focus, ul#footnav li a:active
{
	color: #000;
	text-decoration: none;
}

#footer a:focus, #footer a:active, ul#footnav li a:focus, ul#footnav li a:active
{
	background-color: #003366;
}

/* Global Links */


.poll
{
	display: block;
	font-family: arial;
	width: 170px;
	margin-left: -5px;
	text-align: left;
	padding: 5px;
}

.poll em
{
	font-weight: bold;
	color: #1a72ad;
	font-style: normal;
}

.poll a:hover em
{
	color: #ec4e00;
}

.poll strong
{
	font-weight: bold;
	color: #ec4e00;
}

.poll h3
{
	padding-top: 0px;
	margin-top: 0px;
	font-size: 1.3em;
}

.poll a
{
	font-style: normal;
	text-decoration: none;
	cursor: pointer;
	color: #666;
}

a.polllink
{
	color: #ec4e00;
	font-weight: bold;
	text-decoration: underline;
}

a:hover.polllink
{
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.poll a:hover span
{
	visibility: visible;
}

.graph
{
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

.flyout
{
	position: absolute;
	margin: 0px;
	padding-left: 10px;
	visibility: hidden;
}

.test
{
	position: absolute;
	margin: 0px;
	padding-left: 10px;
	visibility: hidden;
}

.sidegraphbarbg
{
	border: 1px solid #aaa;
}