/* http://thesavvytraveler.com/savvy.css */

/* Global Styles */

/*  THEME NAME: DEFAULT
    DESCRIPTION: Uses standard Savvy Traveler colours

    COLORS USED:
    #112233: page header background
    #00375B: top nav box background
    #006666: top nav box (normal), all links
    #CC0000: top nav box (selected), all links when selected, left nav box background (selected)
    #FFFFFF: body background, left nav box background, header text, top nav box text
    #EEEEEE: sub nav background, header background

*/

body {
	margin:0;
        font-family: verdana, sans-serif;
        font-size: 14px;
        color: #112233;
	}

a {
	    text-decoration: none;
            font-weight: bold;
            color: #006666;
	}
	
a:hover {
	    color: #cc0000;
            text-decoration: underline;
	}

img.floatLeft {
       float : left;
       margin : 10px;
}

img.floatRight {
       float : right;
       margin : 10px;
}

img.floatCenter {
       float : center;
       margin : 10px;
}

img.floatRight {
       float : right;
       margin : 10px;
}

.p-shadow-left {
  float:left;
  background: url(http://www.itapestry.com/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.itapestry.com/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow-left div {
  background: none !important;
  background: url(http://www.itapestry.com/images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow-left p{
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

.p-shadow-right {
  float:right;
  background: url(http://www.itapestry.com/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.itapestry.com/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow-right div {
  background: none !important;
  background: url(http://www.itapestry.com/images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow-right p{
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

/*** block titles ***/

h1.title1 {color: #00375B; background: #EEE; width: 99%; font-style: italic;
   text-align: left; font-size: 22px; padding: 5Px; margin: 10px 20px 10px 0px;}
h2.title2 {color: #00375B; background: #EEE; width: 75%; font-style: italic;
   text-align: center; font-size: 18px; padding: 5Px; margin: 10px 20px 10px 0px;}
h3.title3 {color: #00375B; background: #EEE; width: 50%; font-style: italic;
   text-align: center; font-size: 13px; padding: 5Px; margin: 10px 20px 10px 0px;}
h3.submenu {color: #00375B; background: #EEE; width: 99%;font-weight: normal;
   text-align: center; font-size: 12px; padding: 5Px; margin: 10px 20px 10px 0px;}
h3.pagemenu {color: #00375B; background: #EEE; width: 99%;
   text-align: center; font-size: 12px; padding: 5Px; margin: 10px 20px 10px 0px;}


/*** end insert ***/


/***** topnav *****/

td.topnav {
        font-size: 12px;
	min-width: 600px;  
	height: 20px; 
        padding: 2px 0 0px 0;
	border-bottom: 1px solid #999;
	background: #00375B;
	z-index: 10;
}
		
.topnav ul {
	list-style: none;
	display: inline;
}

.topnav li {
	list-style: none;
	display: inline;
	width: 144px;   /*** change left padding here ***/
}

.topnav li a:link, .topnav li a:active, .topnav li a:visited  {
	float: left; 
	display: block;
	color: #FFF;
    font-weight: normal;
	background: #006666;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 0px none;
	padding: 4px 2px 0px 5px;
	margin: 0 0px -1px 4px;
	text-decoration: none;
	height: 20px;  /*** adjusts block height ***/
	width: 68px;   /*** adjusts block width ***/
	voice-family: "\"}\""; 
 	voice-family: inherit;
}
	
.topnav li a.selected  {
	background: #CC0000;
}
	
/* only IE mac will see this */
*>html .topnav li a  {
	margin-bottom: 0;
}

/* only IE mac will see this */
*>html .topnav li a.selected  {
	margin-bottom: 0;
}

.topnav ul li a:hover  {
	color: #FFF;
	background: #CC0000;
	text-decoration: none;
}

/***** End topnav *****/



/* ID Styles */

#navigation td {
	font-family: verdana, sans-serif; 
	font-size: 10x;
        border-bottom: 1px solid #69C;
        border-right: 1px solid #69C
	}
	
#navigation a {
	color: #006666;
	line-height:10px;
	letter-spacing:.1em;
	text-decoration: none;
        font-weight: normal;
	display:block;
	padding:4px 2px 4px 2px;  
	}
	
#navigation a:hover {
	background: #CC0000;
	color: white;
	}
	
#footer 	{	
	font-size:12px;
	color: #112233;
	}

#logo 	{
	font-size:45px;
	font-family: Times, serif;
	color: #fff;
	letter-spacing:.2em;
	line-height:50px;
	}

#tagline 	{	
	font-size:25px;
	font-family: Times, serif;
	color: #fff;
	letter-spacing:.1em;
	line-height:30px;
	}
	
/* Class Styles */
	
.bodyText {
	line-height:20px;
	margin-top:0;
	}
	
.subHeader {
	font-size 11px;
	font-weight: normal;
	color: #00375B;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font-size: 20px;
	color: #0033FF;
	line-height:30px;
	}
	
.smallText {
	font-size: 8px;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font-size: 10px;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
IMG.header {
        display: block;
        margin-left: auto;
        margin-right: auto 
        }

/* EOF */