/* ********* Set Defaults to Zero ******* */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*ol,ul{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
/* turn off the link outline in Firefox */
a {outline: none;}
/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */

/* set global paragraph margin */
p { margin:0 0 15px 0; line-height: 18px;}
/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }
li { margin-left: 2.5em; }

/* remember to define focus styles! */
:focus {outline:0px;}

/* This makes the text left justified in the CS debug area */
.cfdebug {text-align:left;}

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}

a:link {color: #cc6600; text-decoration: none; font-weight:bold; }
a:visited {color: #cc6600; text-decoration: none; font-weight:bold; }
a:hover {color: #cc6600; text-decoration: underline; font-weight:bold; }
a:active, a:focus {color: #cc6600; text-decoration: none; font-weight:bold;}

body { font-size: .8em;	font-family: Arial, Helvetica, sans-serif; text-align: center; background:#FFF7C0 url(../graphics/main_bg.jpg) repeat-x; }

input, select, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
input { vertical-align:middle;}
select { vertical-align:middle;}
/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:160%;color:#CC6600;}
h2 { font-size:140%;color:#CC6600;}
h3 { font-size:120%;color:#CC6600;}

.centered { text-align:center;}
.align-right { text-align:right;}
.align-left { text-align:left;}

/* this contains everything in the site and controls centering and margins */	
#container{ width: 914px;height:844px; margin: 0 auto; background: url(../graphics/inside_bg.jpg) no-repeat; text-align: left; }
#sub-container{ width: 914px;height:788px; margin: 0 auto; background: url(../graphics/sub_bg.jpg) no-repeat; text-align: left; }

#logo { width:250px; height:180px; float:left; margin-left:32px;}

#menu { width:485px; height:48px; float:right; margin:98px 50px 0 0; }
#menu table td { vertical-align:top; height:48px; padding:0;}

#home-pic-frame { width:auto; height:auto; border:1px solid #000000; margin-left:50px; }
#home-pic-frame td{ background:#FFFFFF; padding:5px; }

#home-content { width:800px; margin-left:50px; text-align:center; font-size:14px; margin-top:18px; }
#home-content div{ margin-bottom:4px; }
/* for form validation  */
.required { font-weight:bold;}
.alert { font-weight:bold; color:#CC0000; }
/* contact form */
#form-table { width:510px; xmargin-top:10px; }
#form-table thead td.cell-1 { width:200px; }
#form-table thead td.cell-2 { width:310px; }
#form-table tbody td { height:30px; padding:4px;} /* height:20px; in IE fix style sheets */
#form-table tbody td.cell-1 { width:200px; text-align:right;}
#form-table tbody td.cell-2 { width:310px;}
#form-table .textbox {border:1px solid #81B8D6; width:300px; height:16px; padding-top:2px; }
#form-table .textbox-city {border:1px solid #81B8D6; width:140px; height:16px; padding-top:2px }
#form-table .textbox-zip {border:1px solid #81B8D6; width:60px; height:16px; padding-top:2px }
#form-table .textarea-comments {border:1px solid #81B8D6; width:300px; height:100px; }
#form-table .select {border:1px solid #81B8D6; height:20px; }
#form-table .button { border:1px solid #81B8D6; margin:4px 0 0 4px; }
.contact-thanks { margin-top: 100px; text-align:center;}
.contact-intro { width:550px; height:30px; margin:5px auto; overflow:hidden; text-align:center; padding:10px; }
/* content creator styles*/
.cc-pic { float:right; margin:0 0 0 10px;}
.cc-image {}
.cc-caption { font-size:10px; text-align:center;}

/* Client Info */
.client-info-name { font-size:120%; font-weight:bold; margin:5px 0;}
.client-info-address1 { margin:5px 0;}
.client-info-address2 { margin:5px 0;}
.client-info-citystatezip { margin:5px 0;}
.client-info-phone { margin:5px 0;}
.client-info-phone span{ font-weight:bold; text-transform:lowercase; font-size:11px;}

/* page classes */
.fineprint { font-size:80%;}
.mediumprint { font-size:85%;}

/* ************** Pager Classes - used on utl_callPager.cfm ******************* */

.Pager {
	font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	display:none;
}

.onPage {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000;
}

a:link.LoopLink {font-weight:bold; color:#FFF; text-decoration:none; margin:0 2px; font-size:.85em; }
a:visited.LoopLink  {font-weight:bold; color:#FFF; text-decoration:none; margin:0 2px; font-size:.85em;}
a:hover.LoopLink  {text-decoration:underline; font-size:.85em;}
a:active.LoopLink  {text-decoration:none; font-size:.85em;}

/* 2 column layout 600/185 ------------------------------------------------------------------------------- */
#left-col-600 { width:600px; height:475px; overflow:hidden; float:left; border:1px solid #000000; margin-left:50px; background:#FFFFFF; }
#right-col-185 { width:185px; height:475px; float:right; margin-right:50px; }
.pic-div-600 { width:600px; height:450px; overflow:hidden; background:#FDF0B9; }
.pager-div-600 { width:600px; height:25px; background:#CC6600; text-align:center; line-height:22px; } 
.pager-div-600 img{ margin:0 10px; }
/* 2 column layout 430/357 ------------------------------------------------------------------------------- */
#left-col-430 { width:430px; height:460px; float:left; border:1px solid #000000; margin-left:50px; overflow:hidden; }
#right-col-357 { width:357px; height:460px; float:right; border:1px solid #000000; margin-right:50px; background:#FFFFFF; }

.right-top { width: 100%; height:240px; border:1px solid #000000; background:#FFFFFF; }
.heading-black { width: 100%; height:24px; background:#000000; }
.heading-black img{ margin:4px 0 0 10px; }
.right-top-content { width: 90%; padding:10px; }
.inside-content-scrolling { width:90%; height:90%; margin:10px 0 10px 18px; overflow:auto; }

/* 1 column */
#full-col-top { width:800px; height:270px; margin-left:50px; overflow:hidden; border:1px solid #000000; }
#full-table-bot { width:800px; margin-left:50px; margin-top:12px; background:#FFFFFF; }
.ftb-cell-1 { width:600px; height:230px; border:1px solid #000000; vertical-align:top; padding:20px; }
.ftb-cell-2 { width:200px; height:230px; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; vertical-align:top; background:#F0F0F0; }

/* 160 wide sub menu */
.submenu-160 { font-size: 12px; width: 160px; padding: 0px; margin: 0px; }
.submenu-160 ul { list-style: none; margin: 0px; padding: 0px; border: none; }
.submenu-160 ul li { margin: 0px; padding: 0px; }
.submenu-160 ul li span{ margin-left:6px; }
.submenu-160 ul li a { font-size: 12px; display: block; border-bottom: 1px solid #E3E3E3; padding: 5px 0px 2px 4px; text-decoration: none; color: #000; width:155px; xbackground: url(../graphics/submenu_160_bg_off.jpg) right no-repeat; font-weight:normal; }
.submenu-160 ul li a:hover, .submenu-160 ul li a:focus { color: #CC6600; background: url(../graphics/submenu_160_bg.jpg) right no-repeat; font-weight:normal;}
.list-bullet { margin:0 0 2px 0; }

/* On styles */
.onpage01 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat; }
.onpage01 span{ color: #CC6600; }
.onpage02 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage02 span{ color: #CC6600; }
.onpage03 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage03 span{ color: #CC6600; }
.onpage04 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage04 span{ color: #CC6600; }
.onpage05 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage05 span{ color: #CC6600; }
.onpage06 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage06 span{ color: #CC6600; }
.onpage07 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage07 span{ color: #CC6600; }
.onpage08 a{ background: url(../graphics/submenu_160_bg.jpg) no-repeat;}
.onpage08 span{ color: #CC6600; }

.right-bot { width: 100%; height:220px; border:1px solid #000000; background:#FFFFFF; margin-top:12px; }
.heading-grey { width: 100%; height:24px; background:#E9E9E9; }
.heading-grey img{ margin:6px 0 0 10px; }
.right-bot-content { width: 90%; padding:10px; font-size:11px; }
.right-bot-content p{ margin:0 0 8px 0; }

.grey-title { color:#999999; font-size:12px; font-weight:bold;}

/* footer */
#footer { width:798px; height:18px; border:1px solid #000000; background-color:#FFCC00; margin:0 auto; text-align:center; font-size:10px; line-height:16px; margin-top:-10px;}
#footer a:link {color: #000;	text-decoration: none;}
#footer a:visited {color: #000; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}
#footer a:active, a:focus {color: #000; text-decoration: none;}

#foot-spacer { height:20px; }