/* Visa IYAC Childrens Site CSS */

/* Body */

* {
   padding:0;
   margin:0;
}

a {
outline: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

body#photos,
body#timeline,
body#sponsors,
body#involved,
body#contact {

}

body#home #wrapper-bg {
	background: url(../images/bg.jpg) repeat-x; 
		width: 100%;
	min-height: 480px;
	_height: 480px;
}

#wrapper-bg {
	width: 100%;
	background: url(../images/bg.jpg) repeat-x #b6d94b top;
	min-height: 480px;
	_height: 480px;
}

#wrapper {
	width:950px;
	margin-right: auto;
	margin-left: auto;
}

#header-bg{
	background: url(../images/bg-head.jpg) repeat-x;
	width: 100%;
	height: 45px;
}

#header-wrapper{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/*H2s*/

body#home h2{
	background: none;
	width: 220px;
	color: #FFFFFF;
}

body#podcast h2,
body#apply h2,
body#photos h2,
body#messages h2,
body#library h2 {
	height: 115px;
	width: 719px;
	text-indent: -9999px;
	margin-top: 15px;
}

body#podcast h2{
	background: url(../images/title-podcast.jpg) no-repeat;
}

body#photos h2{
	background: url(../images/title-photos.jpg) no-repeat;
}

body#messages h2{
	background: url(../images/title-messages.jpg) no-repeat;
}

body#library h2{
	background: url(../images/title-library.jpg) no-repeat;
}

body#apply h2{
	background: url(../images/title-apply.jpg) no-repeat;
}

/* Top bar */

a#linkCorporateSite {
	background: url(../images/corporateSiteButton.jpg) 0 0 no-repeat;
	width: 161px;
	height: 24px;
	text-indent: -9999px;
	margin: 10px 0 0 15px;
	float: left;
}

a#linkCorporateSite:hover {
	background: url(../images/corporateSiteButton.jpg) 0 -24px no-repeat;
	width: 161px;
	height: 24px;
	text-indent: -9999px;
	margin: 10px 0 0 15px;
	float: left;
}

a#title {
	background: url(../images/title.jpg) no-repeat;
	width: 680px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
	float: right;
}

/* Left Col Home Content*/

#leftCol {
	float: left;
	width: 220px;
	margin-top: 40px;
	color: #FFF;
}

body#home #logo a{
	background: url(../images/logo.jpg) no-repeat;
	width: 220px;
	height: 191px;
	margin-bottom: 10px;
	display: block;
	text-indent: -9999px;
}

#logo a {
	background: url(../images/logoSmall.jpg) no-repeat;
	width: 200px;
	height: 169px;
	margin: 0px 0 10px 0;
	display: block;
	text-indent: -9999px;
}

/* Right Col Home Content*/

#flash.flash {
	height: 187px;
	width: 708px;
	background: url(../images/Iyac_rollovers.jpg) no-repeat;
	margin: 0px 0px 0px 20px;
}

body#library #rightCol, body#photos #rightCol, body#sponsors #rightCol, body#timeline #rightCol, body#involved #rightCol, body#contact #rightCol {
	float: left;
	width: 720px;
	color: #fff;
	padding: 5px 0 0 10px;
}

#rightCol {
	float: left;
	width: 730px;
	color: #fff;
}

#rightCol {
	float: left;
	width: 730px;
	color: #fff;	
}

#content {
	float: left;
	width: 464px;
	color: #fff;
	padding-top: 5px;
}

#rightCol p{
	padding-top: 10px;
}

/* Homepage Pods */

body#home .pod span,
body#home .pod a {
	background-image: url(../images/pod_bg.jpg);
	float: right;
	display: block;
	height: 186px;
	margin: 10px 0px 0px 2px;
	text-indent: -9999px;
}

.pod a#download { background-position: 0px 0px; width: 236px;}
.pod a:hover#download { background-position: 0px -186px; width: 236px;}

.pod a#photos { background-position: -236px 0px; width: 236px;}
.pod a:hover#photos { background-position: -236px -186px; width: 236px;}

