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

body {
	font-family: Arial, Helvetica, san serif;
	font-size:13px; line-height: 17px; font-style: normal; font-weight: normal;
	color:#444;
	background:url(http://www.oldcity.com/i/bkg_body.jpg) no-repeat top center;
	/*position: relative;*/
	margin: 0 auto; padding:0;
	} 

/* DEFAULT LINK */
a:link, a:visited {color:#567ec3; text-decoration: none; font-weight:bold;}

a:active, a:hover {color:#000000; text-decoration: none; font-weight:bold;}
	
/*== TOP ==*/

#top {width:960px; height:42px; position: relative; margin: 0 auto; background:url(http://www.oldcity.com/i/logo.gif) no-repeat;margin-top:10px; margin-bottom:10px;}

#contain {width:960px; height:auto; margin: 0 auto; padding-top:35px; border:1px solid #58acdd; overflow:auto;}

#top-bar {width:960px; height:30px; position: relative; margin: 0 auto; background-color:#58acdd; border:1px solid #58acdd;}


/*== BODY AREA == */

#main {width:590px; height:auto; float:left; margin-left:11px; padding-bottom:35px;}

#main p, #main li, #main table, #main .page_content, #main .details {font-size:13px;line-height:145%;margin-bottom:10px;}

#main h1, #main h2, #main h3, #main h4 {margin-bottom:7px;font-family:"Trebuchet MS";font-weight:bold;line-height:135%;}

#main h1 {color:#559ad5;font-size:20px;margin-bottom:10px;font-weight:normal;}




#sidebar {width:220px; height:auto; float:right; margin-right: 11px;}

#sidebar h1 {color:#559ad5; margin-bottom:7px;font-family:"Trebuchet MS";font-weight:bold;line-height:125%; font-size:13px; margin-bottom:10px;}

#sidebar a {font-weight:bold;}

#sidebar p{padding-bottom:12px;}

#sidebar a:link, #sidebar a:visited {color:#559ad5; text-decoration: none;}

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

#sidebar .img-left {border: solid 6px #beb780; margin: 0 10px 4px 0; float:left;}

#sidebar .img-right {border: solid 6px #beb780; margin: 0 0 4px 10px; float:right;}


/*==  FOOTER ==*/

#footer {width:950px; height:auto; clear:both; color:#5b6373; padding:12px 0 15px 10px; margin: 0 auto;  margin-bottom:22px; margin-top:20px; border-top: 1px solid #6084c1; font-size:12px; }



#footer-text-left {width:330px; height:auto; float:left;}

#footer-text-right {width:430px; height:auto; float:right; text-align:right; padding-right:10px;}

#footer p {margin-bottom:7px;}

#footer a:link, #footer a:visited {color: #5b6373; text-decoration: none;}

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


/* CLASSES/STYLING */

.clearer{clear:both; margin:0px; padding:0;}

.img-left {border: solid 2px #5b6373; margin: 0 10px 4px 0; float:left;}

.img-right {border: solid 2px #5b6373; margin: 0 0 4px 10px; float:right;}



h2 {color:#559ad5;font-size:16px;}

h3 {color:#666;font-size:14px;margin-bottom:5px;}

h4, h5 {font-size:13px;margin-bottom:5px;}


.basic-bold {font-weight: bold;}

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

.red {color: #FF0000;}