
/*-------------------------------------------------
GLOBAL STYLES
-------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font: small "lucida sans grande", tahoma, "lucida sans unicode",  Arial, Helvetica, sans-serif;
	line-height: 17px;
	background: #FFFFFF;
	color: #475259;
	}

u {
	text-decoration: none;
	background-color:#FFFFCC;
	color:#000000;
}

input, textarea, select { padding: 2px; }

#masthead h1 { display: none; }

h2 {
	font: 150% georgia, times, serif;
	color: #ae5318;
	padding: 0 0 17px 0;
	text-align: center;
	margin: 0 0 20px 0;
	}

h3 {
	font: 115% georgia, times, serif;
	color: #693;
	padding: 10px 0 7px 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: 1px;
	}

h4 {
	font: 105% georgia, times, serif;
	color: #990;
	padding: 10px 0 7px 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: 1px;
	}

h5 {
	font: 95% "lucida grande", tahoma, "lucida sans unicode",  Arial, Helvetica, sans-serif;
	color: #555;
	padding: 10px 0 5px 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	}

p {
	margin: 0;
	padding: 0 0 9px 0;
	line-height: 20px;
	}

p img {
	padding: 4px;
	float: right;
	border: 1px solid #e3e3e3;
	margin: 5px 0 12px 15px;
	}

.spacer {
	clear: both;
	height: 0;
	}
.spacer1 {
	clear: both;
	height: 12px;
	}


/*-------------------------------------------------
HEADER & MASTHEAD
-------------------------------------------------*/

#header {
	height: 6px;
	margin: 0;
	padding: 0;
	border-top:solid #e6e2af 6px;
	}

#masthead {
	padding: 0;
	margin: 0 auto;
	width: 770px;
	}

	
/*-------------------------------------------------
TOP LINKS
-------------------------------------------------*/

#toplinks {
	float: right;
	margin: 0;
	padding-top: 14px;
	font-family:Arial, tahoma, sans-serif;
	font-weight:bold;
	text-align: left;
	font-size: 85%;
/*	border:thin #0000ff solid; */
	height: 32px;
	line-height: 15px;
	}
	
#toplinks input{
	height:12px;
	font-size:90%;
	color:#555;
	vertical-align:middle;
	}
#toplinks img{
	vertical-align:middle;
	}

#toplinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#toplinks li {
	list-style: none;
	padding: 0 4px 5px 4px;
	margin: 0;
	display: inline;
	vertical-align:text-top;
	}

#toplinks ul li {
	color: #999999;
}

#toplinks a {
	background-color: transparent;
	font-weight:bold;
	text-decoration: none;
	color: #999999;
	}

#toplinks a:hover {
	font-weight:bold;
	background-color: transparent;
	text-decoration: none;
	color: #666666;
	}
	
#logo {
/*	background: url(../images/logo.gif) no-repeat;*/
	float:left;
	margin:20px 0px 0px 20px;
	height:35px;
	width:170px;
	}

/*-------------------------------------------------
NAVIGATION
-------------------------------------------------*/
#menu {
	float:right;
/*	border:thin #000 solid; */
	width:500px;
	height: 74px;
	}
	
#nav {
	background: transparent;
	float:right;
	padding: 14px 0 0 0;
	margin: 0 0 0 0;
/*	clear:right;	*/
/*	border:thin #990000 solid; */
	width:500px;
	line-height: 15px;
	}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#nav li {
	float: right;
	margin: 0;
	padding: 1px 1px 5px 0;
	vertical-align:middle;
	}

#nav li a.current {
	color: #fff;
	background: url(../images/nav-on.gif) repeat-x ;
	padding: 4px 15px 7px 14px;
	font-size: 90%;
	background-color:#002f2f;
	text-decoration: none;
	}

#nav li a {
	color: #fff;
	background: url(../images/nav-off.gif) repeat-x;
	padding: 4px 15px 7px 14px;
	background-color:#002f2f;
	font-size: 90%;
	text-decoration: none;
	}

#nav li a:hover {
	color: #fff;
	background: url(../images/nav-on.gif) repeat-x;
	padding: 4px 15px 7px 14px;
	background-color:#002f2f;
	font-size: 90%;
	text-decoration: none;
	}
	

