html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
h1, h2, h3, h4, p, ul, li, hr {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	font-weight: bold;
}
img {
	border: none;
}
body {
	color: #474747;
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#main-wrapper {
	background: url('img/main-bg.png') top left no-repeat;
	position: relative;
	width: 980px;
}

/* STICKY SIDEBAR */
#sticky-sidebar {
	left: 0;
	padding: 0;
	position: absolute;
	top: 375px;
}

/* COLUMNS */
#left-column, #right-column {
	float: left;
}
#left-column {
	padding: 60px 45px 0 30px;
	width: 200px;
}
#right-column {
	width: 700px;
}

/* LEFT COLUMN */

#left-column a.home {
	display: block;
    text-decoration: none;
    position: absolute;
    top: 57px;
    left: 40px;
    height: 63px;
    width: 196px;
    cursor: pointer;
}
#title h1 {
	font-size: 42px;
}

#nav-about, #nav-serve, #nav-contact, #nav-tools {
	background-position: top left;
	position: absolute;
}
#nav-about {
	background: url(img/links/about.png) no-repeat;
	height: 74px;
	left: 42px;
	top: 182px;
	width: 75px;
}
#nav-about:hover, #nav-about.current {
	background-position: -74px 0;
}
#nav-serve {
	background: url(img/links/serve.png) no-repeat;
	height: 96px;
	left: 142px;
	top: 155px;
	width: 97px;
}
#nav-serve:hover, #nav-serve.current {
	background-position: -96px 0;
}
#nav-contact {
	background: url(img/links/contact.png) no-repeat;
	height: 69px;
	left: 45px;
	top: 275px;
	width: 71px;
}
#nav-contact:hover, #nav-contact.current {
	background-position: -70px 0;
}
#nav-tools {
	background: url(img/links/tools.png) no-repeat;
	height: 82px;
	left: 132px;
	top: 270px;
	width: 83px;
}
#nav-tools:hover, #nav-tools.current {
	background-position: -82px 0;
}

/* RIGHT COLUMN */
#right-nav {
	color: #8c8b8b;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 18px;
	margin: 17px 0;
	text-transform: uppercase;
	width: 700px;
}
#right-nav .purple-link {
	font-size: 7pt;
}
	
.facebook, .twitter, .picasa, .projector {
	background: url('img/connect-links.png') no-repeat top left; 
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	height: 20px;
	width: 20px;
}
.twitter {background-position: -21px 0;}
.picasa {background-position: -42px 0;}
.projector {background-position: -63px 0; width: 32px;}
.projector:hover, .projector.current {background-position: -95px 0;}

.collapsible {
	background: url('img/collapsible.png') no-repeat top left; 
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	height: 21px;
	width: 23px;
}
.collapsible.active {background-position: -23px 0;}
.collapsible:hover {background-position: 0 -21px;}
.collapsible.active:hover {background-position: -23px -21px;}

.question {
	background: url('img/question.png') no-repeat top left; 
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	height: 21px;
	width: 23px;
}
.question:hover {background-position: 0 -21px;}

.share-it {
	background: url('img/share-it.jpg') no-repeat top left; 
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	height: 21px;
	width: 88px;
}
.hzdg {
	background: url('img/hzdg.png') no-repeat top left; 
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	height: 14px;
	width: 56px;
        margin-top: 8px;
}
.slideshow-buttons {
	background: url('img/slideshow-buttons.jpg') no-repeat top left; 
	height: 38px;
	width: 450px;
}
.slideshow-buttons a {
	display: -moz-inline-stack;
	display: inline-block;
	float: left;
	height: 38px;
	width: 50%;
}

#content, #footer {
	clear: both;
	float: left;
}
#content {
	font-size: 8pt;
	line-height: 17px;
	width: 700px;
        margin-top: 5px;
}

/*.global-youth, .rock-the-vote, .repair-the-world {
	background: url('img/footer-links.png') no-repeat top left; 
	display: -moz-inline-stack;
	display: inline-block;
	height: 65px;
	width: 51px;
	top: 5px;
}
*/
.rock-the-vote {
/*	background-position: -51px 0;
	width: 75px;
*/
width:225px;
height: 58px;

}
.global-youth {
background: url('img/global-youth.png') no-repeat top left;
display: inline-block;
margin-top:10px;
width: 58px;
height: 65px;
}

.repair-the-world {
/*	background-position: -127px 0;
	width: 93px;
*/
background: url('img/repair-the-world.png') no-repeat top left;
display: inline-block;
margin-top:10px;
width: 90px;
height: 65px;
}

#footer {
	font-size: 7pt;
	margin-left: -10px;
	padding: 38px 0 0;
	width: 715px;
}
#left-footer, #right-footer {
	float: left;
}
#left-footer {
	width: 225px;
	margin-top: 2px;
}
#right-footer {
	float: right;
	text-align: right;
	width: 460px;
}
#right-footer p {
        line-height: 14px;
}

