/*
Theme Name: NonProfitDB (One Organization, One Database)
Theme Url: http://www.nonprofitdb.org/
Description: The NonProfitDB theme created by <a href="http://www.vielgi.com/">Vielgi Data Design</a>.
Latest Release: 6/20/2009
Author: http://www.vielgi.com/
Author Url: http://www.vielgi.com/
Concept: V.L. Georgiev
HTML: Sinisa Draganov, V.L. Georgiev
CSS: Sinisa Draganov, V.L. Georgiev
Graphic and Flash Design: Sinisa Draganov
Scripting: V.L. Georgiev

[Table Of Contents]

0- Reset
1- Global
2- Links
3- Headings
4- Header, Menu, Logo
5- Content Home Page
6- Content Other Pages
7- Forms
8- Extras
9- Footer
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body
{
color: #333;
background-attachment: fixed;
background-color: #f5f6f7;
background-repeat: repeat-y;
background-position: center bottom;
font-family: "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
font-size: 0.7em;
margin-top: 0px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}

.main {
text-align: left;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 4px;
margin-left: auto;
}

.container
{}

.iframe
{background-color:transparent;
}

.main .container #loginbar {
	height: 20px;
	width: 880px;
	padding: 10px;
}
.main .container #loginbar a {
	font-weight: bold;
}
.main .container #loginbar a:hover {
	color: #0DB0FF;
	
}
.main .container #loginbar span {
	float: right;
}

.button
{text-align:center;}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a
{
color: #0088CC;
text-decoration: none;
}

/*a:link, a:visited {
color: #333;
}
a:hover {
color: #111;
}
a:active {
color: #111;
}*/

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1  
{
margin: 0;
color: #000000;
font-family: sans-serif, Arial;
font-weight: normal;
}

h2
{
    color: #666;
    font-size: 12px;
}

h3
{ font-size: 12px;
  text-align: center; 
  color:#666666;
  font-style:normal;
font-variant:normal;
font-weight:normal;}


/* =4 Header,Menu,Logo
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	height: 49px;
	overflow: hidden;
	background-repeat: repeat-x;
	font-family: sans-serif;
	width: 900px;
	font-size: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F5F6F7;
	background-image: url(img/header-back.gif);
	padding-bottom: 3px;
}

.logo
{
    float: left;
    
}

.logo img 
{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.menu 
{
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
float: left;
font-size: 12px;
line-height: normal;
font-weight: normal;
height: 36px;
padding-bottom: 13px;
width: 657px;
background-image: url(img/menu-bg.gif);
background-position: right top;
}
.menu img {
padding: 0px;
float: left;
}
.menu .menu_over
{
display: block;
margin: 0px;
float: left;
padding: 0px;
color: #FFFFFF;
}
.menu .menu_over a {
display: block;
height: 24px;
padding-top: 11px;
padding-right: 14px;
padding-bottom: 0px;
padding-left: 14px;
color: #FFFFFF;
background-image: url(img/menu-bgr-over-on.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
position: relative;
float: left;
margin: 0px;
}
.menu .menu_over a:hover {
background-position: 0px -36px;
position: relative;
}
.menu .menu_on
{
display: block;
height: 24px;
padding-top: 11px;
padding-right: 14px;
padding-bottom: 0px;
padding-left: 14px;
background-position: 0px -72px;
position: relative;
float: left;
cursor: default;
color: #0088CC;
}

.menu .menu_on a:hover
{

color: #FFFFFF;


}

/* =5 Content Home Page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content 
{
clear: both;
float: left;
}

.content a 
{
color: #0088CC;
text-decoration: none;
}

p
{
    margin: 3px 0 6px;
    color: #666;
}

.upper {
height: 350px;
width: 900px;
float: left;
}

.lower {
width: 900px;
float: left;
width: 900px;
display: block;
padding-top: 10px;
padding-bottom: 10px;
}

.item2outer{
float:left;
width: 340px;
background-image: url(img/items-outer-bg.gif);
background-repeat: repeat-y;
padding-top: 0px;
padding-right: 14px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 12px;
}
.item2outer .lower1 {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 10px;
    background-image: url(img/items-inner-bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 185px;
}

.item3outer{
    float: left;
    width: 191px;
    background-image: url(img/items2-outer-bg.gif);
    background-repeat: repeat-y;
    padding: 0px;
}
.item3outer  .lower2 {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-image: url('img/items2-inner-bg.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 185px;
    padding-top: 10px;
}


/* =6 Content Other Pages
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.video {
float: left;
width: 900px;
padding-bottom: 14px;
}
.videotabs {
float: left;
width: 218px;
display: block;
margin: 0px;
list-style-type: none;
padding-top: 35px;
padding-right: 0px;
padding-bottom: 35px;
padding-left: 0px;
}
.videotabs  a  {
height: 25px;
padding-top: 9px;
padding-left: 10px;
background-repeat: no-repeat;
font-size: 14px;
display: block;
color: #5A7587;
background-position: right top;
}
.videotabs  a:hover  {
background-image: url(img/video-tab-over.jpg);
color: #000033;

}
.videotabs .selected  {
height: 25px;
padding-top: 9px;
padding-left: 10px;
background-repeat: no-repeat;
font-size: 14px;
display: block;
color: #000000;
background-image: url(img/video-tab-selected.jpg);
background-position: right top;
}
.win-682-px-outer {
width: 682px;
background-image: url(img/win-682-px-bg.gif);
float: left;
}
.win-682-px-winner  {
display: block;
background-image: url(img/win-682-pxbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-top: 0px;
padding-right: 14px;
padding-bottom: 14px;
padding-left: 14px;
font-size: small;
font-family: Verdana;
}

.paragraph
{width:635px;
height: 180px;
}
.pic
{
float: left;
padding-top: 10px;
margin-top: 10px;
font-weight: bold;
line-height: normal;
text-align: center;
white-space: normal;
width: 260px;
height: 160px;
display: block;
padding-bottom: 10px;
}
.pic a:hover
{
color: #FFFFFF;
background-color: #0088CC;
}

.text
{
    /*float:right;*/
