/*************************************************

SITENAME				 
DATE									
BY 76design			


***************************************************
	GLOBAL
*/

*{ margin: 0; padding: 0 }

BODY {
	background: url(../images/orangebgtile.jpg) center top repeat-x;
	font: 10pt Helvetica, Arial, sans-serif;
	text-align: center; }
A{ text-decoration:none; }
A IMG{ border: none; }
	
FIELDSET{
	padding: 0;
	border: none; }

.alignleft{
	text-align: left; }
.alignright{
	text-align: right; }
	
.clear{
	clear: both; }
.clear-left{
	clear: left; }
.clear-right{
	clear: right; }
	
.float-left,
.left{
	float: left; }
.float-right,
.right{
	float: right; }	
	
.highlight{
	background: yellow !important; 
}
	
H2{
	position: relative;
	color: #5b5b5b; 
	font-size: 16pt;
	margin: 0 0 1em 0; }	
H3{
	color: #659ac8; }
	
A{ 
	color: #5b5b5b;
	text-decoration: underline; }
A:hover{
	text-decoration: none; }
	
	
	
/***************************************************
	SUBMISSION DEADLINE
	
SPAN#submissiondeadline{
	position: absolute;
	top: 5px; right: 5px;
	display: block;
	text-indent: -900em;
	overflow: hidden;
	width: 146px; height: 41px;
	background:url(../images/submissiondeadline.gif) no-repeat top left; 
}
*/


/***************************************************
	STRUCTURE
*/
#wrapper{
	width:830px;
	margin: 0 auto;
	text-align: left; }
	
	
#col-left{
	float: left;
	margin: 2em 0 0 0;
	color: #323232;
	width: 592px; }
		
#col-right{
	margin: 2em 0 0 0;
	float: right;
	width: 214px; }
	
	
/***************************************************
	CONTENT PAGES
*/	
#content-page{
	color: #5b5b5b; }
#content-page p{
	margin: 0 0 1em 0; }
	
#content-page H3{
	margin: 1.5em 0 0.25em 0; }
	
	

/***************************************************
	PAGE HEADER
*/	
#wrapper-header{
	text-align: left;
	width: 830px;
	margin: 0 auto; }

H1#missionformemories A{
	position: relative;
	margin: 55px 0 0 0;
	background: url(../images/header.jpg) top left no-repeat;
	display: block;
	width:355px;
	height: 59px; 
	text-indent: -900em;
	overflow: hidden; }

#banner{
	position: relative;
	padding: 10px 0 0 0;
	height: 130px; }
#banner img{ /* 3 photo imgbox */
	position: absolute; 
	top: 14px; right: 0; }	


/***************************************************
	NAV
*/
#wrapper-nav{
	padding: 6px 0;
	border-top: solid 2px #286091; 
	border-bottom: solid 1px #0e3e85;
	background: #3278b5; }
	
.nav{
	margin: 0 auto;
	width: 830px;
}


#topmenu{
	margin: 0 auto;  }
#topmenu li,
.navmenu li{
	margin: 0 8px 0 0;
	font-weight: bold;
	font-size:10pt;
	background: #3d8ac4 url(../images/nav-topleft.gif) top left no-repeat;
	list-style: none; 
	float: left; }
#topmenu LI A,
.navmenu LI A{
	text-decoration: none;
	background: url(../images/nav-topright.gif) top right no-repeat;
	padding: 8px 12px;
	display: block;
	color: #fff }
#topmenu LI A:hover,
.navmenu LI A:hover{
	color: #333; }
	
#topmenu SPAN.bl,
.navmenu SPAN.bl{
	display: block;
	background: url(../images/nav-bottomleft.gif) bottom left no-repeat;	}
#topmenu SPAN.br,
.navmenu SPAN.br{
	display: block;
	background: url(../images/nav-bottomright.gif) bottom right no-repeat;	}
	
	
#langmenu{
	float: right; 
}
	
	
	
/***************************************************
	SECTION HEADERS 

h2#header-camera, 
h2#header-mailbox,
h2#header-warning{
	color: #fff;
	font-size: 13pt;
	padding: 18px 0 0 60px;
	margin: 15px 0;
	width: 531px;
	height: 33px; }
h2#header-camera{
	background: url(../images/cameraheader.gif) top left no-repeat; }
h2#header-mailbox{
	background: url(../images/mailboxheader.gif) top left no-repeat; }
h2#header-warning{
	background: url(../images/warningheader.gif) top left no-repeat; }
*/
	
	
/***************************************************
	EXCERPT BOX
*/
BLOCKQUOTE#excerpt{
	position: relative;
	padding: 10px;
	background: #fcd391;
	border: solid 1px #fab14a; }
	
A.button{
	display: block; 
	width: 84px;
	height: 28px;
	background:url(../images/orangebutton.gif) top left no-repeat; 
	color: #fff;
	font-weight: bold; 
	font-size: 8.5pt;
	text-align: center;
	text-decoration: none; 
	line-height: 2.6em;
	border: none;
}	
A.button:hover{
	color: #333; }
	
A#readmore{
	position: absolute;
	right: 10px; bottom: 10px;  }

	
	

#excerpt P{
	margin: .5em 110px .5em 0;
}

