/* For Index only
   Coder: WHOptimization
   Date: 7.14.08
*/

/* ..Content.. */

body {
	margin-top: 0px;

	}


.style12 {font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 16px; 
	color: #000066; 
	}

.style3 {color: #FF0000
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding-left: 10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	border:none;
	}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px
	}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px
	}
p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	border:none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}
	
p.spacing {
	margin-top: 0px;
	margin-bottom: 4px;
	padding-left:10px;
	padding-right:10px;
	}
		
ul {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	border:none;
	margin-left:50px;
	margin-right:50px;
	list-style-type: none;/*don't remove */ 
	}
	
ul li {
	padding-top:15px;
	padding-bottom:0px;
	background: url(images/crown.jpg) 0px 16px no-repeat;/*don't remove */
	padding-left:20px;
	}

	
#footer {
	border:none;
	/* background-color:#33CCFF; */
	background-image:url(/images/footer-bkgr.gif);
	background-repeat:norepeat;
	padding-bottom:8px;
	padding-top:5px;
	}
	
	
/* ..Table Entities.. */
#table {
	border-color:none;
	}
#one {
	border-color:none;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	}
	
#one td tr {
	border-color:none;
	}
			
	




/********************
  STEP ONE CALENDAR
********************/
#calendar
{
 width: auto;
 height: auto;
}

#calendar table
{
 width: 420px;
 height:275px;
 border: 1px solid #000;
 margin: 20px; 
}

#calendar th
{
 width: auto;
 height:25px;
 background: #dad9c5;
 color: #1a1883;
 font-weight: 500;
 font-size: 11pt;
 text-align: left;
 padding-left: 20px;
}

#calendar td
{
 width: 60px;
 height:50px;
 font-size: 9pt;
 background: #f0f0f0;
 vertical-align:top;
}

#calendar .smallcell td
{
 width: 60px;
 height:25px;
 background: #dad9c5;
 text-align: center;
 font-size: 11pt;
}

#calendar a
{
 text-decoration: none;
 display: block;
 width: 100%;
 height: 100%;
 /*padding-top: 5px;
 padding-left: 5px;*/
}

#calendar a:link, #calendar a:visited
{
 background: #88c5fe url(/images/crown.gif) center center no-repeat;
 color: #1a1883;
}

#calendar a:hover, #calendar a:active
{
 background: #dad9c5  url(/images/crown-over.gif) center center no-repeat;
}

a.normallink, a.normallink:link, a.normallink:visited{
   background: #88c5fe;
   color: #1a1883;
}
a.normallink, a.normallink:hover, a.normallink:active{
   background: #dad9c5;
}

/************************
  STEP TWO SHIP LAYOUT
*************************/

#shiplayout
{
 width: 500px;
 height: auto;
 font-size: 9pt;
}

#shiplayout table
{
 width: 100%;
 height: 500px;
 text-align: center;
 border: 1px solid #000;
 margin: 5px;
 color: #000;
 font-size:10px;
 font-weight: bold;
}

#shiplayout th
{
 width: auto;
 height: auto;
 text-align: center;
 background: #dad8c1;
}

#shiplayout td
{
 width: auto;
 height: auto;
 vertical-align: middle;
}

.darkblue
{
 background: #99ccff;
}

.lightblue
{
 background: #eaf4ff;
}

#shiplayout a
{
 color: #1a1883;
 text-decoration: none;
 display: block;
 width: 100%;
 height: 100%;
}

#shiplayout a:link, #shiplayout a:visited
{
}

#shiplayout a:hover, #shiplayout a:active
{
 background: #dad9c5;
}

#shiplayout a.but
{
 text-decoration: none;
 display: block;
 width: 55px;
 height: 22px;
 background: url(images/but-click.gif) center center no-repeat;
 background: url(images/but-over.gif) center center no-repeat;
}

#shiplayout a.but:link, #shiplayout a.but:visited
{
 background: url(images/but.gif) center center no-repeat;
}

#shiplayout a.but:hover
{
 background: url(images/but-over.gif) center center no-repeat;
}

 #shiplayout a.but:active
{
 background: url(images/but-click.gif) center center no-repeat;
}

/************************
   STEP THREE LISTMENU
*************************/

#listmenu 
{
 width: auto;
 height: auto;
}

#listmenu form
{
 margin: 20px;
}

#listmenu select
{
 color: #1a1883;
 /*font-weight: 500;
 font-size: 10pt;
 border: 1px solid #1a1883;*/
}

#listmenu input
{
 margin-left: 10px;
 color: #1a1883;
}

/************************
   STEP FOUR SHIPBOX
*************************/

#shipbox 
{
 width: auto;
 height: auto;
}

#frame
{
 width: 470px;
 height:350px;
 border: 1px solid #88c5fe;
 margin: 20px;
 font-size: 10pt;
 font-weight: 100;
}

#frame h3
{
 font-size: 12pt;
 color: #FFF;
 background: #88c5fe;
 padding: 10px;
 text-align: right;
}

#frame h3 span
{
 color: #000;
 margin-left: 20px;
}

#frame img
{
 margin: 10px;
 margin-top: 30px;
 float: left;
}

#frame strong
{
 font-size: 12pt;
}

#frame #text
{
 margin-top: 20px;
 float: left;
 width: 250px;
}

#frame #buttons
{
 margin-top: 30px;
 /*margin-right: 20px;*/
 width: 430px;
 height: 30px;
 text-align: right;
 float: left;
 padding-top: 10px;
 padding-bottom: 10px;
}

#frame #buttons a
{
 text-decoration: none;
 color:#1a1883; 
 width: auto;
 height: auto;
 border: 1px solid #88c5fe;
 padding: 5px;
}

#frame #buttons a:link, #frame #buttons a:visited
{
 border: 1px solid #88c5fe;
}

#frame #buttons a:hover
{
background: #88c5fe;
}


/************************
  STEP FIVE INFOFORM
*************************/

#infoform 
{
 width: 500px;
 height: auto;
}

#infoform table
{
 width: 100%;
 height:auto;
 border: 1px solid #88c5fe;
 margin: 5px; 
}

#infoform table em
{
color:#F00; 
}

#infoform table th
{
 background: #88c5fe;
 text-align: left;
 padding-left: 5px;
 height:  30px;
}

#infoform table td
{
 width: 240px;
 height: 20px;
 padding-left: 10px;
}

#infoform th
{
 background: #88c5fe; 
}

#infoform #table2
{
 width: 550px;
 height:100px;
 border: 1px solid #88c5fe;
 margin: 5px; 
}

#infoform #table2 th
{
 width: 100%;
 height:30px;
}

/************************
  STEP SIX THANKYOU
*************************/

#thankyou
{
 width: auto;
 height: auto;
}

#thankyou table
{
 width: 100%;
 height:auto;
 margin: 20px; 
}