/*-------------------------------------------------
CONTAINER & WRAPPER
-------------------------------------------------*/

#container {
	background: #f0eccc url(../images/welcome.gif) repeat-x top left;
/*	margin-top:16px;*/
	clear:both;
	}

#container1 {
	background: #efebca url(../images/welcome.gif) repeat-x top left;
	padding:12px;
/*	background-color:#efebca;*/
	clear:both;
	}

#wrapper {
	background: transparent;
	margin: 0 auto;
	padding-top: 0;
	width: 770px;
    clear: right
	}
	

/*------------------------------------------------------------
WELCOME (used in index.php) & BACKPAGES (unsed in the rest)
------------------------------------------------------------*/

#welcome {
	margin: 10px 0px 11px 0px;
	float: left;
	padding: 0;
	width: 770px;
	}

#welcome p {
	font: 110% georgia, times, serif;
	color: #313B43;
	line-height: 22px;
	text-align:justify;
	margin: 0;
	}

#welcome h2 {
	font: 160% georgia, times, serif;
	color: #242C33;
	padding: 0 0 8px 0;
	background: transparent;
	text-align: left;
	margin: 0;
	}
	
#backpages {
	margin: 0px 0px 11px 0px;
	padding: 0;
	}

#backpages p {
	font: 110% georgia, times, serif;
	color: #313B43;
	line-height: 22px;
	margin: 0;
	}

#backpages h2 {
	font: 160% georgia, times, serif;
	color: #242C33;
	padding: 0 0 8px 0;
	background: transparent;
	text-align: left;
	margin: 0;
	}

/*-------------------------------------------------
BOTTOM
-------------------------------------------------*/

#bottom {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bottom.jpg) repeat-x top left;
	}
#bottom1 {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bottom.jpg) repeat-x top left;
	}

#bottom-inner {
	background: transparent;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	}	

#bottom-inner1 {
/*	border:solid 1px #ccc;*/
	border-left:solid 1px #dfdfdf ;
	border-right:solid 1px #dfdfdf ;
	border-bottom:solid 1px #dfdfdf ;
	margin: 0 auto;
	padding:0;
	width: 770px;
	}	


/*-------------------------------------------------
COLUMN
-------------------------------------------------*/

#column {
	margin: 0 0 30px 30px;
	float: right;
	padding: 0;
	width: 240px;
	}

#column h2 {
	color: #708d35;
	font-weight: bold;
	font: 100% georgia, times, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 0 18px 0;
	background: url(../images/dottedline.gif) no-repeat 50% 100%;
	margin: 20px 0 5px 0;
	}

#column p {
	color: #475259;
	font-size: 95%;
	line-height: 18px;
	margin: 0;
	}

#column a:link, a:visited, a:active  {
	background-color: transparent;
	color: #06c;
	text-decoration: underline;
	font-weight: normal;
	}

#column a:hover {
	color: #06c;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	}

/*-------------------------------------------------
COLUMN
-------------------------------------------------*/

#columnH {
	margin: 0 10px 30px 20px;
	float: left;
	padding: 0;
	width: 220px;
	}

#columnH h2 {
	color: #c37436;
	font-weight: bold;
	font: 100% georgia, times, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 0 18px 0;
	background: url(../images/dottedline.gif) no-repeat 50% 100%;
	margin: 20px 0 5px 0;
	}

#columnH p {
	color: #475259;
	font-size: 95%;
	line-height: 18px;
	margin: 0;
	}

#columnH a:link, a:visited, a:active  {
	background-color: transparent;
	color: #06c;
	text-decoration: underline;
	font-weight: normal;
	}

#columnH a:hover {
	color: #06c;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	}


/*-------------------------------------------------
MAIN BODY
-------------------------------------------------*/

#mainbody {
	margin: 0 0 30px 0;
	float: left;
	padding: 0;
	width: 500px;
	line-height: 17px;
	}

#mainbody h2 {
	font: 100% georgia, times, serif;
	color: #c37436;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 0 18px 0;
	background: url(../images/dottedline.gif) no-repeat 50% 100%;
	text-align: left;
	margin: 20px 0 5px 0;
	}

#mainbody ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#mainbody p {
	font-size: 95%;
	margin: 0;
	}