margin-left: 300px;
    margin-top: 5px;
    padding-top: 5px;
    text-align: justify;
}


.win-682-px-winner a:hover
{color: #0088CC;}


.padding {
padding: 14px;
}

.videoholder {
background-color: #EAEAEA;
height: 370px;
width: 470px;
margin: auto;
font-size: 16px;
}
.sidebar {
float: right;
width: 208px;
padding-left: 9px;
background-image: url(img/208-px-bg.gif);
background-repeat: repeat-y;
background-position: 9px 0px;
text-align:center;
}
.sidebar-paragraph {
font: 100% Verdana;
padding-left: 14px;
background-image: url(img/208-px-bottom.gif);
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 14px;
padding-top: 0;
padding-bottom: 14px;
}

.table
{
	border: 1px solid #808080;
	text-align: center;
	margin-left:220px;
}


/* =7 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
    /* Sign-Up Picture START*/
.main #freediv {
	float: left;
	height: 72px;
	width: 900px;
	background-image: url(images/free-bar.jpg);
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
.main  #freediv  #freebtn a {
	background-image: url(images/free-btn.jpg);
	float: right;
	width: 272px;
	height: 63px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	top: 3px;
	position: relative;
}
.main  #freediv  #freebtn a:hover {
	background-position: 0px -65px;
}
    /* Sign-Up Picture END*/


div#contact { 

position:fixed;

top:50px;

right:0; 

}


#facebox {

position: absolute;

top: 0;

left: 0;

z-index: 99999999;

text-align: left;

}

.left {float: left;}

.middle 
{
float: none;
} 

.right {float: right;}

.clearer {clear: both;}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.footer
{
    color: #666;
    float: left;
    width: 890px;
    background-color: #F5F5F5;
    background-image: url(img/footer.jpg);
    height: 14px;
    padding-top: 13px;
    padding-right: 5px;
    padding-bottom: 12px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.footer a {
color: #0088CC;
text-decoration: none;
}

.footer .left, .footer .right
{padding: 0 12px;}

.footer .right, .footer .right a
{
    text-transform: uppercase;
}

.footer .right a:hover {color: #444;}