body {
background-color: #ffffff;
font-size: 12px;
line-height:19px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #3563ED;}
a:visited {color:#3563ED;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

img.top {padding:2px; margin:4px; border:1px solid #ccc;}

p.flickr {font-size:9px;}
.underline{text-decoration:underline;}

/* ----------container to center the layout-------------- */
#container {
width: 757px;
margin-bottom: 10px;
margin-top:10px;
border: 1px solid #cccccc;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #ffffff;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content { 
min-height:555px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* --------------left nav wrap------------- */
#leftnav {
background-color:#f1f1f4;
float: left;
width: 188px;
margin-left: 2px;
padding: 0px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

#leftnav a:link{color: #666666; text-decoration:none; font-size:11px;}
#leftnav a:visited{color:#666666; text-decoration:none; font-size:11px;}
#leftnav a:hover{color: #333333; text-decoration:underline; font-size:11px;}
#leftnav a:active{ color:#000000; font-size:11px;}

#leftnavheader {margin-left: 4px; padding: 0px;}

#leftnavinfo a:link{color: #666666; text-decoration:none; font-size:11px;}
#leftnavinfo a:visited{color:#666666; text-decoration:none; font-size:11px;}
#leftnavinfo a:hover{color: #333333; text-decoration:underline; font-size:11px;}
#leftnavinfo a:active{ color:#000000; font-size:11px;}
#leftnavinfoheader {margin-left: 4px; padding: 0px;}
#leftnavinfo {
background-color:#f1f1f4;
float: left;
width: 188px;
margin-left: 2px;
padding: 0px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

#colone {
text-align: left;
vertical-align: middle;	
margin:0;
padding: 0 auto;
width: 340px;
float:left;
}

#coltwo {
text-align: left;
vertical-align: middle;	
margin:0;
padding: 0 auto;
width: 200px;
float:left;
}

#productwrap {
background-repeat:repeat-y;
text-align: left;
vertical-align: middle;	
margin:0;
padding: 0px;
width: 540px;
float:left;
border-bottom:1px solid #cccccc;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

#footer p{font-size:10px;}