/* -- NOTE: reset.css clears all browser differences and starts from scratch --  */
@import 'reset.css';

body {
	font-family: Arial, Helvetica, san serif;
	font-size:12px;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	color: #187A8C;
	background-color:#74AFBA;
	position: relative;
	margin: 0 auto;
	} 
	
/* ============================================ MAIN BODY CONTAINING ELEMENT ======================================*/

#wrap {width: 763px; height:auto; margin: 0 auto; position: relative; background-color:#FFFFFF;}
	
#header {width:763px; height:116px; background-color:#187A8C;}

#logo {width:356px; height:116px; margin: 0 auto;}

#nav {width:763px; height:20px; background-color:#7c0852; padding-top:5px;}

#contain {width:743px; height: auto; padding:8px;}

#text {width:605px; height:auto; margin:16px 0 25px 55px; padding:13px; border: solid 1px #187A8C;}

#text p {margin-bottom:14px;}

#gallery {width:650px; height:auto; margin:16px 0 25px 32px; padding:13px; border:1px solid  #187A8C;}

#gallery p {margin-bottom:14px;}

#gallery td{vertical-align:top;}

#gallery td img {padding:3px;}

#slideshow {widht:698px; height:157px; margin-bottom:25px;}
	
.clearer{clear:both; margin:0px;}

#footer {width:743px; height:auto; clear:both; padding:10px;  background-color:#187A8C; font-size:14px; font-weight:bold; color:#ffffff; text-align:center; }


/*======================================================== LINK STYLES ======================================================== */

/* ------------- Basic links  ------------- */
a:link, a:visited{color: #187A8C; text-decoration: underline; }

a:hover, a:active {color: #831459; text-decoration: none;}



/*-- NAV STYLE  MY STYLING Navigation  --*/

#nav a {font-size:14px; color:#FFFFFF; font-weight:bold; margin-left:35px;text-transform:uppercase;}

#nav ul {display:block; list-style:none;}

#nav li {display:inline; margin-right:30px;}

#nav a:link, #nav a:visited {text-decoration: none;}

#nav a:hover, #nav a:active {color: #f3bee0; text-decoration: none;}




/* ------------- Footer  ------------- */
#footer a:link, #footer a:visited{color: #ffffff; text-decoration: none;}

#footer a:hover, #footer a:active {color: #CCCCCC; text-decoration: underline;}



/*======================================================== TEXT STYLES ======================================================== */

h1 { font-family:"Times New Roman", Times, serif; font-size: 22px; color: #401908; font-style: normal; font-weight:400; margin-bottom: 15px; line-height:25px;}

h3  {color: #666666; font-size:10px; text-transform: uppercase;}

h2, h4, h5 {font-size: 12px; font-style: normal; font-weight: bold; color: #000000;}

.basic-bold {font-weight: bold; color:#401908;}

.basic-italic {font-style:italic;}

.red {color: #FF0000;}

.titles {font-size:16px; text-transform:uppercase;}

.img-left {border: solid 1px #401908; padding:4px; margin: 0 5px 3px 0; float:left;}

.img-right {border: solid 1px #401908; padding:4px; margin: 0 0 3px 5px; float:right;}

/*======================================================== FORM STYLES ======================================================== */

#typein { }

#typein input, #typein textarea, #typein select{color: #000000; background-color: #CCCCCC; padding: 2px; border: solid 1px #666666;}