body {
/* to have the layout centered */
    margin: 0px auto;
    padding: 0px;
    background: url(background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #277aeb;
	background-position: top; 
}

#container {
/* re-aligning the text correctly to the left */     
	text-align: left;
/* margins at top and bottom are 0px but on the sides, "auto" will center the layout */
    margin: 0px auto;
    padding: 0px;
/* sets the layout width */
    width: 700px;
    background: #ffffff;
    padding-left: 0px;
}
 
#header{
	margin: 0px auto;
    padding: 0px;
    padding-left: 0px;
    width: 700px;
    height: 155px;
    background: #277aeb;
    background: url(savvy_topheader.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#navmenu {
    width: 852px;
    height: 94px;
    margin: 0px auto;
/* float it to the left of the text */
    background: #337cd7;
    background: url(savvy_menu.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#nav {
    width: 555px; height: 20px;
    margin: 0px auto; padding-top: 10px;
	}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    top: 0;}
  #nav li, #nav a, #nav ul {
    height: 55px; display: block;}

#home{ 
	height:20px; 
	width:115px; 
	float:left;
	}
	#home a { 
		height:40px; 
		width:115px; 
		background:url(home_sprite.gif) no-repeat 0px 0px;
		 }
	#home a:hover {	
		background-position: 0 -41px;
		}
	#home a:active {
		background-position: 0 -41px;
		}

#homehover{
	float:left;
	height:40px; 
	width:115px; 
	background:url(home_sprite.gif) no-repeat 0px 0px;
	background-position: 0 -41px;
}
		
#author{ 
	margin:56px 0px 0px 200px;
	height:42px; 
	width:130px; 
	float:left;
	}
	#author a { 
		height:42px; 
		width:130px; 
		background:url(author_sprite.gif) no-repeat 0px 10px;
		}
	#author a:hover {	
		background-position: 0 -33px;
		
		}
	#author a:active {
		background-position: 0 -33px;
		
		}

#authorhover{
	margin:56px 0px 0px 200px;
	height:42px; 
	width:130px; 
	float:left;
	background:url(author_sprite.gif) no-repeat 0px 10px;
	background-position: 0 -33px;
}
		
#excerpt { 
	margin:34px 0px 0px 235px;
	height:55px; 
	width:145px; 
	float:left;
	}
	#excerpt a{ 
		height:60px; 
		width:145px; 
		background:url(excerpt_sprite.gif) no-repeat 0px 23px;
		}
	#excerpt a:hover {	
		background-position: 0 -43px;
		
		}
	#excerpt a:active {
		background-position: 0 -43px;
		
		}

#excerpthover { 
	height:55px; 
	width:145px; 
	float:left;
	background:url(excerpt_sprite.gif) no-repeat 0px 10px;	
	background-position: 0 -43px;
	}
		
#resources{ 
	margin:32px 0px 0px 380px;
	height:60px; 
	width:150px; 
	float:left;
	}
	#resources a{ 
		height:60px; 
		width:150px; 
		background:url(resources_sprite.gif) no-repeat 0px 23px;
		}
	#resources a:hover {	
		background-position: 0 -25px;
		
		}
	#resources a:active {
		background-position: 0 -25px;
		
		}

#resourceshover { 
	height:60px; 
	width:150px; 
	float:left;
	background:url(resources_sprite.gif) no-repeat 0px 23px;
	background-position: 0 -25px;
	}

#banner {
	margin: 0px auto;
    padding: 0px;
    width: 700px;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
    text-align: center;
/* float it to the left of the text */

}


#ingridbanner {
	margin: 0px auto;
    padding: 0px;
    width: 700px;
    margin: 0px 0px 0px 0px;
}

#authortext {
	width: 300px;
	height: 300px;
	margin-left: 100px;
    padding-right: 25px;
}


#homeimage {
	margin-right: 10px;
	padding-top: 70px;
    width: 292px;
/* float it to the right of the text */
    float: right;
    background: #ffffff;
}

#hometext {
    width: 353px;
	padding-left: 25px;
	padding-top: 25px;
/* float it to the right of the text */
    float: left;
    background: #ffffff;
}

#rimage {
	margin-right: 10px;
	padding-top: 40px;
    width: 225px;