.pod a#survey { background-position: -472px 0px; width: 236px;}
.pod a:hover#survey { background-position: -472px -186px; width: 236px;}

.pod #safety { background-position: 236px 0px; width: 236px;}

span#comingSoon {
	float: right;
	margin: 10px 0px 0px 0px;
}

/* Nav */

/* Nav Home */

#navBar {
	clear: both;
	float: right;
	background: url(../images/navBar.jpg) left top no-repeat;
	
	padding: 0px 280px 5px 97px;
}

a#navHome {
	background: url(../images/navHome.jpg) no-repeat;
	width: 61px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	float: left;
}

body#home a#navHome {
	background: url(../images/navHome_selected.jpg) 0 0 no-repeat;
	width: 61px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#navHome:hover {
	background: url(../images/navHome.jpg) 0 -38px no-repeat;
	width: 61px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Nav Photos */

a#navPhotos {
	background: url(../images/navPhotos.jpg) 0 0 no-repeat;
	width: 73px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#navPhotos:hover {
	background: url(../images/navPhotos.jpg) 0 -38px no-repeat;
	width: 73px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	float: left;
}

body#photos a#navPhotos {
	background: url(../images/navPhotos_selected.jpg) no-repeat;
	width: 73px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Nav Library */

div.downloadPod {
clear: both;
padding: 15px 0px 15px 0px;
}

a#navLibrary {
	background: url(../images/navLibrary.jpg) 0 0 no-repeat;
	width: 74px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#navLibrary:hover {
	background: url(../images/navLibrary.jpg) 0 -42px no-repeat;
	width: 74px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

body#library a#navLibrary {
	background: url(../images/navLibrary.jpg) 0 -84px no-repeat;
	width: 74px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Nav Messages */

a#navMessages {
	background: url(../images/navMessages.jpg) 0 0 no-repeat;
	width: 128px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#navMessages:hover {
	background: url(../images/navMessages.jpg) 0 -42px no-repeat;
	width: 128px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

body#messages a#navMessages {
	background: url(../images/navMessages.jpg) 0 -84px no-repeat;
	width: 128px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Nav Blog */

a#navBlog {
	background: url(../images/navBlog.jpg) 0 0 no-repeat;
	width: 59px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#navBlog:hover {
	background: url(../images/navBlog.jpg) 0 -42px no-repeat;
	width: 59px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

body#blog a#navBlog {
	background: url(../images/navBlog.jpg) 0 -84px no-repeat;
	width: 59px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Nav Podcasts */

a#navPodcast {
	background: url(../images/navPodcast.jpg) 0 0 no-repeat;
	width: 84px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

a#navPodcast:hover {
	background: url(../images/navPodcast.jpg) 0 -38px no-repeat;
	width: 84px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

body#podcast a#navPodcast {
	background: url(../images/navPodcast_selected.jpg) 0 0 no-repeat;
	width: 84px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* Text */

h2 {
	font-size: 1.3em;
	color: #FFF;
}

#leftCol p{
	padding-top: 10px;
}

h3 {
margin-top: 15px;
font-size: 1.3em;
}

h4 {
font-size: 1.2em;
}

#content a {
color: #FFFFFF;
font-weight: bold;
}


/* Timeline Content*/

body#timeline #content ul {
list-style: none;
}

body#timeline #content ul h3 {
padding-bottom: 10px;
}

body#timeline #content ul img {
	float: left;
	padding: 3px 10px 10px 0;
	display: block;
}

body#timeline #content ul p {
	padding: 0 0 8px 0;
	display: block;
	margin-left: 110px;
}

body#timeline #content ul p.date {
	font-weight: bold;
	padding-bottom: 2px;
	margin-left: 0;
}

body#timeline #content ul li {
padding-bottom: 20px;
border-bottom: #0a5a99 1px solid;
}


/* Sponsors Content*/

body#sponsors #content ul {
	list-style: none;
	margin-top: 20px;
}

