/* default css reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img  {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* default css reset end */


/*  color schemes *
sidebar1 #335999
mainContent #668CCC

/

/* reusable styles */

h1 { font-size:2em; }
h2 { font-size:1.75em; }
h3 { font-size:1.5em; }
h4 { font-size:1/25em; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    font-size: 1px;
    line-height: 0px;
}

a { 
	color:#fff;	
	outline:none; 
}
img.photos { margin:3px; }	
a img.photos { border:1px solid #CCE7B4; }
a:hover img.photos { border:1px solid #66814E; }
p, p a { line-height: 1.5em; }
p.bold, span.bold, .bold { font-weight:bold; }
p.description { padding:0 5px 10px 10px; color:#000; }

/* reusable styles end */

/* layout styles */

html { overflow-y:scroll; }

body  {
	font: 100% "Palatino Linotype", "Trebuchet MS", Arial, sans-serif;
	background: /*url(/images/tulip-bg.gif) top left fixed no-repeat */#F8FFF4;
	margin: 25px 0 0 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

#container { 
	width: 900px;  
	margin: 0 auto; 
	text-align: left; 
	font-size:.8em;
} 

#nav { 
	background: #B3C6E6; 
	height:35px;
	padding: 0;  
	margin-top:15px;
} 
	#nav ul {
		margin:0;
		padding:0;
	}
	
	#nav ul li {
		font-size:1.2em;
		margin:0;
		padding:0;
		display:inline;
		float:left;
		color:#000;
	}
	
	#nav ul li a {
		list-type:none;
		text-decoration:none;
		display:block;
		width:128px;
		height:35px;
		text-align:center;
		background:#b3c6e6;
		line-height:1em;
		/*padding:10px 15px 0px 15px;*/
	}
	
	#nav ul li a:hover {
		background:url(../images/bg_nav.jpg) repeat-x; 
	}
	
	#nav .sel a, #nav .sel a:visited {
		background:url(../images/bg_nav.jpg) repeat-x; 
	}

#collage {
	border-left:5px solid #B3C6E6;
	border-right:5px solid #B3C6E6;
}

#mainContent { 
	float:right;
	width:560px;
	margin: 0;
	padding:15px 15px 0 15px; 
	background: #668CCC;
	color:#fff;
	border-left:5px solid #B3C6E6;
	border-right:5px solid #B3C6E6;
} 

#sidebar1 {
	float: left; 
	width: 265px; 
	background: #335999; 
	padding: 15px 15px 0px 15px;
	color:#fff;
	border-left:5px solid #B3C6E6;
}

#welcome { 
	margin: 0; 
	padding: 15px; 
	background:#668ccc;
	color:#fff;
	border-left:5px solid #B3C6E6;
	border-right:5px solid #B3C6E6;
} 

	#welcome a img.gallery { 
		border:1px solid #fff;
		padding:4px;
		margin-right:10px;
	}
	
	#welcome a:hover img.gallery { border:1px solid #121F36; }
	
#footer { 
	padding: 10px; 
	background:#121F36; 
	border-left:5px solid #B3C6E6;
	border-right:5px solid #B3C6E6;
	border-bottom:5px solid #B3C6E6;
} 

#footer p {
	color:#fff;
}

#footer .footertext {
	float:left;
	
}

#footer .logo {
	float:right;
}

#credits {
	margin:10px auto; 
	padding-bottom:10px;
	text-align:center;
}

#credits a img {border:0; margin:0 10px; }


/* Contact Form */
form { 	margin:15px 0 0 0; }

form label {
	float:left;
	padding:10px 0 0 0;
	font-size:.7em;
}

fieldset {
	width:350px;
	border:0;
}

select {
	float: right;
	width: 205px;
	margin: 0 60px 5px 0;
	padding: 0;
}

select.dropdown {
	margin:10px 0 0 0;
	padding:0;
	float:left;
	width:150px;
}

input.textbox {
	float: right;
	width: 200px;
	margin: 3px 30px 3px 0;
	padding: 1px 0 1px 2px;
}

textarea {
	float:left;
	width:200px;
	margin:5px 0px 0px 55px;
}

input.sub {
	float: right;
	width: 90px;
	height: 25px;
	margin:10px 30px 0 0;
}