/*
SPAN#minicalendar{
	background: url(../images/minicalendar.png) no-repeat top left;
	display: block;
	width: 88px; height: 96px;
	z-index: 1000;
	position: absolute;
	top: 10px; 
	left: -35px; }
*/	


/***************************************************
	FORM: TABS
*/

OL#tabs{
	list-style: none;  }
#content OL#tabs LI{
	line-height: 1em;
	background: #3278b5 url(../images/tab-inactive-topleft.png) top left no-repeat; 
	float: left; }
#content OL#tabs H3{
	color: #9ab9d5;
	font-size: 10.5pt;
	padding: 10px 14px 10px 10px;
	background: url(../images/tab-inactive-topright.png) top right no-repeat; }
#content OL#tabs LI .stepnumber{
	color: #bbd2e6; }
	
#content OL#tabs LI.active{
	background: #fcd391 url(../images/tab-active-topleft.png) top left no-repeat; }
#content OL#tabs LI.active .stepnumber,
#content OL#tabs LI.active{
	color: #635e57; }
#content OL#tabs LI.active H3{
	color: #766d5e;
	background: url(../images/tab-active-topright.png) top right no-repeat; }

#tabs span.stepnumber{
	font-size: 8pt;
	display: block;  }
	

/***************************************************
	FORM: PLAIN ORANGE
*/	
.orange{
	width: 571px;
	margin-top: -15px;
	padding: 10px;
	background: #fcd391; }
.orange P{
	margin: 0 0 10px 0; }
	
.orange INPUT{
	width: 250px;
	padding: 4px; 
	color: #666;
	border: solid 1px #a5a5a5;
	font: 11pt Helvetica, Arial, sans-serif; }
.orange INPUT.submit{
	font-size: 10pt;
	width: auto;
	padding: 4px;
	color: #000;}
	
.orange .success{
	background: #fff;
	color: #89b847;
	padding: 6px;
	font-size: 12pt; 
	margin: 5px; }
	
.orange .error{
	font-weight: bold;
	color: red; 
	background: #fff;
	padding:  6px; }


/***************************************************
	FORM: FORM FIELDS
*/
FORM P.desc{
	margin: 1em 1em 0 1em; }

#submissionform{
	font-size: 10pt;
	padding: 15px 0 0 0;
	clear: left;
	background: #fcd391; }
	
#submissionform P.error,
#submissionform LABEL.error{ /* errors */
	margin:0; padding: 0;
	width: auto;
	background: none;
	float: none;
	display: block;
	color: red;
	font-size: 8pt;
	font-weight: bold; }
		
	#submissionform .next LABEL.error{
		display: inline;}
	
#submissionform .step{ /* wrapper for each step */ }

#submissionform OL{
	padding: 10px; }
	/*
#submissionform OL.float-left,
#submissionform OL.float-right{
	.margin: 0 0 15px 0;
}*/
	
#submissionform LI{
	list-style: none;
	margin: 12px 0; }

#submissionform OL LABEL{
	float: left;
	display: block;
	width: 100px;
	line-height: 2em;
	font-size: 10pt; 
	font-weight: bold; }
	
#submissionform OL LI.nofloat LABEL{
	display: inline; 
	float: none;
	width: auto; }	
#submissionform LI.nofloat INPUT{
	width: auto; }

#submissionform UL.checkboxes{
	height: 2em;
	margin: 0 0 20px 0; }
#submissionform UL.checkboxes LABEL{
	font-weight: normal;
	font-size: 8pt; }
#submissionform .checkboxes LI{
	margin: 0;
	float: left;
	width: 150px;  }

	
#submissionform OL INPUT, 
#submissionform OL SELECT,
#submissionform OL TEXTAREA{
	width: 150px;
	padding: 4px; 
	color: #666;
	border: solid 1px #a5a5a5;
	font: 9.5pt Helvetica, Arial, sans-serif; }
#submissionform OL SELECT{
	padding: 2px; }
#submissionform OL TEXTAREA{
	margin: 0 15px 0 0;
	width: 98%; }
	
#submissionform OL P{
	color: #46351e;
	font-size: 8pt;
	padding: 3px;
	background: #fbc575; }

/* -- Next Step (darker orange bg) */	
INPUT.button.prevstep,
INPUT.button.nextstep{
	float: right;
	padding:4px;
	margin: 0; }

p.next{
	line-height: 2.5em;
	height: 2.5em;
	clear: both;
	background: #fab14a; 
	padding: 8px; }
p.next input{ /* checkbox */
	margin: 0 5px 0 0; }
p.next a{
	color: #333; 
	text-decoration: underline; }
p.next a:hover{
	color: #fff; }
	
#gotoStep2, 
#gotoStep3,
#gobacktoStep1,
#gobacktoStep2{ /* hide by default for users without js */
	display: none; }
	
	
	
