/* 
SITE COLORS 

Red: 	#C13336;
Blue:	#003366;
Gray: 	#B9BAB1;
*/

/* PAGE OBJECTS */
body {
	text-align: -moz-center;
	font-family: Verdana;
	font-size: 12pt;
	font-weight: normal;
	background-image: url('Images/page-bg.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom center;
	padding: 0px;
	margin: 0px;
}
h1{
	text-align: -moz-center;
	color: #003366;
	font-size: large;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 1px #666 solid;
	clear: both;
	}
	.sub-head
	{
		color: #666;
		font-size: medium;
		font-weight: normal;
		display:block;
		padding-bottom: 2px;
	}
h2{
	font-size: 11pt;
	font-weight: 600;
	letter-spacing: 1px;	
	display: inline;
	border-left: 10px #C13336 solid;	
	padding-left: 3px;
}
h3{
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 0px;
}
a{
	color: #C13336;
	text-decoration: none;
}
a:hover{
	color: #c13336;
	border-bottom: #003366 dotted 1px;
}
a img{
	border:0px;
}
ul{
	color: #003366;
	font-size: 90%;
}

/* LAYOUT */
.canvas {
	text-align: center;
	background-color: #d5d5d5;
	background-image: url('Images/flag-bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	border-left: 1px #68696D solid;
	border-right: 1px #68696D solid;
	width: 872px;
}
	.canvas:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
.logo {
	position: relative;
	text-align: center;
	top: 0px;
	width: 473px;
	height: 136px;	
	background-image: url('Images/logo.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 0px;
	z-index: 50;
	cursor: pointer;
}


/* NAVIGATION */
.navigation{
	font-size: small;
	font-weight: 400;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: -40px;
	display: block;
	z-index: 60;
	position: relative;
}
.navigation ul{
	list-style-type: none;	
	height: 64px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
}
.navigation ul li{
	float:left;
	width: 135px;
	height: 46px;
	text-align: center;
	background-image: url('Images/tab.png');
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
}
.navigation ul li.current-tab {
	float:left;
	width: 135px;
	height: 55px;
	text-align: center;
	background-image: url('Images/current-tab.png');
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
}
.navigation ul li.cd-tab {
	float:left;
	width: 135px;
	height: 46px;
	text-align: center;
	font-size: 85%;
	background-image: url('Images/cd-tab.png');
	background-repeat: no-repeat;
	padding: 17px 0px 0px 0px;
	margin-bottom: 0px;
}
.navigation a{
	color: #000;
	text-decoration: none;	
}
.navigation a:hover{
	color: #000;
	text-decoration: none;	
}


/* CONTENT */
.content-top{
	height: 29px;
	background-image: url('Images/content-top.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 0px;
	position: relative;
	margin-top: -37px;
	z-index: 1;
}
.content-mid{
	background-image: url('Images/content-mid.png');
	background-repeat: repeat-y;
	background-position: top center;
	min-height: 300px;
	margin: 0p;
	padding-bottom: 10px;
}
.content-bottom{
	height: 37px;
	background-image: url('Images/content-bottom.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	clear: both;
}
.content{
	text-align: left;
	padding: 5px 30px 10px 30px;	
}
.footer-links{
	color: #363636;
	font-size: small;
	text-align: center;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #ececec;
	line-height: 2em;
	margin-left: 20px;
	margin-right: 22px;
	padding-left: 25px;
	clear: both;
}
	.footer-links a{
		text-decoration: none;
		color: #363636;
	}
	.footer-links a:hover{
		text-decoration: none;
		color: #C13336;
	}
	.footer-links ul{
		list-style-type: none;
		display: inline;
		padding: 2px;
		position: relative;
	}
	.footer-links li{
		float: left;
		padding: 2px 15px 2px 15px;
	}

.footer{
	font-size: small;
	color: #666;
	padding: 0px 15px 5px 10px;
}
	.copy-right{
		font-size: small;
		float: right;	
		text-align: right;
		padding-bottom: 15px;
	}
	.footer a{
	color: #363636;
	text-decoration: none;
	}
	.footer a:hover{
	color: #363636;
	text-decoration: none;
	}
	.footer img{
	border: 0px;
	padding: 3px 0px 0px 0px;
}
.input-row{
	clear: both;
	padding: 2px;
}
.input-label{
	width: 200px;
	float:left;
	margin-left: 0px;
	position: relative;
}
.input-element{
 	float: left;
 	position: relative;
 	padding-left: 5px;
	position: relative;
}
.input-validation	
{
    clear:both;
	padding-left: 15px;
	margin-left: 205px;
	width: 500px;
	background-image: URL('Images/input-validation-arrow.jpg');
	background-position: left center;
	background-repeat: no-repeat;
}



/* MISC. ITEMS */
.bordered {
	padding: 10px;
	border: 1px gray solid;
	background-color: #f4f4f4;
	margin: 10px 10px 10px 10px;
}
.bordered-right {
	float: right;
	padding: 10px;
	border: 1px gray solid;
	background-color: #f4f4f4;
	margin: 10px 25px 10px 10px;
}
.bordered-left {
	float: left;
	padding: 10px;
	border: 1px gray solid;
	background-color: #f4f4f4;
	margin: 10px 10px 10px 10px;
}
.highlight{
	border: solid 3px #003366;
	background-color: #B3C1FF;
	padding: 3px;
	text-align: left;
	float: right;
	margin: 5px 5px 5px 20px;	
	display: inline;
}
	.highlight:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.highlight h3{
		background-color: #003366;
		color: #FFF;
		text-align: center;
		font-size: 13px;
		font-weight: 600;
		clear: both;
		padding: 3px;
		margin: 0px 0px 10px 0px;
	}
	.highlight a{
		font-size: 12px;
		color: #003366;
	}
	.highlight ul{
		list-style-type: none;
		font-size: 16px;			
		padding: 10px 0px 0px 0px;
		margin: 0px;
	}
	.highlight li{
		padding: 5px 3px 3px 3px;
		border-bottom: 1px #B3C1FF solid;
		border-top: 2px #B3C1FF solid;
		padding-right: 17px;
	}
	.highlight li:hover{
		background-color: #FFF;
		border-bottom: 1px solid gray;
		border-top: 2px #003366 solid;
		background-image: url('Images/link-arrow.jpg');
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 17px;
		text-decoration: none;
	}
	.current{
		background-color: #FFF;
		border-bottom: 1px solid gray;
		border-top: 2px #003366 solid;
		background-image: url('Images/link-arrow.jpg');
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 17px;
		text-decoration: none;
	}
.add01{
	float: left;
	margin: 0px 0px 20px 8px;
	padding-bottom: 10px;
}
.kiosk-menu{
	font-size: 90%;
	clear: both;
	margin: 0px 0px 10px 0px;
	position: relative;
}
	.kiosk-menu p{
	margin-top: 3px;
	}
.kiosk-title{
	padding: 5px 0px 5px 10px;
	clear:both;
	border-bottom: 1px gray dotted;
	margin-bottom: 5px;
	background-image: URL('Images/kiosk-item-bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	position: relative;
}
.kiosk-item{
	padding: 5px 0px 5px 10px;
	clear:both;
	border-bottom: 1px gray dotted;
	margin-bottom: 5px;
	background-image: URL('Images/kiosk-item-bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	min-height: 110px;
	position: relative;
}

.kiosk-item-noheight{
	padding: 5px 0px 10px 10px;
	clear:both;
	border-bottom: 1px gray dotted;
	margin-bottom: 5px;
	position: relative;
	background-image: url('Images/kiosk-item-bg.jpg');
	background-position: 50% bottom;
	background-repeat: repeat-x;
	top: -10px;
	}

.kiosk-menu img{
	float: left;
	border: 0px;
	padding-right: 5px;
}
.arrowed-link{
	background-image: url('Images/link-arrow.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 17px;
}
.extra01{
}
.extra02{
}
.extra03{
}
.extra04{
}