/* IMAGE BOX */
.image-box {
	position: relative;
}
.image-box .caption {
	background-color: #000;
	bottom: 9px;
	color: #FFF;
	line-height: 15px;
	padding: 15px;
	position: absolute;
	right: -12px;
	width: 60%;
	z-index: 30;
	opacity:0.7;
}
.image-box .caption h1 {
	font-size: 14px;
	line-height: 22px;
	padding: 0 0 10px;
	text-transform: uppercase;
}
.image-box .caption h1 big {
	font-size: 14px;
	font-weight: bold;
}
.image-box .caption a:hover {
	color: #FFF;
}
.image-box .caption-corner {
	background: url('img/caption-corner.png') no-repeat;
	bottom: 1px;
	height: 8px;
	position: absolute;
	right: -12px;
	width: 12px;
	z-index: 31;
}

/* BORDERS */
.bordered-content {
	position: relative; 
	z-index: 50;
}
.bordered {
	position: relative;
}
.toggle-border {
	background-color: #ECECEC;
	border-bottom: 1px solid #FFF;
}
.toggle-border.black {
	border-bottom: 1px solid #000;
}

/* STYLING */
.content-box {
	background-color: #FFF;
	border-right: 1px solid #ECECEC; 
	border-top: 1px solid #ECECEC; 
	width: 699px;
}
.content-box h1 {
	font-size: 14pt;
	margin: 20px 20px 0;
}
.content-box h3 {
	margin: 20px 0 0 20px; 
}
.content-box h2 {
	font-size: 10pt;
	margin: 0 0 15px;
}
.content-box .title-bar {
	background-color: #000;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 5px;
	width: 690px;
}
.content-box p {
	margin: 12px 20px;
}
.blue-box {
	background-color: #E1EDFB;
	padding: 7px;
}
.top-jservers {
	background-color: #FCFCFC;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}
.top-jservers-list {
	 background: url('/media/style/img/top-jservers.jpg') no-repeat; 
	 height: 203px;
}
.red {
	color: #E52206;
}
a.purple-link.margined {
	margin: 0 20px 20px;
}
p {
	line-height: 18px;
}
hr {
	border: 0;
	background-color: #ECECEC;
	color: #ECECEC;
	height: 1px;
}
.purple-link {
	background-color: #7650AA;
	color: #FFF;
	display: -moz-inline-stack;
	display: inline-block;
	font-size: 6pt;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	text-transform: uppercase;
	vertical-align: middle;
}
.purple-link:hover, .purple-link.current {
	background-color: #9E7AD0;
	color: #FFF;
}
#error-list-container {
	background: #ECECEC;
	margin: 40px 30px 0 15px;
	position: relative;
	vertical-align: middle;
	width: 230px;
}
.error-list-image {
	 height: 7px; 
	 width: 230px;
}
.error-list {
	background: #AE1B1A;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 0 10px;
	text-align: center;
	text-transform: uppercase;
	width: 220px;
}
#sticky-sidebar .error-list p {
	margin: 0;
	padding: 10px 0;
}

h1, h2, h3 {
	text-transform: uppercase;
}
a {
	color: #3A7AC9;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
a.current.no-current {
	color: #3A7AC9;
}
a:hover, a:active, a.current {
	color: #000;
}
table {
	border-collapse: collapse;
}
td {
	border-right: 1px solid #FFF;
	text-align: center;
}
td a {
	color: #FFF;
	display: block;
	padding: 7px;
	text-transform: uppercase;
}
form label {
	display: -moz-inline-stack;
	display: inline-block;
	font-weight: bold;
	width: 110px;
}
form.wide-left label {
	width: 140px
}
input, select, textarea {
	background-color: #FFF;
	border: 1px solid #B2B2B2;
	display: -moz-inline-stack;
	display: inline-block;
}
input:hover, select:hover, textarea:hover,
input:focus, select:focus, textarea:focus {
	border-color: #000;
	font-color: #000;
}
input[type="text"] {
	height: 18px;
}
input[type="checkbox"] {
	display: none;
	height: 12px;
	margin: 0;
	width: 12px;
}
.checkbox {
	background-color: #FFF;
	display: -moz-inline-stack;
	display: inline-block;
	height: 12px;
	width: 12px;
}
.checkbox.checked {
	background-color: #000;
}
select {
	padding: 1px;
}
fieldset {
	border: none;
	padding: 10px;
}
fieldset p {
	vertical-align: top;
}

a.pdf {
	background: url('img/pdf.jpg') no-repeat;
	display: -moz-inline-stack;
	display: inline-block;
	height: 25px;
	font-size: 11px;
	padding-left: 30px;
	text-transform: uppercase;
}
/* CLEAR FIX */
.clear-fix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear-fix {
	display: inline-block;
}
html[xmlns] .clear-fix {
	display: block;
}
* html .clear-fix {
	height: 1%;
}

/* AUTOCOMPLETE */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height is not set or it 
	is in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
	
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.back-to-home-ff {
    position: relative;
    bottom: 20px;
}