/***************************************************
	SUBMIT YOUR MEMORY BY MAIL
*/
DIV.right-buttons{
	text-align: center;
	float: right; }	
.right-buttons A{
	font-size: 8pt;
	color: #4c89be;
	margin: 0 0 5px 0; }
.right-buttons A:hover{
	color: #333; }
	
DIV.submitbymail{
	width: 375px; }	
DIV.submitbymail P{
	margin: 0 0 1em 0; }
	
A#button-downloadform{
	display: block;
	width: 207px;
	height: 45px; 
	background: url(../images/downloadform.png) top left no-repeat;
	text-indent: -900em;
	overflow: hidden; }	
A#button-downloadform:hover{
	background: url(../images/downloadform.png) bottom left no-repeat; }
	
	
	
/***************************************************
	SIDEBAR
*/
#col-right{ 
	font: 9pt/1.2 Helvetica, Arial, sans-serif}
#col-right p{
	margin: 0.25em 0 1em 0;
	font-size: 9pt; }

#col-right .widget{
	line-height: 1.3em;
	
	margin: 0 0 20px 0; }
#col-right .widget.btmbrd{
	background: url(../images/sidebar-divider.jpg) bottom center no-repeat;
	padding: 0 5px 28px 5px; } 
	
#col-right blockquote{
	background:url(../images/quotebg.png) no-repeat top left; 
	padding: 24px 0 8px 0; }
#col-right cite{
	margin: 0 0 1em 0;
	display: block;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 8pt;
	color: #f99e1d; }

#col-right INPUT{
	font-size: 8pt;
	padding: 3px; }
	
#col-right H3{
	color: #5B5B5B; }
	
	

/***************************************************
	FOOTER
*/	
#footer{
	overflow: hidden;
	color: #3278b5;
	font-size: 8pt; 
	padding: 60px 14px 40px 14px;
	background: url(../images/footer.jpg) no-repeat; }
#footer A{
	color: #565656;
	text-decoration: underline; }
#footer A:hover{
	text-decoration: none; }
	
#footer P#sponsors{
	padding: 0.5em 0 1em 0;
	float: right;
	margin: -1em 0 0 0;
	font-weight: bold;  }
#footer P#sponsors IMG{
	margin: 0 0 -1em 0; }
	
	
/***************************************************
	DOWNLOAD SITE 
*/	

#downloadbubble{
	margin-top: 10px; 
	position: relative;
	color: #16335b;
	padding: 5px 5px 0 5px;
	background: #d8e5f0 url(../images/downloadnow.jpg) 0 0 no-repeat;
	overflow: hidden; height: 1%;
}

#downloadbubble H2{
	color: #16335b;
	margin: 0 0 10px 0; padding: 0;
	font-size: 1.3em;
}

#downloadbubble P{
	margin: 0 0 1em 0;
}

#download-wrap P{
	margin: 0 0 0 0;
}


DIV#downloadnow{
	text-align: center;
	border: solid 2px #F99E1D;
	padding: 20px 5px;
	background: #FCD391;
	font-size: 85%;
}
DIV#downloadnow img{
	margin-bottom: 5px; }


/* -- CONTENT */
#downloadbuble-content{
	float: right;
	width: 340px;
	padding: 25px 10px 5px 0;
}

#corner-bl,
#corner-br{
	display: block; 
	width: 9px; height: 14px;
	position: absolute;
}
#corner-bl{
	background: url(../images/downloadcorner-left.gif) bottom left no-repeat; 
	bottom: -1px; left: 0;
}
#corner-br{
	background: url(../images/downloadcorner-right.gif) bottom right no-repeat; 
	bottom: -1px; right: 0;
}

.addtinfo{
	text-align: left;
	font-size: 10px; 
}


/* -- DOWNLOAD FLASH */
#download-wrap{
	margin-top: 160px;
	width: 215px;
	float: left;
}	



/* -- CALENDAR FEATURES */
#calendar-features{
	margin: 15px 0 0 0;
}
#calendar-features .left{
	width: 376px;
}
#calendar-features .right{
	width: 210px; 
}

#calendar-features h3{
	text-align: center;
	font-size: 1.2em;
	color: #16335b;
	background: url(../images/blue-hazy-headerbg.gif) bottom center no-repeat;
	padding: 5px 0 15px 0;
}

#calendar-features ol{
	list-style: none;
}
#calendar-features ul{
	padding: 0 0 0 18px;
}
#calendar-features li{
	margin: 0 0 5px 0;
}


#calendar-features label{
	font-size: .8em; 
	font-weight: bold;
}
#calendar-features input.text,
#calendar-features textarea.text{
	font: 1em arial, helvetica, sans-serif;
	width: 200px;
	padding: 2px;
}

#calendar-features .response{
	background: #fde7c6;
	padding: 6px;
}
	

/*	
#logo-pfizer{
	display:block; 
	background:url(../images/pfizerlogo.gif);
	width: 48px; height: 29px; }
#logo-carp{
	display: block; 
	background: url(../images/carplogo.gif);
	width: 79px; height: 29px; }
*/