/*#############################################################
Name: Beautiful Day
Date: 2006-11-12
Description: A soft and bright two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
  color: #245b8a;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


body {
	background: #000000 url(/static/img/bg.png) repeat;
	color: #444;
	font-size: 62.5%;
    font-family: Arial, Verdana, sans-serif;

}
p{
  font-size: 100%;
  font-family: Arial, Verdana, sans-serif;
}


li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 840px;
}
#parallax
    {position:relative; overflow:hidden; width:839px; height:150px;}
/* header */
.top {
	background: url(/static/img/clouds.gif) repeat-x;
	padding: 25px 10px 0;
}
/* title */
.header {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 840px;
}
/* navigation */
.navigation {	
	background: #D9E1E5 url(/static/img/sprite.png);
	background-position: 0 -1140px;
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.navigation a {
	background: #D9E1E5 url(/static/img/sprite.png);
	background-position: 0 -1069px;
	border-right: 1px solid #AFBEC7;
	display:block;
	color: #456;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}

.navigation a:hover {background-position: 0 -1140px; color: #234;}

/* main */
.main {
	border-top: 4px solid #FFF;
	background: #FFFFFF;
}

/* sub navigation */
.sidenav {
	float: left;
	width: 163px;
}
.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
/* content */
.content {
	float: right;
	margin: 10px 0;
	padding: 0 16px;
	width: 640px;
}

.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(/static/img/purplebullet.png);
	margin-left: 18px;
}
.content p {font-family: Arial, Verdana, sans-serif;}
/* footer */
.footer {
    background: #D9E1E5 url(/static/img/sprite.png);
	background-position: 0 -30px;
	border: 1px solid #DFEEF7;
	height: 41px;
	/* old */
	background: url(/static/img/sprite.png)repeat-x;
	background-position: 0 -30px;
}
.footer p{
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}
/*sprites */
#icon-cookie-sm{
 background:url(/static/img/sprite.png);
 background-position: 0 -599px;
 height: 16px;
 width: 16px;
}
#security{
 background:url(/static/img/sprite.png);
 background-position: 0 -1211px;
 height: 32px;
 width: 32px;
}
#icon-lock{
background:url(/static/img/sprite.png);
background-position:0 -1023px;
width:16px;
height:16px;
}
#icon-unlock{
background:url(/static/img/sprite.png);
background-position: 0 -1324px;
width:16px;
height:16px;
}
#about-image{
background:url(http://static.libertybell.biz/static/img/sprite.jpg) 0 0;
width:193px;
height:168px;
}
/* TOOLTIP HOVER EFFECT */
#tooltip{ width:20em; color: #fff; background: #555; font-size: 12px; font-weight: normal; padding: 5px; border: 3px solid #333; text-align: left; }
#error {
   border: 1px solid red;
   border-left: 5px solid red;
   padding: 2px;
   margin: 5px 0 15px 0;
   background: #eee;
}
#notice {
   border: 1px solid green;
   border-left: 5px solid green;
   padding: 2px;
   margin: 5px 0 15px 0;
   background: #eee;
}
fieldset { border:1px solid #3f95d6 }

legend {
  padding: 0.2em 0.7em;
  border:1px solid #3f95d6;
  color:#000000;
  font-size:90%;
  text-align:left;
  }
  
 
/*#############################################################
Name: Below is for NiceForm CSS
#############################################################*/
/*Input field - CSS SPRITING DONE*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(/static/img/sprite.png) repeat-x 0 -768px; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTxtCHover{background-position: 0 -717px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(/static/img/sprite.png) no-repeat 0 -819px;}
.NFTextRight {background:url(/static/img/sprite.png) no-repeat 0 -870px;}
.NFtxtLHover{background-position:0 -921px;}
.NFtxtRHover{background-position:0 -972px;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/static/img/sprite.png) no-repeat 0 -479px; z-index:2;}
.NFcheck2{background-position:0 -437px;}
/*Buttons - CSS SPRITING DONE*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/static/img/sprite.png) repeat-x 0 -269px; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonHover{background-position: 0 -101px;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(/static/img/sprite.png)  no-repeat 0 -325px;}
.NFButtonRight {background:url(/static/img/sprite.png) no-repeat 0 -381px;}
.NFbuttonLHover{background-position: 0 -157px;}
.NFbuttonRHover{background-position: 0 -213px;}
/*Focused*/
.NFfocused {border:1px dotted #666;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}