#mainbody li {
	padding: 0 0 7px 15px;
	margin: 6px 0 5px 5px;
	background: url(../images/bullet.gif) 0 .4em no-repeat;
	color:#002f2f;
	font-size: 95%;
	}

#mainbody li span{
	color:#666666;
	}
	
#mainbody .clr{
	color:#002f2f;
	}
	
#mainbody a:link, a:visited, a:active {
	background-color: transparent;
	color: #06c;
	text-decoration: underline;
	font-weight: normal;
	}

#mainbody a:hover {
	color: #06c;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	}
	
/*-------------------------------------------------
HOME MAIN BODY
-------------------------------------------------*/

#mainbodyH {
	margin: 0 0 30px 0;
	float: left;
	padding: 0 0 0 20px;
	width: 480px;
	line-height: 17px;
	}

#mainbodyH h2 {
	font: 100% georgia, times, serif;
	color: #c37436;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 0 18px 0;
	background: url(../images/dottedline.gif) no-repeat 50% 100%;
	text-align: left;
	margin: 20px 0 5px 0;
	}

#mainbodyH ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#mainbodyH p {
	font-size: 95%;
	margin: 0;
	}

#mainbodyH li {
	padding: 0 0 7px 15px;
	margin: 6px 0 5px 5px;
	background: url(../images/bullet.gif) 0 .4em no-repeat;
	color:#002f2f;
	font-size: 95%;
	}

#mainbodyH li span{
	color:#666666;
	}
	
#mainbodyH .clr{
	color:#002f2f;
	}
	
#mainbodyH a:link, a:visited, a:active {
	background-color: transparent;
	color: #06c;
	text-decoration: underline;
	font-weight: normal;
	}

#mainbodyH a:hover {
	color: #06c;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	}

/*-------------------------------------------------
PRODUCT BODY
-------------------------------------------------*/

#probody {
	padding: 0;
	width: 770px;
	}

#probody h2 {
	font: 100% georgia, times, serif;
	color: #c37436;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 0 18px 0;
	background: url(../images/dottedline.gif) no-repeat 50% 100%;
	text-align: left;
	margin: 20px 0 5px 0;
	}

#prolist {
	padding:0px;
	}
#prolist div{
	font-size: 95%;
	width:770;
	padding:10px;
	text-align:left;
	vertical-align:top;
	}

#prolist div img {
	border:0px;
	float:left;
	padding:0px 10px 10px 10px;
	text-align:right;
	}
	
.holder {
	padding:0px;
	clear:both;
	}
		
.left {
	float:left;
	width:180px;
	}
	
.right {
	float:right;
	width:500px;
	text-align:justify;
	}
	
#probody a:link, a:visited, a:active {
	background-color: transparent;
	color: #06c;
	text-decoration: underline;
	font-weight: normal;
	}

#probody a:hover {
	color: #06c;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	}
	

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

#footlinks {
	margin: 0 auto;
	padding: 0 0 0px 0;
	font-family:Arial, tahoma, sans-serif;
	text-align: center;
	font-size: 100%;
	width: 765px;
	}
	
#footlinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#footlinks li {
	list-style: none;
	padding: 0 4px 0px 4px;
	margin: 0;
	display: inline;
	}

#footlinks a {
	background-color: transparent;
	text-decoration: none;
	font-size: 85%;
	color: #4F5A62;
	}


#footlinks a:hover {
	background-color: transparent;
	text-decoration: none;
	font-size: 85%;
	color: #1e1e1e;
	}
	

#footer {
	background: #fff url(../images/footer.gif) repeat-x top left;
	padding-top: 10px;
	text-align:center;
	clear: both;
/*	border-top:#CCCCCC solid 1px;
	background-color:#f9f9f9;  */
	}

#footer p {
	color: #4F5A62;
	font-size: 85%;
	line-height: 14px;
	margin: 0 auto;
	padding: 10px 0px 20px 0px;
	}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
#column ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#column li {
	padding: 0 0 0px 15px;
	margin: 6px 0 5px 5px;
	background: url(../images/bullet.gif) 0 .4em no-repeat;
	color:#002f2f;
	font-size: 95%;
	}

#column li span{
	color:#666666;
	}
