/*  Green   649015 */
/*  Font Grey  656565  */
/*  Mid Grey   b9b9b9    */
/*  Light Grey   fcfcfc */
/*  Background Grey  f1f1f1     */

@import url(Nav.css);   /* used for navigation styling */
@import url(Alpha.css); /* used as first letter in main nav list items */
@import url(TextChanger.css); /* Text Resizer Tool */

body 
{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#656565;
background:#000;
width:100%;
margin:0;
padding:0;
text-align:center;
background:#fcfcfc url(../img/bg-main.jpg) repeat-x top;
}

/*  =================  Main Page Elements ======================* /

    /* center fixed width that contains all page elements */
    #wrapper 
    {
    margin-left:auto;
    margin-right:auto;
    width:772px;
    text-align:left;
    background:#f1f1f1;
    }
    
    /* Hold logo, nav, text changer, and photo rotator  */
    #header
    {
    padding-top:16px;
    height:146px;
    background:#fff;
    }

    #main
    {
    background:#f1f1f1; 
    padding:0 24px 0px 34px;
    }

    #footer
    {
    background:url(../img/cityScape.gif) repeat-x bottom;
    padding-bottom:88px;
    width:100%;
    font-size:80%;
    text-align:center;
    }
    
    #address
    {
    margin-left:auto;
    margin-right:auto;
    background: url(../img/bg-footer.gif) no-repeat;
    height:54px;
    width:772px;
    }
    
    #footer a:link, #footer a:visited, #footer a:hover, #footer a:active
    {
    text-decoration:none;
    font-size:16px;
    font-family:Times New Roman, Times, Serif;
    color:#656565;
    padding:14px;
    position:relative;
    top:-12px;
    }
    
    #footer a:hover
    {
    color:#649015;  
    text-decoration:underline;
    }

/* ===================== Positioning ===================== */
    .left {float:left;}
    .right {float:right;}
    .clear {clear:both;}
    .alignLeft {text-align:left;}
    .alignRight {text-align:right;}
    .alignCenter {text-align:center;}
    /*.trans {position:relative; top:-802px;}*/
    .trans {position:relative; visibility:hidden;}
    .vSmall {font-size:70%;}
    
    
    #homeLeft {float:left; padding-right:10px; width:435px;}
    
    #homeRight {float:left; width:269px;}


    
/* ==================== Main Links  =============== */
    a, a:link, a:visited, a:hover, a:active
    {
    color:#649015;
    text-decoration:underline;
    padding:2px 2px;
    }
    
    a:hover
    {
    /*background:#649015;*/
    color:#656565;
    }

/* ===================== List Items  =======================  */
    ul li
    {
    list-style:square
    }
    
    ul li#txtSize  /* used for text size title */
    {
    font-family:Times New Roman, Times, Serif;
    font-size:16px;
    color:#b4b4b4;
    position:relative;
    top:-3px;
    }
    
    ul li.pdf
    {
    list-style-type:none;
    background: url(../img/pdf.gif) no-repeat 0 2px;   
    padding:0 0 0 23px;
    margin:0;
    }

/* ====================== HEADINGS ========================== */
    /*h1.alpha
    {
    padding:0;
    margin:0;
    font-size:16px;
    color:#649015;
    position:relative;
    left:-26px;
    }
    
    h1.alpha img
    {
    position:relative;
    left:16px;
    top:5px;
    }*/
    
    h2 
    {
    padding:0;
    margin:0;
    font-size:120%;
    } 
    
    h3
    {
    padding:0;
    margin:0;
    font-size:120%;
    } 
    
    h4 
    {
    padding:0;
    margin:0;
    font-size:115%;
    } 
    
    h5
    {
    padding:0;
    margin:0;
    font-size:110%;
    }    
    
/* ====================== DATAGRIDS ========================== */
	/* DATAGRID STYLES FOR THE APP_THEMES Admin.skin FILE */
	.Grid
	{
	border-style:solid;
	border-width: 1px;
	border-color:#656565;
	margin:15px;
	}
	.Grid th
	{
	border-width:1px;
	border-color:#656565;
	}
	.Grid td
	{
	border-width: 1px;
	border-color:#656565;
	line-height:normal;
	}
	
	

/* ======= ADMIN styles ========= */
	.adminFormHR
	{
	border-style:dashed;
	border-width:1px;
	border-color:#CCC;	
	}
	
	
/* ==================== TOOLTIP CSS  =============== */
a.info{
    position:relative;
    z-index:24; background-color:#649015;
    color:#fff;
    font-size:13px;
    font-weight:900;
    margin:3px;
    padding:1px 7px;
    text-decoration:none
    }

a.info:hover{z-index:25; color:#000; background-color:#ff0}

a.info div{display: none}

a.info:hover div{ /*the div will display just on :hover state*/
    display:block;
    position:absolute;
    line-height:normal;
    top:0; left:37px; width:320px; height:auto;
    border:3px double #fff;
    background-color:#649015; 
    font-size:11px;
    color:#fff;
    text-align:left;
    padding:3px;
    /* filter:alpha(opacity=90); */
    /* -moz-opacity:.85; */
    /* opacity:.85; */
    }
    
    
/* ==================== Homepage Seek feedback button / Announcements and events  =============== */

#feedbackBtn 
{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
/* background:#b9b9b9 url(../img/bg-feedback.gif) no-repeat 50%; */
background: #649015 ;
border:3px double #fff;
padding:.6em;
}

#feedbackBtn a:link, #feedbackBtn a:visited, #feedbackBtn a:hover, #feedbackBtn a:active
{

font-size:130%;
font-weight:700;
font-family:Georgia, Times New Roman, Times, Serif;
color:#fff;
text-decoration:none;

}

#feedbackBtn a:hover
{
text-decoration:underline;
}


#events
{
background:#fff;
line-height:1em;
padding:0; 
}

#events ul
{
margin:0;
padding:0;

}

#events ul li
{
margin:0;
padding:0 10px 0 20px;
list-style-type:none;
}

#events .moreLink a:link, #events .moreLink a:visited, #events .moreLink a:hover, #events .moreLink a:active
{
position:relative;
left:180px;
font-size:70%;
background-color:#649015;
color:#fff;
padding:1px 4px 1px 4px;
text-decoration:none;
border:3px double #fff;
}

#events .moreLink a:hover
{
background-color:#656565;
color:#fff;
}

#events h1
{
position:relative;
left:-12px;
font-size:102%;
font-weight:900;
color:#656565;   
padding:0 0 .3em 0; 
margin:0;
}

#events h2
{
font-size:125%;
font-weight:900;
color:#b9b9b9;   
padding:0 0 .2em 10px; 
margin:0;
}


    .pdf a, .pdf a:link, .pdf a:visited, .pdf a:hover, .pdf a:active
    {
    color:#649015;
    text-decoration:underline;
    padding:2px 2px;
    }
    
    .pdf a:hover
    {
    background:#649015;
    color:#fff;
    }


.float-right {float:right;}
.hide {display:none}