/*********** Copyright 2007 Chris Johansson ***************/
/*********** Author: Chris Johansson **********************************/
/*********** chris@chrisjohansson.com *********************************/
* {padding: 0;margin: 0;}
html,body{height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;background-color:#e8f2fb;}
img,form,div,html,body{margin:0px;padding:0px;}
h1{font-size:26px;font-weight:bold;margin:0;padding:0em 0em 0.4em 0em;font-family:Georgia, "Times New Roman", Times, serif;}
h2{font-size:20px;font-weight:bold;margin:0;padding:0em 0em 0.4em 0em;font-family:Georgia, "Times New Roman", Times, serif;}
h3{font-size:16px;font-weight:bold;margin:0;padding:0em 0em 0.4em 0em;font-family:Georgia, "Times New Roman", Times, serif;}
h4{font-size:13px;font-weight:bold;margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;}
h5{font-size:11px;font-weight:bold;margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;}
h6{font-size:9px;margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;}
p{font-size:12px; line-height:17px;padding-bottom:1em;font-family: Verdana, Arial, Helvetica, sans-serif;}
ul {font-size:14px;margin:1em 0em 1em 2em;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;}

/*********** IDs - containers *********************************/
div#headercontainer {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width: 100%;background-color:#64BDEB;}
.headbg{background-color:#64BDEB;width: 62em;margin:0 auto;background-image:url(/images/headbg.gif);background-repeat:repeat-x;background-position:bottom;}
div#header{height:145px;position:relative;text-align:left;padding:0;background-color:transparent;font-size:12px;}
div#navbar{padding:4px 0px;width: 100%;margin:0 auto;text-align:right;border-bottom:1px solid #B0BDAC;background-color:transparent;}
div#navbar a {font-size:1em;font-weight:bold;text-decoration:none;color:#DEEAF8;background-color:#5D88A2;font-family:Georgia, "Times New Roman", Times, serif;}
.topnav{width:600px;padding-right:1em;float:right;text-align:right;font-size:0.9em;}
.topnav a{text-decoration:none;color:#000;}

div#mid{position:relative;width:100%;padding:0;background-color:#59ABD3;background-image:url(/images/midbg.gif);background-repeat:repeat-x;background-position:bottom;}
div#gallery{background-color:#5D88A2;width: 62em;margin:0 auto;text-align:left;overflow:hidden;background-image:url(/images/menubg.gif);background-repeat:repeat-y;background-position:left;}
div#gallery h1{text-transform:capitalize;color:#E6EAEC;text-decoration:none;padding:0.4em 0em 0.4em 0.8em;background-image:url(/images/menubg.gif);background-repeat:repeat-y;background-position:left;}
div#gallery h1 a{color:#E6EAEC;text-decoration:none;}
div#gallery ul{list-style-image:url(/images/oa.gif);list-style-position:inside;background-image:url(/images/menubg.gif);background-repeat:repeat-y;background-position:left;margin:0px;font-family:Georgia, "Times New Roman", Times, serif;}
div#gallery ul li{text-transform:capitalize;font-size:1.5em;font-weight:bold;color:#E6EAEC;margin:0;padding-left:1em;height:26px;border-bottom:2px solid #5D88A2;}
div#gallery ul li a{text-decoration:none;color:#E6EAEC;}
div#gallery ul li a:hover{color:#FFF;}
div#gallery ul li.focus{color:#fff;background-color:#5D88A2;}

div#mid2{background-color:#63bce9;position:relative;width:100%;padding:0;}
div#extra{background-color:#8ec2e0;position:relative;width:62em;margin:0 auto;text-align:left;background-image:url(/images/enbg.gif);background-repeat:repeat-x; background-position:bottom;}
div#extra p{float:right;font-size:1em;padding:10px 10px 13px 0;margin:0;text-decoration:none;color:#330000;font-family:Georgia, "Times New Roman", Times, serif;}
div#extra p a{text-decoration:none;color:#330000;}
div#extra ul{list-style-type:none;list-style-position:inside;margin:0;padding-left:7px;}
div#extra ul li{float:left;z-index:2;position:relative;margin-left:14px;padding:10px 15px 10px 15px;text-transform:capitalize;font-size:1.2em;font-family:Georgia, "Times New Roman", Times, serif;background-image:url(/images/basm.gif);background-repeat:no-repeat;background-position:0% 50%;}
div#extra ul li a{margin:0;padding:0;color:#330000;text-decoration:none;}
div#extra ul li ul li a{margin:0px 0px 0px 0px;padding:4px 0px 4px 10px;color:#330000;text-decoration:none;line-height:18px;font-size:16px; display:block;} 
div#extra ul li ul li a:hover{background-color:#5D88A2;color:#F18001;}
div#extra li ul {display: none;position: absolute;top: 30px;left: 0;width:150px;min-width:150px;}
div#extra li ul li{float:none;margin:0px;padding:0px;background-image:url();width:100%;list-style-position:outside;}
div#extra li:hover ul, div#extra li.over ul {display: block;background-color:#8ec2e0;position:absolute;z-index:10000;padding:0;}
	
/*list-style-image:url(/images/basm.gif);*/
div#wrap{width: 100%;padding:0;background-color:#64BDEB;background-image:url(/images/wrapbg.gif);background-repeat:repeat-x;background-position:bottom;}
div#data{width: 62em;margin:0 auto;background-color:#98cff0;background-image:url(/images/contentbg.gif);background-repeat:repeat-x;background-position:bottom;}
div#content{float:left;width: 40em;text-align:left;padding:20px 0px 0px 16px;}
div#content h1, div#content h1 a {color:#324351;text-decoration:none;}
div#content h2, div#content h2 a {color:#324351;text-decoration:none;}
div#content h2 a:hover{color:#FFFFFF;}
div#content h3, div#content h3 a {color:#324351;text-decoration:none;}
div#content h3 a:hover{color:#FFFFFF;}


div#footercontainer{width: 100%;margin:0;padding:0px;background-color:transparent;}
div#footerLinkRow{text-align:left;width: 62em;margin:0;padding:0px;position: relative;background-color:#e9f4fc;}
div#footerCopyRow{text-align:right;width: 62em;margin:0;padding:0px;position: relative;background-color:#e9f4fc;}
div#footerLinkRow p{font-family: Tahoma, Arial, Helvetica, sans-serif;padding:5px 5px 5px 0.5em;color:#444444;}
div#footerLinkRow p a{color:#313131;text-decoration:none;}


div#info{position:relative;float:left;width:69%;margin:0;padding:1em;}

div#side{float:right;width:26%;margin:0 0 0 1em;padding:0.5em;text-align:left;position:relative;}
div#side h1{font-size:1.4em;font-weight:bold;}
div#side ul {font-size:12px;}

div#side .cat {
	font-size:1.1em;
	line-height:1.7em;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica, san-serif;
	text-decoration:none;
}
div#side .cat a{
	color:#005454;
	text-decoration:none;
}

.infopad{margin:2% 2% 1.5% 2%;}
.note{font-size:0.7em;font-family:Arial, Helvetica, sans-serif;}
.editlink{font-size:9px;font-weight:bold;}

ul.frontproducts {padding:0;margin:0;position:relative;float:left;}
.frontproducts a {text-decoration:none;color:#000;}
.frontproducts a:hover {text-decoration:underline;color:#fff;}
.frontproducts li{text-align:center;position:relative;float:left;display:block;padding:2px;margin:3px;width:100px;list-style-type:none;}


							/* Footer styles and classes */
div#footerLinkRow div.foottext p{ text-align:center;font-size:11px; text-transform:uppercase; font-family:"Times New Roman", Times, serif;}
.copy{color:#666666;font-size:0.65em;font-family:Arial, Helvetica, sans-serif;padding:0 1em 0 1em;}
.copy a{color:#333333;background-image:url(/images/horizdot.gif);background-repeat:repeat-x;background-position:bottom;text-decoration:none;}
.copy a:hover{background-color:transparent;color:#FFFFFF;background-image:url();text-decoration:none;}
.clearer{font-size: 0px;line-height: 0px;clear:both;}

							/* Form styles and classes */

.formspan{position:relative;float:left;margin:0px 2px 0px 0px;}
div#content .formspan p{margin:0px;padding:0px;font-size:9px;}
ul.sideitems{text-align:center;list-style-type:none;margin-left:0;}
ul.sideitems li{padding-top:2em;margin-right:2em;}

.success{background-color:#E8FFE8;border-top:2px solid #006600;border-bottom:2px solid #006600;padding:20px;color:#003300;font-size:16px;}
.fail{background-color: #FFE8E8;border-top:2px solid #FF0000;border-bottom:2px solid #FF0000;padding:20px;color: #990000;font-size:16px;}