/*  START OF CSS CUSTOM RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, p, a, em, font, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; vertical-align: baseline; }
html, body { height: 100%; margin-bottom: 1px; line-height: 1; font-size: 100.01%; font-family: Arial, Verdana, Helvetica, sans-serif; }
h1, h2, h3, h4 { font-size: 100%; padding: .6em 0; margin: 0 15px; }
ul, ol { list-style: none; }
a {  text-decoration: none;  color:#000; font: 100% Arial, Verdana, sans-serif;}
a:hover { text-decoration: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
input[type=submit], button, label, select { cursor: pointer; }
/*  END OF CSS CUSTOM RESET */
	
body { background:#fff; color:#000; text-align: center; }
h1 { color:#000; }
div.topstrip { position:fixed; _position:absolute; top:8px; left:10px; width:450px; height:28px; background:#000; z-index:10000}
h2.branding { position:fixed; _position:absolute; margin:0; padding:0; top:13px; left:28px; font: 16px Verdana, Arial, sans-serif; width:415px; letter-spacing:2px; color:white; z-index:10001}
h2.branding span{ color:orange; }
div.btmstrip { position:fixed; width:100%; padding:10px; text-align:center; background:#000; color:#ccc; font-size:9px; bottom:0; left:0; z-index:10000; }
div.btmstrip a{ color:#ccc; font-size:9px; }
div.btmstrip a:hover{ text-decoration:underline; }

#container {position:relative; width:100%; margin:0; padding:0; color:#999; text-align: left;}
#content { margin-left:auto; margin-right:auto; padding-top:100px; width:960px;  text-align:left;}

#contenttxt { padding:25px; color:#999; zoom: 1;}
#contenttxt p { margin:25px 0; font-size:90%; text-indent: 1.5em; line-height:1.2em; }
#contenttxt p a { color:#999; font-size:95%; }
#contenttxt p a:hover { text-decoration:underline;  }
.centerpicwithcaption { position:relative;  margin:30px auto; }
.centerpicwithcaption img { padding:4px; border:2px solid #615F5B; }
.centerpicwithcaption h6 { position:absolute; bottom:-12px; right:0; padding:0; margin:0; color:#615F5B; font-size:9px; }

#biopage {  background: url('http://ontariophotographers.com/resources/biobg.jpg') no-repeat top center; }
#biopage  h1 { margin-left:265px; padding:8px; background:#eee; font-size:120%; }
#biotxt { margin:420px 65px 50px 350px; padding:20px; background:#eee;  font-size:100%; }
#biotxt p { margin:25px 0; text-indent: 1em; }
#biotxt span { display:block; margin-bottom:25px; text-align: right; }

.pricetxttop { height:25px;  background: url('http://ontariophotographers.com/resources/rndboxtopbg.png') no-repeat top center;  }
.pricetxt { position:relative;  padding:25px 50px; color:#000; background:#fff  url('http://ontariophotographers.com/resources/rndboxbg.png') repeat-y top center;}
.pricetxt h2 { margin:50px 0 0 0; padding:5px 8px; border-top:1px dotted orange; border-bottom:1px dotted orange;; color:orange; font-weight:normal; font-size:110%;}
.pricetxt p { margin:20px 0; text-indent:20px; font-size:90%;}
.pricetxt span { margin:10px 0; font-size:80%;}
.pricetxt a:hover { text-decoration:underline; }
.pricetxt ul { margin-top:25px; font-weight:bold; font-size:90%; }
.pricetxt ul li{ margin:12px 0 12px 40px; font-weight:normal; list-style: square; color:#000;}
.pricetxtbot { margin-bottom:75px; height:30px; background: url('http://ontariophotographers.com/resources/rndboxbotbg.png') no-repeat bottom center;  }

#gallerycontent { float:left; margin:60px 0 120px; padding:15px; width:750px; background:#6f6b61; }
#gallerycontent  h3 { color:#000; font-size:100%; text-align:right; }
#gallerycontent p { padding:0 0 8px; font-size:80%; color:#fff; line-height:1.4em; }

#lsontent {position:relative; padding:25px 50px;  color:#000; background:#fff  url('http://ontariophotographers.com/resources/rndboxbg.png') repeat-y top center;}
#lsontent h3 { margin-top:30px; font-size:95%; font-weight:bold;}
#lsontent p { margin:10px 0; font-size:90%; text-indent: 1.5em; line-height:1.2em; }

#lsslideshow { position:relative; float:left; margin:0 20px 20px 0; height:350px; width:500px; border:2px solid #fff;  overflow:hidden;}
#lsslideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } 
#lsslideshow img.active { z-index:10; opacity:1.0; }
#lsslideshow img.last-active { z-index:9; }
#lsslideshow span { position:absolute; bottom:0; left:0; width:100%; text-align:right; } 

#fluidcontenttop { position:relative; height:120px; color:#999; background: url('http://ontariophotographers.com/resources/rndboxtopbg.png') no-repeat top center;  }
#fluidcontenttop ul { position:absolute;  top:75px; left:34px;}
#fluidcontenttop ul li { display: inline; margin-right:2px; }
#fluidcontenttop ul li a { position:relative; padding:50px 6px 4px 34px; border:1px solid #fff; background:#eee; color:#333; font-size:14px;}
#fluidcontenttop ul li a:hover { background:#ccc; color:#fff; }
.fluidnavset { position:relative; padding:50px 6px 4px 34px; background:#fff; color:#999; border:1px solid #ccc; font-size:14px;}

#fluidcontent { position:relative; background: url('http://ontariophotographers.com/resources/rndboxbg.png') repeat-y top center;  }
#fluidcontent h2 { font-size:120%; text-align:right; }
#fluidcontent h3 { margin-left:50px; font-size:95%; font-weight:bold; }
#fluidcontent h3 a { font-size:95%; font-weight:bold; color:#999; }
#fluidcontent h3 a:hover { text-decoration:underline;}
#fluidcontent p { margin-left:100px; margin-right:50px; padding:0 0 8px; font-size:75%; line-height:1.2em; }
#fluidcontent p a { font-size:100%; color:#999;  }
#fluidcontent p a:hover {text-decoration:underline; }

#fluidcontentbot { margin-bottom:75px; height:50px; background: url('http://ontariophotographers.com/resources/rndboxbotbg.png') no-repeat bottom center;  }

.indexvend { padding:8px 50px 25px; font-size:12px; text-align:right; }

.wvpics { margin: 3px 0; padding: 0 ; padding-top: 3px ; padding-left:100px ;}
.wvpics img { margin: 2px; background:#fff;   color:#000; padding:3px; border:1px solid black; }
.wvpics a: { -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”; filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; zoom: 1; }
.wvpics a:hover { -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; zoom: 1; }

#vendorindextop { height:25px;  background: url('http://ontariophotographers.com/resources/rndboxtopbg.png') no-repeat top center;  }

#vendorindex { position:relative;  background:#fff  url('http://ontariophotographers.com/resources/rndboxbg.png') repeat-y top center; color: #999;}
#vendorindex h3 { font-size: 14px; }
div.vendorbox {margin:0 50px; }
#vendorindex ul  {float:left;}
#vendorindex ul li {padding-left:75px;}
#vendorindex ul li a { color: #999; font-size:12px;} 
#vendorindex ul li a:hover { text-decoration:underline;}

#vendorindexbot { margin-bottom:75px; height:50px; background: url('http://ontariophotographers.com/resources/rndboxbotbg.png') no-repeat bottom center;  }

#footer { position:relative; margin: 0 auto 75px; width:960px; height:340px; text-align:left; color:#666; font-size:12px; line-height:1.2;}
#footer p { padding:20px; }
#footer a { color:#666; }
#footer a:hover { text-decoration:underline; }
	
#footerleft { position:absolute; top:0; left:0; width:248px; height:280px; background:#dfdfdf; border:2px solid #999; overflow:hidden;}
#footerleft img { float:left; border:1px solid #999; margin:2px 8px; }

#footercenter { position:absolute; top:0; left:258px; width:440px; height:280px;  background:#dfdfdf; border:2px solid #999; overflow:hidden;}
#footercenter form { padding:20px; }
#footercenter p { margin:0; padding:5px; clear: both; }
.highlightfield { color:#f7dc7d; background:#333; }
legend { padding:0 0 15px 20px; }
label { width: 60px; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.submit { margin-left: 260px;  font-size: 0; width: 112px; height: 25px; border: none; background: url('http://ontariophotographers.com/resources/sendmessage.png') 0 0 no-repeat;}
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
	
#footerright { position:absolute; top:0; right:0; width:248px; height:280px; background:#dfdfdf; border:2px solid #999; text-align:center; overflow:hidden;}
#footerright img { margin:0 5px; }
.submit2 { margin-top:5px; font-size: 0; width: 72px; height: 25px; border: none; background: url('http://ontariophotographers.com/resources/searchbutton.png') 0 0 no-repeat;}
	
.transparency { -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=60)”; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; zoom: 1;}
.roundcorners { -moz-border-radius:10px; -webkit-border-radius:10px; } 

.special { display:none; }
#submit { cursor: pointer; }

.bottomnav {color:#615F5B; font-size:100%; text-align:center; }
.bottomnav li { display: inline; border-right:1px solid #615F5B; }
.bottomnav li.last { border-right:0; }
.bottomnav a { padding:3px 8px; color:#615F5B; font-size:80%;}
.bottomnav a:hover { text-decoration:underline; }

.copyright { margin:50px auto 20px; width:500px; font-size:10px; color:#615F5B; text-align:center; line-height:1.2em}
.copyright a { color:#615F5B; font-size:10px; }
.copyright a:hover { text-decoration:underline; }

#setxt {margin-bottom:50px; color:#615F5B; font-size:9px; text-align:center;}

.gototop { margin:5px 0; text-align:right; }
.gototop a { color:#615F5B; font-size:11px; }
.gototop a:hover { text-decoration:underline; }


.gototop2 { margin:5px 50px 0 0; text-align:right; }
.gototop2 a { color:#333; font-size:11px; }
.gototop2 a:hover { text-decoration:underline; }



.ddsmoothmenu{ position:fixed;  _position:absolute; top:38px; left:10px; width:600px;
font: bold 12px Verdana; text-align:left; 
background: transparent; /*background of menu bar (default state)*/
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #fff; /*background of menu items (default state)*/
padding:8px 10px; 
color: #000;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #000;
padding:8px 10px; 
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:  #fff; 
color: #000;
padding:8px 10px; 
}

.ddsmoothmenu ul li a:hover{
background:  #eee; /*background of menu items during onmouseover (hover state)*/
color: #000;
text-decoration:underline;
padding:8px 10px; 
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}