/* float it to the right of the text */
    float: right;
    background: #ffffff;
}

#rtext {
    width: 420px;
	padding-left: 25px;
	padding-top: 10px;
/* float it to the right of the text */
    float: left;
    background: #ffffff;
}


#revimage {
	margin-left: 10px;
	padding-top: 50px;
    width: 200px;
/* float it to the right of the text */
    float: left;
    background: #ffffff;
}

#revtext {
    width: 433px;
	padding-right: 25px;
	padding-top: 50px;
/* float it to the right of the text */
    float: right;
    background: #ffffff;
}



#ingridimage {
	margin-right: 10px;
	padding-top: 50px;
    width: 200px;
/* float it to the right of the text */
    float: right;
    background: #ffffff;
}

#ingridtext {
    width: 525px;
	padding-left: 25px;
/* float it to the right of the text */
    float: left;
    background: #ffffff;
}

#wallpaper {
    width: 650px;
	padding-left: 25px;
/* float it to the right of the text */
    float: left;
    background: #ffffff;
}

#ingridplaylistyellow {
    width: 430px;
    margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fffcf7;
/* float it to the right of the text */
    float: left;
    border-color: #fff4c3;
    border-style: solid;
    border-width: 1px;
    
}

#ingridplaylistorange {
    width: 430px;
    margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fff4c3;
/* float it to the right of the text */
    float: left;
    border-color: #fff4c3	;
    border-style: solid;
    border-width: 1px;
    
}

#spacer {
	height: 75px;
    width: 700px;
    background: #ffffff;
    clear: both;
}


#footer {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 50px;
    text-align: right;
/* clear: both so that it remains at the bottom of the 3 columns */
    clear: both;
    background: #277aeb;
} 

p.smspace {margin: 8px 0px}

.bottomborder {
    border-color: #fff4c3;
    border-style: solid;
    border-bottom: 1px;
}

H1 {
FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 12px;
		   
           color:#000000;
           margin-top:-1px;
           margin-bottom:-1px;
      }

p {
font-family: Trebuchet MS;
color: #4E4A4A;
text-decoration: none;
word-spacing: 2px;
text-align: left;
letter-spacing: 0px;
text-indent: 0px;
line-height: 19px;
font-size: 12px;
}
      
.contact {COLOR: #ffffff; FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, Sans serif; FONT-SIZE: 13px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 15x; TEXT-DECORATION: none}
A.contact:link {COLOR: #FF6600; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.contact:active {COLOR: #FF9900; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.contact:visited {COLOR: #FF9900; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.contact:hover {COLOR: #FF6600; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}


.header {COLOR: #000000; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 17px; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.main:link {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:active {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.main:visited {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:hover {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}


.main {COLOR: #000000; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.main:link {COLOR: #ff7f00; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:active {COLOR: #fba34c; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.main:visited {COLOR: #fba34c; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.main:hover {COLOR: #fba34c; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.copy {word-spacing: 2px; COLOR: #e7f2ff; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 10px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 13px; TEXT-DECORATION: none}
A.copy:link {COLOR: #e7f2ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.copy:active {COLOR: #e7f2ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.copy:visited {COLOR: #e7f2ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.copy:hover {COLOR: #e7f2ff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.copysmall {word-spacing: 2px; COLOR: #123867; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 10px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.copysmall:link {COLOR: #123867; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.copysmall:active {COLOR: #123867; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.copysmall:visited {COLOR: #123867; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.copysmall:hover {COLOR: #123867; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.quote {COLOR: #1e476a; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.quote:link {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.quote:active {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.quote:visited {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.quote:hover {COLOR: #ab1e1e; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.mainwhite {COLOR: #ffffff; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.mainwhite:link {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.mainwhite:active {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.mainwhite:visited {COLOR: #1a2c59; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.mainwhite:hover {COLOR: #ab1e1e; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.question {COLOR: #ff5b2f; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.question:link {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.question:active {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.question:visited {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.question:hover {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.mainorange {COLOR: #4E4A4A; FONT-FAMILY: Trebuchet MS, Arial, Helvetica, Sans serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: 18px; TEXT-DECORATION: none}
A.mainorange:link {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.mainorange:active {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.mainorange:visited {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.mainorange:hover {COLOR: #ff5b2f; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}