/*
Title:          Charm Travel Agency
Author:     	D Edwards, www.lireo.com
Created:    	21 June 2006
Last Updated:   22 August 2006
*/
body {
	min-width: 760px;
	margin: 0;
	padding: 0;
	background: #345989 url(../images/page-bg.jpg) repeat-y top center;
	color: #fff;
	font: 76% verdana, arial, helvetica, sans-serif;
}
#wrapper {
	width: 710px;
	margin: 0 auto;
	text-align: left;
}
#skipnav {
	position: absolute;
	margin: 5px 0 0 -1000px; /* moves links out of window */
	list-style: none;
}
#skipnav li {
	margin: 0;
	padding: 0;
	position: absolute; /* links display in same spot when tabbed to */
}
#skipnav a:focus, #skipnav a:active {
	width: 12em; /* keeps IE from wrapping text at each word, doesn't affect other browsers */
	margin-left: 1000px; /* moves links back in window */
	overflow: visible; /* for IE, doesn't affect other browsers */
	display: block; /* for IE, doesn't affect other browsers */
}
#blah:active { /* for IE, doesn't affect other browsers */
}
#header {
	width: 710px; /* needed for MacOpera and Safari */
	padding: 20px 0 0 0; /* IE ignores top margin, padding  used instead */
}
#logo {
	float: left;
	margin: 0 0 15px 0;
}
#header img {
	border: 0;
	float: left;
	margin: 0 0 15px 0;
}
.matchcolor {
	background: #5187B5;
}


/* --- site navigation - top right --- */
#site-nav {
	float: right;
	width: 180px;
	margin: 0 0 15px 0;
	padding: 0 0 0 27px;
	border-left: 1px solid #fff;
	list-style: none;
}
#site-nav li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #2A567F;
}
#site-nav a {
	background: none;
}
#photo-banner {
	clear: both;
	height: 170px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: #ffffff;
}
#photo-banner img {
	border: none;
}
#content {
	float: left;
	width: 502px;
}
#content ul.contact {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}


/* --- this is the rightmost column --- */
#sidebar { 
	float: right;
	width: 191px;
}
#sidebar h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 10px 3px 3px 33px;
	background: url(../images/header-link-bg.jpg) no-repeat;
	font-size: 100%;
}
#linklist {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
#linklist li {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE gap caused by display: block on inner a's */
}
#linklist a {
	display: block;
	margin: 0 0 1px 0;
	padding: 5px 10px 3px 30px;
	border: 1px solid #2A567F;
	background: url(../images/page-icon.gif) no-repeat 5px 50%;
	text-decoration: none;
}
#linklist a:hover {
	border: 1px solid #72C0FF;
}
#sidebar p {
	line-height: 1.3;
}
#sidebar img {
	margin-bottom: 1.5em;
	border: 0;
}


/* --- footer --- */
#footer {
	clear: both;
	padding: 3px 0 15px 0;
	border-top: 5px solid #fff;
	text-align: right;
	font-size: 90%;
}
#footer p {
	line-height: 1.3;
	padding: 0;
	margin: 0;
}
	

/* --- contact form --- */
form {
	margin: 2em 0em 3em 0em;
}

#contact {
	display: block;
}
#contact fieldset {
	width: 25em; 
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}
#contact #fullname, #contact #contactemail, #contact #contactmessage, #contact #submit {
	margin-top: .3em;
}
#contact #fullname, #contact #contactemail, #contact #contactmessage {
	width: 20em; 
	margin-bottom: 2em;
	display: block;
}
#contact label {
	margin-bottom: 1em;
	font-weight: bold;
}
.focus {
	border: 1px solid #000;
	background: #fefaec; /*#eee; */
}
#errorInfo {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #c00000;
	margin: 0 1em 1em 0;
	padding: .5em;
}
.error {
	color: #c00000;
}
	
/* --- three-column page --- */
#threecol #container {
	float: left; /* makes it contain children floats */
	width: 710px; /* needed for MacOpera and Safari */
	margin: 15px 0;
	background: url(../images/home-bg.gif) repeat-y;
}
#main-content {
	float: left;
	width: 270px;
	padding-top: 120px;
	background: url(../images/main-content-photo.jpg) no-repeat;
}


/* --- middle column --- */
#feature { 
	width: 190px;
	margin-left: 295px;
}
#feature h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 10px 3px 3px 29px;
	background: url(../images/header-list-bg.jpg) no-repeat;
	font-size: 100%;
}
#mainaddress {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0;
}
#onecol {
	margin: 15px 10px;
	width: 490px;
}
#newsletter img {
	border: 0;
}

/* --- two-column page ---- */
#twocol #container {
	float: left; /* makes it contain children floats */
	width: 710px; /* needed for MacOpera and Safari */
	margin: 15px 0;
	background: url(../images/inner-bg.gif) repeat-y;
}
#twocol p {
	margin-right: 2em;
}

/* --- text --- */
p {
	margin: 0 0 1.2em 0;
	line-height: 1.3;
}
#onecol p {
	margin: 15px;
}
h1 {
	margin: 0 0 1em 0;
	font-size: 150%;
}
h2 {
	margin: 0 0 .6em 0;
	font-size: 120%;
}
h3 {
	margin: 0;
	font-size: 100%;
}
input {
	border: 1px solid #2A567F;
}
.bold {
	font-weight: bold;
}
	
	
/* --- links --- */
a {
	padding: 1px 3px;
	background: #6998BE;
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.image-link {
	background: transparent;
}
#logolink a {
	padding: 20px;
	margin-left: 20px;
}
	
/* --- lists --- */
dt {
	margin: 1em 0 0 0;
	font-weight: bold;
}
dd {
	margin: 0;
}