body#sponsors #content h3 {
padding-bottom: 10px;
display: block;
}

body#sponsors #content ul img {
	float: left;
	padding: 3px 10px 10px 0;
	display: block;
}

body#sponsors #content ul p {
	padding: 0 0 8px 0;
	display: block;
	margin-left: 110px;
}

body#sponsors #content ul li {
	padding-bottom: 20px;
	border-bottom: #0a5a99 1px solid;
	margin-bottom: 15px;
}

body#sponsors #content ul li h4 {
margin-bottom: 5px;
}

/*Footer*/

#footer-bg{
	background: url(../images/footer-bg.jpg) top left repeat-x;
	width: 100%;
	padding: 10px 0px 35px 0px;
}

#footer{
	width: 730px;
	padding: 0px 0px 0px 220px;
	color: #999999;
	margin-top: 15px;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
}

#footerStart {
	padding-left: 15px;
}

#footer a{
	color: #999999;
	text-decoration: underline;
	padding-right: 15px;
}

#footer a:hover{
	color: #999999;
	text-decoration: none;
}

#footer p{
	padding-left: 30px;
	padding-top: 10px;
}


#footer ul {
	list-style: none;
	padding-bottom: 25px;
}

#footer ul li{
float: left;
padding-bottom: 25px;
}

#footer ul li a{
background: url(../images/footerImages.jpg) bottom no-repeat ;
height: 89px;
display: block;
text-indent: -9999px;
padding: 0;
}

/*#footer ul li a#foot-ceop {	background-position:  0px bottom; width: 115px;}
#footer ul li a:hover#foot-ceop {background-position:  0px top; width: 115px;}

#footer ul li a#foot-police { background-position:  -115px bottom; width: 98px;}
#footer ul li a:hover#foot-police {background-position: -115px top; width: 98px;}

#footer ul li a#foot-interpol { background-position:  -214px bottom; width: 113px;}
#footer ul li a:hover#foot-interpol {background-position: -214px top; width: 113px;}

#footer ul li a#foot-polizia { background-position:  -326px bottom; width: 102px;}
#footer ul li a:hover#foot-polizia {background-position: -326px top; width: 102px;}

#footer ul li a#foot-ncecc { background-position:  -427px bottom; width: 111px;}
#footer ul li a:hover#foot-ncecc {background-position: -427px top; width: 111px;}

#footer ul li a#foot-us-imm { background-position:  -537px bottom; width: 104px;}
#footer ul li a:hover#foot-us-imm {background-position: -537px top; width: 104px;}

#footer ul li a#foot-vgt { background-position:  -642px bottom; width: 87px;}
#footer ul li a:hover#foot-vgt {background-position: -642px top; width: 87px;}*/


#footer ul li a#foot-ceop {	background-position:  0px bottom; width: 100px;}
#footer ul li a:hover#foot-ceop {background-position:  0px top; width: 100px;}

#footer ul li a#foot-police { background-position:  -100px bottom; width: 86px;}
#footer ul li a:hover#foot-police {background-position: -100px top; width: 86px;}

#footer ul li a#foot-interpol { background-position:  -186px bottom; width: 87px;}
#footer ul li a:hover#foot-interpol {background-position: -186px top; width: 87px;}

#footer ul li a#foot-polizia { background-position:  -273px bottom; width: 83px;}
#footer ul li a:hover#foot-polizia {background-position: -273px top; width: 83px;}

#footer ul li a#foot-ncecc { background-position:  -357px bottom; width: 91px;}
#footer ul li a:hover#foot-ncecc {background-position: -357px top; width: 91px;}

#footer ul li a#foot-us-imm { background-position:  -448px bottom; width: 84px;}
#footer ul li a:hover#foot-us-imm {background-position: -448px top; width: 84px;}

#footer ul li a#foot-vgt { background-position:  -532px bottom; width: 90px;}
#footer ul li a:hover#foot-vgt {background-position: -532px top; width: 90px;}

