div.box {
	border: 1px #000000 solid;
	width: 700px;
}
h2 {
	text-transform: uppercase;
}

pre {
	text-align: left;
	font-size: 12px;
	color: #000;
	margin: 10px 40px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fffff0;
}

/*
h1.ex2 and div.nav2 are used to change the appearance of the box in example2.html.
Normally you would just define these as h1 and div.nav and simply override the values
set in basic.css
*/
h1.ex2 {
	margin: 0;
	background-color: #ffc;
}

div.nav {
	background-color: #006699;
	margin: 0px 0;
	padding: 9px 0;
	text-align: center;
	;
	width: 700px;
	border: 0px solid;
	color: #FFFFFF;
}

div.nav a {
	font-size: 12px;
	text-decoration: none;
	text-transform: none;
	padding: 3px 3px;
	border: 1px #FFFFFF solid;
	margin: 10px 0px;
	color: #FFFFFF;
; font-family: Verdana, Arial, Helvetica, sans-serif
}

div.nav a:visited {
    background-color : transparent;
    color : #CCCCCC;
}

div.nav a:hover {
	border: 1px #FFFFFF solid;
	color: #000000;
	background-color: #FFFFFF;
}


/* tidying up navigation with a placeholder for the current page */
div.nav a.here {
	text-decoration: none;
	color: #FF0000;
	background-color: #fff;
	border-color: #fff;
}

p.subtitle {  color: #FF0000; text-align: center}
p.price {
    margin-left : 75px;
    margin-right : 75px;
	text-align: center;
}
.full {  color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.section {  font-size: 12px; color: #FFFFFF; background-color: #006699; text-align: center; padding-top: 4px; padding-bottom: 4px; font-style: normal; font-weight: bold}


h1 { color: #003399}

h1 { 
	text-transform: none;
 } 
 
 div.nav a.message{
	color: #00008B;
	text-decoration:underline;
	font-weight: bold;
}