/************************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: Master CSS file for the Access RRV website
*
*************************************************************************************/

/* Auxiliary style sheets
------------------------------------------------------------------------------------*/

@import url(nav.css);
@import url(forms.css);


/* Body 
------------------------------------------------------------------------------------*/

*
    {
    margin:0;
    padding:0;
    }

body
	{
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.25em;
	background:#4e0000 url(/images/backgrounds/access-bodybg.gif) top center repeat-y;
	}

h1
	{
	margin-bottom:0.4em;
	font:1.6em Georgia, "Times New Roman", Times, serif;
	color:#b10000;
	line-height:1em;
	}

h2, h3, h4, h5, h6
    {
    font-weight:bold;
    color:#b10000;
    }

h2
	{
	font-size:1.25em;
	}

h3
	{
	font-size:1em;
	}

h4
	{
	font-size:0.875em;
	}

h5
	{
	font-size:0.75em;
	color:#000;
	}

h6
	{
	font-size:0.6875em;
	color:#000;
	}

p
	{
	padding-bottom:1.818em;
	font-size:0.6875em;
	}

ul, ol
    {
    padding:0 0 1.818em 25px;
    font-size:0.6875em;
    }

ul ul, ol ul, ol ul ul
    {
    padding:0 0 0 25px;
    font-size:1em;
    }

ol ol
    {
    padding:0 0 0 25px;
    font-size:1em;
    list-style:lower-alpha;
    }

ol ol ol
    {
    list-style:lower-roman;
    }

img
    {
    border:none;
    }        


/* Horizontal rules
------------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin-bottom:1.3125em;
	border-top:1px dotted #b10000;
	}


/* Links
------------------------------------------------------------------------------------*/

a
	{
	color:#ad0000;
	text-decoration:none;
	border-bottom:1px solid #ad0000;
	}

a:hover, a:active, a:focus
	{
	color:#000;
	background:#f1d9d9;
	border-bottom:1px solid #ad0000;
	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    {
    text-decoration:none;
    border:none;
    }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    {
    border-bottom:1px solid #ad0000;
    }

a.nobg:link, a.nobg:visited
    {
    border:none;
    }

a.nobg:hover
    {
    background:none;
    }


/* Container
------------------------------------------------------------------------------------*/

#container
	{
	margin:10px auto 0;
	width:780px;
	}


/* Masthead
------------------------------------------------------------------------------------*/

#masthead
	{
	position:relative;
	float:left;
	width:780px;
	height:114px;
	background:url(/images/backgrounds/access-mastheadbg.jpg) no-repeat;
    }

ul#socialize
    {
    position:absolute;
    top:40px;
    right:20px;
    margin:0;
    padding:0;
    list-style:none;
    line-height:1em;
    }

#socialize li
    {
    float:left;
    }

#socialize #facebook a
    {
    display:block;
    width:24px;
    height:24px;
    background:url(/sitegraphics/logo-facebook.gif) no-repeat;
    border:none;
    }

#socialize #facebook a:hover, #socialize #facebook a:visited , #socialize #facebook a:focus
    {
    border:none;
    }

#socialize a span
    {
    position:absolute;
    left:-999em;
    }


/* Logo
------------------------------------------------------------------------------------*/

#logo
    {
    display:none;
    }


/* Main background
------------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:780px;    
    background:#fff;
    }


/* Navigation background
------------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:780px;
    height:26px;
    background:#ad0000;
    }


/* Content
------------------------------------------------------------------------------------*/

#content
    {
    float:left;
    width:740px;
    padding:20px;
    }

#downloads
    {
    float:right;
    width:220px;
    margin:0 0 16px 16px;
    border:1px solid #ad0000;
    clear:both;
    }

#downloads-header
    {
    background:#ad0000;
    width:208px;
    padding:3px 6px;
    font:bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
    }

#downloads-content
    {
    padding:10px 10px 0 10px;
    }

#donate
    {
    float:left;
    width:100%;
    text-align:center;
    }

#donate a
    {
    border:none;
    }

#impact_donation_widget a
    {
    display:block;
    width:167px;
    height:51px;
    background:url(http://www.impactgiveback.org/resource/1295448871000/button_donate) no-repeat;
    border:none;
    }

#impact_donation_widget a:hover
    {
    background-color:transparent;
    border:none;
    }

#impact_donation_widget a span
    {
    position:absolute;
    left:-999em;
    }


/* Employee login
------------------------------------------------------------------------------------*/

#login
    {
    float:left;
    }

.loginrow
    {
    margin:0 0 1em 0;
    }

#login label
    {
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    }

#login #_txtUser, #login #_txtPass
    {
    width:150px;
    padding:1px;
    background:#e5e5e5;
    border:1px solid #808080;
    }

#login #_btnLogin
    {
    padding:0 2px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    }

#logout
    {
    float:right;
    font:bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
    }


/* Lightbox thumbnails
------------------------------------------------------------------------------------*/

#lightbox_container img
    {
    margin:0 16px 16px 0;
    border:1px solid #b0b0b0;
    }

#lightbox_container a
    {
    border:none;
    }

#lightbox_container a:hover
    {
    background:none;
    }

#lightbox_container a:hover img
    {
    border:1px solid #000;
    }


/* Footer
------------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:748px;
    padding:16px;
    background:#fff;
    border-top:1px solid #ad0000;
    }

#footer p
    {
    clear:left;
    padding:0;
    }

#footer a
    {
    }

#footer a:hover
    {
    }

#badge
    {
    float:right;
    margin:0 0 1.3125em 1.3125em;
    }


/* Miscellaneous classes
------------------------------------------------------------------------------------*/

.imageleft
    {
    float:left;
    margin:0 1.3125em 1.3125em 0;
    font:0.625em Arial, Helvetica, sans-serif;
    text-align:center;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0 0 1.3125em 1.3125em;
    font:0.625em Arial, Helvetica, sans-serif;
    text-align:center;
    clear:both;
    }

.imageleft img, .imageright img
    {
    /*border:1px solid #ad0000;*/
    }

.imagefull
    {    
    display:block;
    margin-bottom:1.3125em;
    clear:both;
    }

.boardbottom
    {
    float:left;
    margin:0 1em 1em 0;
    }