#footer ul li a#foot-eu { background-position:  -622px bottom; width: 107px;}
#footer ul li a:hover#foot-eu {background-position: -622px 2px; width: 107px;}


#clear {
	clear:both;
	padding: 45px 0 0 0;
}


.flash-replaced .alt {
   display: block;
   height: 0;
   position: absolute;
   overflow: hidden;
   width: 0;
}

/* Your Messages Page Styles */

.messageLeft {
float: left;
padding: 0px 45px 0px 50px;
}

.messageRight {
padding: 80px 0px 0px 0px;
}

span.messageButton {
float: right;
padding: 0px 10px 0px 0px;
}

span.messageButton a {
background:url(../images/messageButton.jpg) 0 0;
float: left;
height: 79px;
width: 176px;
text-indent: -9999px;
}

span.messageButton a:hover {
background:url(../images/messageButton.jpg) 0 81px;
}

/* Photo Page Styles */

#fullWidth {
float: left;
color: #fff;
padding-top: 5px;
width: 720px;
}

#fullWidth a {
color: #FFFFFF;
font-weight: bold;
}

.photoLeftTop {
float: left;
padding: 73px 55px 0px 10px;
}

.photoRightTop {
/*padding: 100px 0px 0px 0px;
margin: 143px 0px 0px 0px;*/
padding-top: 150px;
_padding-top: 50px;
}

.photoLeft {
float: left;
padding: 0px 20px 0px 40px;
}

.photoRight {

padding: 93px 0px 0px 0px;
}

span.photoButton {
float: right;
padding: 0px 0px 0px 0px;
}

span.photoButton a {
background:url(../images/photoButtons.jpg) 0 0;
float: left;
height: 79px;
width: 176px;
text-indent: -9999px;
}

span.photoButton a:hover {
background:url(../images/photoButtons.jpg) 176px 0;
}

span.downloadButton{
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 0px;
}

span.downloadButton a {
background:url(../images/photoButtons.jpg) 0 79px;
float: left;
height: 79px;
width: 176px;
text-indent: -9999px;
}

span.downloadButton a:hover {
background:url(../images/photoButtons.jpg) 176px 79px;
}

div#photosBox {
background: url(../images/photoBoxBottom.jpg) bottom left no-repeat;
}

span.photosBoxTop {
background: url(../images/photoBoxTop.gif) bottom left no-repeat;
height: 22px;
display: block;
margin: 10px 0px 0px 0px;
}

span.photosBoxTopInner {
background: url(../images/photoBoxTopInner.jpg) bottom left no-repeat;
height: 29px;
display: block;
}

/* Photo Pod */

div#photoPod {
background: url(../images/photoPodBackground.gif) top left no-repeat;
height: 130px;
}

div#photoNavigation {
float: left;
padding: 0px 0px 20px 9px;
}

div#photoNavigation a {
margin: 0px 19px 0px 19px;
text-decoration: none;
color: #196cae;
}

div#photoNavigation a:hover {
color: #3c97df;
}

/* Library Page */

body#library #fullWidth ul {
padding: 15px 0px 40px 0px;
}

body#library #fullWidth ul li {
list-style: none;
float: left;
display: inline;
padding: 0px 20px 0px 0px;
}

body#library div#fullWidth a {
color: #196cae;
text-decoration: none;
}

body#library div#fullWidth a:hover {
color: #3c97df;
text-decoration: none;
}

/* Apply Form Page */

fieldset {
	border: none;
	margin-top:10px;
	float: left;
}

fieldset div{
	margin: 10px 0px 0px 0px;
	color:#fff;
	width: 235px;
}

label{
	width: 217px;
	text-align: left;
	float:left;
	margin-right: 10px;
	color: #000000;
}

input {
width: 217px;
background-color: #ebf4fd;
border: #999999 1px solid;
}

select {
width: 217px;
background-color: #ebf4fd;
border: #999999 1px solid;
}

legend {
	font-weight: bold;
	color:#000000;
}

RequiredFieldValidator {
	border: 10px solid #fff;
}

