/* @group Fixed Containers */

html,body
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	list-style-position: outside;
	color: black;
	overflow-x: hidden;
	overflow-y: auto;
	background: #69a3cd url(/images/header.png) repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
}

#core-container
{
	min-height: 100%;
	position: relative;
}

#header
{
	padding:10px;
	margin-bottom: 10px;
}

#header a img
{
	border: 0;
}

#navigation
{
	position: absolute;
	right: 30pt;
	top: 30pt;
	margin-left: 340px;
	min-width: 280px;
}

#navigation ul
{
    padding: 0px;  
    margin: 10px;
	margin-right: -5px;
    list-style: none;  
    float: left;  
}

#navigation ul li {  
    float: left;
    padding-bottom: 15px;
}  
  
#navigation ul li a {
	background-color: #173cc9;
	border: 1px outset #ffffff;
    text-decoration: none;  
    color: #fff;  
	padding: 5px 15px;
	margin-left: 5px;
	margin-right: 5px;
}

#navigation ul li a:hover, #navigation ul li a.current {  
	background-color: #2a65fd;
}  

#navigation ul li a.login {  
	background-color: #a90921;
}


#navigation ul li a:active {  
	border: 1px inset #ffffff;
}

#login-container
{
	position: relative;
	min-height: 100%;
}

#login
{
	width: 700px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

#login form
{
	padding-bottom: 10px;	
}

#login fieldset
{
	width: 500px;
	margin: auto;
	background-color: #277abd;
	border: 1px outset #319cf3;
	padding-bottom: 15px;
}

#login legend
{
	color: #fff;
	padding: 2px 12px;
    font-weight:bold;
	background: #135387;
   	border: 1px outset #1c82d9;	
}

#login p
{
	margin: 5px;
	margin-bottom: 8px;
}

#login label
{
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	padding: 5px 0;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
    text-decoration:none;
    color: whitesmoke;
}

#login input
{
	color: #781351;
	background: #fee3ad;
	width: 280px;
	border: 1px solid #d3d3d3;
	background: #fff url(/images/textinputbg.gif) repeat-x;
	font-size: 15px;
	color: #000000;
	text-indent: 7px;
	padding: 3px 0;
	margin-bottom: 0px;
}

#content-container-outer
{
	padding: 10px;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 110px;
}

#content-container-inner
{
	width: 95%;
	background-color: #9fc9e8;
	border: 1px outset #abd9fe;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}


#content
{
	background-color: #eeeeee;
	padding: 15px;
	padding-bottom: 50px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px outset #ffffff;
}

#content.specialpadding
{
	padding-bottom: 0px;
}

#content h1
{
	font-size: 20pt;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	color: black;
}

#content p.small
{
	font-size: 80%;
}

#footer
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:110px; /* Height of the footer */
	background: #69a3cd url(/images/footer.png) repeat-x;
	padding: 0;
	vertical-align: baseline;
}

#footer p
{
	width: 98%;
	text-align: right;
	position: absolute;
	bottom: 0px;
	margin: 5px;
}

#footer a
{
	margin-left: 15px;
	font-size: xx-small;
	text-decoration:none;
	color: #eee;
}

#footer span
{
	margin-left: 15px;
	font-size: xx-small;
	text-decoration:none;
	color: #999;
}

/* @end */

/* @group Interface (Progress) */

.progress
{
	width: 515px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.p-start    { background: url(/images/progress.png) no-repeat 0 0; }
.p-legal    { background: url(/images/progress.png) no-repeat 0 -30px; }
.p-location { background: url(/images/progress.png) no-repeat 0 -60px; }
.p-credit   { background: url(/images/progress.png) no-repeat 0 -90px; }
.p-contact  { background: url(/images/progress.png) no-repeat 0 -120px; }
.p-review   { background: url(/images/progress.png) no-repeat 0 -150px; }
.p-enjoy    { background: url(/images/progress.png) no-repeat 0 -180px; }



/* @end */

/* @group Interface (Buttons) */

.buttons button, .buttons a
{
    display:block;
    float:left;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
}

.buttons button
{
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons a.login
{
	text-align: center;
   	width: 263px;
   	overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */

}
.rightalign
{
	margin-top: 10px;
	float: right;
}

.buttons button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]
{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons button:hover, .buttons a:hover
{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active
{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.buttons button.positive, .buttons a.positive
{
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover
{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.positive:active
{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

.buttons a.negative, button.negative
{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover
{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active
{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* @end */

/* @group Formatting Classes */

.alert
{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: disc;
	text-shadow: #000000 0 0 0;
	margin-bottom: 10px;
}

a, a:visited, .alert a, .alert a:visited
{
	color: blue;
}

.allclear
{
	background-color: #c3ffbe;
	border: 1px outset #43fe30;
}

.allclear ul li
{
	color: #43b82b;
}

.notice
{
	background-color: #94cef3;
	border: 1px outset #80e8fe;
}

.notice ul li
{
	color: #43b82b;
}

.info
{
	background-color: #fff7c0;
	border: 1px outset #fcce04;
}

.info ul li
{
	color: #fcce04;
}

.info ul li span
{
	color: #996b24;
}

.info ul ul li
{
	color: #634719;
}

.error
{
	background-color: #fcbfc5;
	border: 1px outset #fb7c88;
	color: #983838;
}

.error li
{
	color: #fa5f6c;
}

.error li span
{
	color: #983838;
}

fieldset
{
	width: 90%;
	border: 1px solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #fefefe;
}

fieldset legend
{
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 5px;
}

fieldset label
{
	clear: left;
	float: left;  
	width: 150px;
	margin-right: 1em;
	text-align: right; 
	padding-top: 2px;
}

fieldset input, fieldset select
{
	width: 200px;
	vertical-align: top;
}

fieldset blockquote
{
	margin: 0px;
	margin-left: 30px;
}

fieldset input.autowidth, fieldset select.autowidth
{
	width: auto;
}

fieldset p
{  
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 80%;
}

fieldset p img
{
	padding-top: 2px;
}

fieldset ul
{
	margin-top: -5px;
	margin-left: 170px;
	margin-bottom: 0px;
	font-size: 80%;
}

fieldset ul li span
{
	font-size: 80%;
	color: #aaa;
}

#welcome
{
	font-family: "Verdana";
	font-size: 30pt;
	color: blue;
}

h1
{
	font-size: 20pt;
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 8px;
	color: navy;
	text-align: center;
}

h2
{
	font-size: 20pt;
	text-align: center;
	margin: 0px;
	margin-bottom: 10px;
} 

h3
{
	margin-top: 0px;
	margin-bottom: 5px;
	text-decoration: underline;
}

h4
{
	text-indent: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
}

h5
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
}

h5 span
{
	color: red;
	border-style: solid;
	border-width: 1px;
	padding: 3px 6px;
	background-color: white;
}

/* @end */