/* CSS Document */

html {padding:0px; margin:0px;}
body {padding:0px; margin:0% 0% 0% 50%; background-image:  url(/images/global/bg_gradient.gif); background-repeat: repeat-x; background-color:#a2c1d9; font-family:arial, verdana, serif;}

a:link, a:visited {color:#369; }
a:hover {color:#666;}

.admin:link, .admin:visited {color:#fff; text-decoration:none;}
.admin:hover {color:#fff;}

.eventlink a:link:link, .eventlink a:visited {line-height:20pt; font-size:10pt; margin-left:15px; background: url(/images/global/folder.gif) no-repeat left;}

h1 {font-family:'century gothic', verdana, serif; font-size:18pt; letter-spacing:2px; color:#369; font-weight:bold; margin:5px 0px 10px 0px; }
h2 {color:#369; font-size:14pt; font-weight:normal; margin:0px;}
h3 {background-color:#369; font-weight:normal; color:#fff; padding:3px 2px 3px 10px; margin:6px 6px 6px 6px; font-size:9pt;}
h4 {background: url(/images/global/bg/HeaderBg.gif) repeat-x; font-weight:bold; font-size:9pt; color:#fff; margin:0px 0px 2px 0px; padding:3px 2px 5px 3px;}


p {color:#666; font-size:9pt; margin:0px 0px 0px 0px; line-height:16px; font-family:verdana, arial, serif;}
.blk1 {font-size:8pt;}
.blue {color:#369;}
.blue1 {color:#369; font-size:8pt;}
.blue2 {color:#369; font-size:12pt; line-height:150%;}

.padding {padding:0px 3px 10px 10px;}

#ip2 {float:left; margin-right:10px;}
#ip1 {float:right; margin-left:10px;}
.ipl {float:left; margin-right:5px;}
.ipr {float:right; margin-left:5px;}
img .border {border:3px solid #999;}

#top {background-color:#ccc;}
#container {width:770px; margin:10px 0px 0px -385px; background-color:#fff; border:1px solid #666; }
#container_index {width:770px; margin:10px 0px 0px -385px; background-color:#fff; background-image:  url(/images/index/home_bg.gif); background-repeat: repeat-x; border:1px solid #666; }

#main {float:right; margin: 0px 0px 20px 0px; width:568px;}
#main_index {float:right; margin:12px 0px 0px 0px; width:518px;}
#side {float:left; width:200px; height:350px; margin:5px 0px 0px 0px; background: url(/images/global/side_bg.gif) no-repeat top left; }
#side_index {float:left; width:250px; margin:5px 0px 0px 0px;}

#side_nav {background-color:#ccc; border-bottom:2px ridge #ccc; margin-right:5px;}
#side_nav a:link, #side_nav a:visited {color:#666; text-decoration:none; border-bottom:1px solid #fff; display:block; margin:0px 10px 0px 10px; font-size:9pt; padding:6px 0px 6px 15px; background: url(images/global/nav.gif) no-repeat left; letter-spacing:2px;}
#side_nav a:hover { color:#fff; background: url(/images/global/nav_on.gif) no-repeat left; background-color:#666;}
#side_nav .sub:link, #side_nav .sub:visited {color:#fff;  text-decoration:none; border-bottom:1px solid #fff; display:block; margin:0px 10px 0px 20px; font-size:8pt; padding:3px 0px 3px 15px;  letter-spacing:2px;}
#side_nav .sub:hover { color:#fff; background-color:#666;}
#side_nav .last:link, #side_nav .last:visited {border-bottom:none;}
#footer {color:#999; font-size:8pt; letter-spacing:2px; text-align:right; margin:10px 5px 0px 0px; clear:both;}

#sec_nav {color:#666; font-size:10pt; letter-spacing:1,5px; }
#sec_nav a:link, #sec_nav a:visited { background: url(/images/global/blue_square.gif) no-repeat left; padding:0px 15px 0px 15px; }
img {border:none;}

.ddl {font-size:8pt; color:#333;}

TH {text-align:left; color:#369; font-size:8pt;}

form {margin:0px;}

ul {margin:0px; padding:0px; list-style-image:square;}
ul li {margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;}

#DisBox {float:left; margin:5px 15px 10px 0px; color:#666; width:250px; height:130px; padding:5px; border:1px solid #ccc; display:inline; font-size:10pt; }
#DisBox a:link, #DisBox a:visited{font-size:10pt; color:#666;}
#DisBox h4 a:link, #DisBox h4 a:visited {color:#fff; text-decoration:none;}

#DisList ul li {margin:8px 0px 8px 0px; padding:0px; list-style-type:none; clear:both; height:86px; list-style-image:none;}
#DisList img {border:3px solid #ccc;}

/*These are used to make a two colum layout look on the products pages*/
#SmallCol1 {float:left; width:50%;}
#SmallCol2 {float:left; width:50%;}

/*Styling buttons */
.Buy{height:22px; width:60px; border:none; background: transparent url("/Images/global/add_cart.gif") no-repeat;}

.BorderBox {border:1px solid #ccc; padding:3px;}