#InterestFormControl_Step1NextLinkButton {
	margin-left: 280px;
}

#InterestFormControl_ParentMobilesListBox,
#InterestFormControl_ParentEmailsListBox {
	width: 155px;
	border: 1px solid #ccc;
}

#InterestFormControl_ShortEssayTextBox{
background-color: #ebf4fd;
border: #999999 1px solid;
width: 693px;
float: left;
margin: 10px 0px 0px 0px;
}

object#worldMap {
margin: 25px 0px 0px 0px;
display: block;
}

div#InterestFormControl_Step1Panel {
background: url(../images/applyFormBgStep1.gif) top left no-repeat;
width: 718px;
margin: 25px 0px 0px 0px;
padding: 35px 0px 0px 10px;
float: left;
}

div#InterestFormControl_Step2Panel {
background: url(../images/applyFormBgStep2.gif) top left no-repeat;
width: 718px;
margin: 25px 0px 0px 0px;
padding: 20px 0px 0px 10px;
float: left;
}

div#InterestFormControl_Step3Panel {
background: url(../images/applyFormBgStep3.gif) top left no-repeat;
width: 718px;
margin: 25px 0px 0px 0px;
padding: 20px 0px 0px 10px;
float: left;
}

div#InterestFormControl_ThankyouPanel {
background: url(../images/applyFormBgStep4.gif) top left no-repeat;
width: 718px;
margin: 25px 0px 0px 0px;
padding: 20px 0px 0px 10px;
float: left;
}

div#formBottom {
background: #FFFFFF url(../images/applyFormBgBottom.gif) bottom left no-repeat;
width: 718px;
height: 19px;
float: left;
margin: -5px 0px 0px 0px;
}

div#InterestFormControl_Step1Panel p, div#InterestFormControl_Step2Panel p, div#InterestFormControl_Step3Panel p, div#InterestFormControl_ThankyouPanel p {
color: #545454;
}

a#InterestFormControl_Step1NextLinkButton {
color: #1271b5;
float: right;
margin: 95px 30px 0px 0px;
}

a#InterestFormControl_Step2NextLinkButton, a#InterestFormControl_Step3NextLinkButton, a#InterestFormControl_Step3ApplyButton {
color: #1271b5;
float: right;
margin: 10px 30px 0px 0px;
}

a#InterestFormControl_Step2PreviousLinkButton, a#InterestFormControl_Step3PreviousLinkButton {
color: #1271b5;
float: left;
margin: 10px 30px 0px 0px;
}

a#InterestFormControl_ParentEmailAddLinkButton, a#InterestFormControl_ParentsMobileAddLinkButton, a#InterestFormControl_ParentsEmailClearLinkButton, a#InterestFormControl_ParentsMobilesClearLinkButton {
color: #1271b5;
text-align: right!important;
}

div#InterestFormControl_Step1Panel a:hover, div#InterestFormControl_Step2Panel a:hover, div#InterestFormControl_Step3Panel a:hover {
color: #63a0cb;
}

select#InterestFormControl_ParentEmailsListBox {
width: 217px;
}

select#InterestFormControl_ParentMobilesListBox {
width: 217px;
}

img.errorAsterix {
float: right;
margin: -32px 10px 0px 0px;
}

img.errorAsterixLargeBox {
float: right;
margin: -80px 10px 0px 0px;
}

div#InterestFormControl_Step1ValidationSummary, div#InterestFormControl_Step3ValidationSummary {
background-color:#FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px 0px 20px 25px;
width: 600px;
}

div#InterestFormControl_Step2ValidationSummary {
background-color:#FFFFFF;
margin: 15px 0px 0px 0px;
padding: 10px 0px 20px 25px;
width: 600px;
}

span#InterestFormControl_ParentEmailAddErrorLabel, span#InterestFormControl_ParentsMobileErrorLabel, span#InterestFormControl_ParentEmailAddErrorLabelMax, span#InterestFormControl_ParentsMobileErrorLabelMax {
color: #ff0000;
}
