@import url(baseStyles.css);

a:link{color:#7d1923;font-weight:bold;}
a:visited{color:#7d1923;font-weight:bold;}
a:hover{color:#1e1e1e;font-weight:bold;}

ul,ol{margin-left:12px;}
p {padding:0px 12px;}
body{text-align:center;border-top:4px solid #000;border-bottom:4px solid #000;background:#ddd;}

#wrapper{background:#7d1923;}
#toph1{color:#fff;}
#bgwrapper{background:#ddd url(img/bgtop.png) top repeat-x;padding:.01px;}
#menuwrapper{width:553px;margin:auto;}
#maincontainer{width:960px;margin:0px auto;}
#leftcol{width:230px;float:left;margin-top:25px;}
#leftcolpad{margin-right:20px;margin-left:5px;}
#leftcolpad img{border:3px double #7d1923;}
#rightcol{width:650px;padding-top:25px;text-align:left;float:left;}
#pageimg{width:320px;float:right;margin-right:15px;margin-top:.8em;margin-left:20px;margin-bottom:10px;text-align:center;}
#pageimg img{border:3px double #7d1923;}
#colh1{margin-bottom:0px;line-height:1em;margin-top:1em;}
#colsubh1{}
#smh1{font-size:.6em;}
#logo{position:absolute;top:0px;left:0px;}
#hook{width:131px;height:311px;position:absolute;top:0px;right:1%;}
#hook img{border:none;}

#copyright{text-align:center;margin-bottom:24px;font-size:1.2em;}

#copyright a:link{color:#7d1923;font-weight:bold;}
#copyright a:visited{color:#7d1923;font-weight:bold;}
#copyright a:hover{color:#1e1e1e;font-weight:bold;}


#contactform fieldset{width:300px;margin:auto;border:3px double #7d1923;font-size:1.2em;margin-left:0px;}
#contactform legend{font-size:1.2em;color:#7d1923;font-weight:bold;}
#contactform table {font-size:1.2em;margin:24px auto;}
#contactform table table{margin:12px auto;font-size:1.2em;}
#contactform td {padding:6px;vertical-align:top;color:#7d1923;font-weight:bold;}
#contactform td td{padding:3px;}
#contactform input{width:180px;background:#7d1923 !important;border:1px solid #0F2546;color:#d0e4ea !important;}
#contactform textarea{width:180px;background:#7d1923 !important;border:1px solid #0F2546;color:#d0e4ea !important;}

#creditform fieldset{width:632px;margin:auto;border:3px double #7d1923;font-size:1em;margin-left:0px;}
#creditform legend{font-size:1.2em;color:#7d1923;font-weight:bold;}
#creditform table {font-size:1.2em;margin:0px auto;width:100%;}
#creditform table table{margin:12px auto;font-size:1.2em;}
#creditform td {padding:6px;vertical-align:top;color:#7d1923;font-weight:bold;}
#creditform td td{padding:3px;}
#creditform input{width:140px;background:#7d1923 !important;border:1px solid #0F2546;color:#d0e4ea !important;}
#creditform textarea{width:140px;background:#7d1923 !important;border:1px solid #0F2546;color:#d0e4ea !important;}

#hooklink{outline:none;}

/* Top menu general rules */
#menu 
{
  width: 553px; height: 18px;
  background: url(img/menu.png);
  margin: 0px; padding: 0;
	margin-top:4px;
  position: relative;
	left:0px;
}

#menu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; top: 0;
}
#menu li, #menu a 
{
  height: 18px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#home {left: 0; width: 62px;}
#about {left: 63px; width: 110px;}
#services {left: 173px; width: 85px;}
#credit {left: 258px; width: 175px;}
#contact {left: 433px; width: 125px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#home a:hover {background: transparent url(img/menu.png) 0 -18px no-repeat;}
#about a:hover {background: transparent url(img/menu.png) -63px -18px no-repeat;}
#services a:hover {background: transparent url(img/menu.png) -173px -18px no-repeat;}
#credit a:hover {background: transparent url(img/menu.png) -258px -18px no-repeat;}
#contact a:hover {background: transparent url(img/menu.png) -433px -18px no-repeat;}