/*VISIT ARRAN COMMUNITY SITE CSS*/

html,body{
    margin:0;
    padding:0}

body {
    font: 76% arial,sans-serif;
    text-align:center; 
    background-image:url(../images/bg.jpg);
}

p{ 
    color:#676767; 
    font-size:12px; 
    margin: 0px;
    }

h1 {
    color: #6B93C2; 
    font-size:21px; 
    margin:0px; 
    padding-bottom: 10px;
    }
    
h2 {
    color: #6B93C2; 
    font-size:11px; 
    margin:0px; 
    padding-bottom: 5px;
    }    
    
a{ 
    color:#6B93C2;
    }
    
.clearBoth {
    clear:both;}  
    
.clearRight {
    clear:right;}    
      

div#header {
    height:110px; 
    margin:8px 0px 0px 8px; 
    background: #7399C6;
    color: #79B30B; 
    width:742px;
    }

div#logo {
    float:left; 
    height:109px;
    }
    
div#membership{
    height:91px; 
    width:489px; 
    background-image:url(../images/membership.jpg); 
    float:right; 
    margin: 8px 0px 0px 0px;
    }

div#loginbox {
    margin: 0px 0px 0px 10px;
    background-color:transparent;
    float:left;  
    }
    
div#loginbox .loginArea  {
    background-color:transparent;
    width:400px;
    height:auto;
    float:left;   
    }
    
div#loginbox .loginArea .textLine  {
    background-color:transparent;
    width:400px;
    height:auto;
    float:left;
    margin-top:5px; 
    color:#FFFFFF;
    font-weight:bold;     
    }    
    
    
div#loginbox .loginBtn  {
    background-color:transparent;
    padding-top:3px; 
    float:left;  
    }  

div#loginbox .textbox{
    width: 130px; 
    margin-right:8px; 
    font-size:11px; 
    color:#666666;
    }

div#loginbox .button{ 
    padding-top:4px;
    }

div#tabs {
    height:50px; 
    width:742px; 
    margin: 0px 0px 0px 8px; 
    background-image:url(../images/tab_background.jpg); 
    background-position:bottom; 
    text-align:left;
    }
    
a.home{background-image:url(../images/tab_home_off.jpg); width:125px; height:27px; float: left; }
a.home:hover{background-image:url(../images/tab_home_on.jpg); width:125px; height:27px; float: left;}
a.homeon{background-image:url(../images/tab_home_on.jpg); width:125px; height:27px; float: left;}

a.news{background-image:url(../images/tab_news_off.jpg); width:123px; height:27px; float: left;}
a.news:hover{background-image:url(../images/tab_news_on.jpg); width:123px; height:27px; float: left;}
a.newson{background-image:url(../images/tab_news_on.jpg); width:123px; height:27px; float: left;}

a.library{background-image:url(../images/tab_resource_off.jpg); width:124px; height:27px; float: left;}
a.library:hover{background-image:url(../images/tab_resource_on.jpg); width:124px; height:27px; float: left;}
a.libraryon{background-image:url(../images/tab_resource_on.jpg); width:124px; height:27px; float: left;}

a.agency{background-image:url(../images/tab_agency_off.jpg); width:126px; height:27px; float: left;}
a.agency:hover{background-image:url(../images/tab_agency_on.jpg); width:126px; height:27px; float: left;}
a.agencyon{background-image:url(../images/tab_agency_on.jpg); width:126px; height:27px; float: left;}

a.business{background-image:url(../images/tab_business_off.jpg); width:125px; height:27px; float: left;}
a.business:hover{background-image:url(../images/tab_business_on.jpg); width:125px; height:27px; float: left;}
a.businesson{background-image:url(../images/tab_business_on.jpg); width:125px; height:27px; float: left;}

a.join{background-image:url(../images/tab_visitarran_off.jpg); width:119px; height:27px; float: left;}
a.join:hover{background-image:url(../images/tab_visitarran_on.jpg); width:119px; height:27px; float: left;}
a.joinon{background-image:url(../images/tab_visitarran_on.jpg); width:119px; height:27px; float: left;}

a.myarran{background-image:url(../images/tab_myarran_off.jpg); width:119px; height:27px; float: left;}
a.myarran:hover{background-image:url(../images/tab_myarran_on.jpg); width:119px; height:27px; float: left;}
a.myarranon{background-image:url(../images/tab_myarran_on.jpg); width:119px; height:27px; float: left;}

div#subnav {    
    margin-left:20px; 
    background-color:transparent; 
    }
    
div#subnav .padTop {
    background-color:transparent;
    height:15px;
    padding-top:3px;   
    }
    
div#container{
    text-align:left; 
    width:758px;
    margin:0 auto; 
    background-color:#FFFFFF;
    }

div#content {
    line-height:1.4; 
    float:left; 
    width:490px; 
    margin: 8px 0px 0px 8px;
    background-color:transparent; 
    padding:0px; 
    }
    
    
.errorpage {
    float:left; 
    width:758px; 
    background-color:transparent; 
    padding-top:20px; 
    height:400px; 
    text-align:center; 
    }    
    
.topSec  {
    background-color:transparent;
    }   
    
.topSec  p{
    background-color:transparent;
    padding:0px 2px 0px 0px; 
    }   
    
    
.lineBreak { 
    float:left; 
    width:490px; 
    height:5px; 
    border-bottom: solid 1px #D0D8DE; 
    background-color:transparent;
    margin:2px 0px 2px 0px;
    padding:0px;    
    }    
    
div#latestnews{
    line-height:1.4; 
    float:left; 
    width:488px; 
    margin: 8px 0px 8px 0px;
    background-color:transparent; 
    }
    
div#latestnews .line{
    float:left; 
    width:488px; 
    background-color:transparent; 
    margin-bottom:15px; 
    }
    
div#latestnews .line .buttonAlign{
    background-color:transparent; 
    padding:0px auto 0px auto; 
    text-align:center; 
    }     
    
div#latestnews .line .descText{
    float:left; 
    width:auto; 
    background-color:transparent; 
    width:240px; 
    text-align:right;
    color:#6B93C2;
    padding-top:4px;
    margin-right:4px; 
    font-weight:bold;   
    } 
    
div#latestnews .line .inputText{
    float:left; 
    width:auto; 
    background-color:transparent; 
    width:244px; 
    } 
    
div#latestnews .line .ddlText{
    float:left; 
    width:auto; 
    background-color:transparent;
    width:222px;
    padding-right:3px;   
    } 
    
div#latestnews .line .goButt{
    float:left; 
    width:auto; 
    padding-top:4px; 
    background-color:transparent;
    }                
    
div#latestnews .line .leftText{
    float:left; 
    width:auto; 
    background-color:transparent; 
    }  
    
div#latestnews .line .rightText{
    float:right; 
    width:auto; 
    background-color:transparent; 
    color:#6B93C2;
    padding-right:3px;  
    }  
    
div#latestnews .line .rightText a{
    color:#6B93C2;
    text-decoration:none;   
    } 
    
div#latestnews .line .rightText a:link{
    color:#6B93C2;
    text-decoration:none;   
    }  
    
div#latestnews .line .rightText a:visited{
    color:#6B93C2;
    text-decoration:none;   
    }  
    
div#latestnews .line .rightText a:hover{
    color:#6B93C2;
    text-decoration:underline;   
    }                             
    
div#latestnews .spacer{
    float:left; 
    background-color:transparent; 
    height:15px; 
     width:488px; 
    } 
    
div#latestnews .paging{
    float:left; 
    background-color:transparent; 
    width:488px;
    color:#676767; 
    }
    
div#latestnews .paging .pagePaging {
    background-color:transparent;
    clear:both;
    float:left; 
    width:auto;
    height:auto;  
    }  
    
div#latestnews .paging .pagePaging .pageText {
    background-color:transparent;
    float:left; 
    width:auto;
    height:auto;
    font-weight:bold;   
    }  
    
div#latestnews .paging .pagePaging .boxes {
    background-color:transparent;
    float:left; 
    width:auto;
    height:auto;
    }            
   
    
div#latestnews .paging .pagePaging .onBox{
    float:left; 
    background-color:#5889BE; 
    width:18px;
    height:15px;
    border: solid 1px #20354F; 
    color:#000000;
    margin-right:5px;    
    } 
    
div#latestnews .paging .pagePaging .onBox a{
   color:#000000;
   text-decoration:none;   
    }  
    
div#latestnews .paging .pagePaging .onBox a:link{
   color:#000000;
   text-decoration:none;   
    }          
    
    
div#latestnews .paging .pagePaging .onBox a:visited{
   color:#000000;
   text-decoration:none;   
    }          


div#latestnews .paging .pagePaging .onBox a:hover{
   color:#000000;
   text-decoration:none;   
    }          
    
div#latestnews .paging .pagePaging .offBox{
    float:left; 
    background-color:#C0D1E4; 
    width:18px;
    height:15px;
    border: solid 1px #676767;
    color:#000000; 
    margin-right:5px;   
    } 
    
div#latestnews .numberarea {
    padding:0px 0px 2px 5px;
    float:left;  
    }  
    
        
     
div#latestnews .pageCount {
    background-color:transparent;
    clear:both;
    margin-top:4px;
    font-style:italic;    
    }    

div#latestnews .newsboxes{
    float:left;
    width:236px; 
    margin:0px 8px 8px 0px;
    background-color:transparent; 
    }
    
div#latestnews .newsboxes .imageSec{
    float:left;
    width:86px; 
    background-color:transparent; 
    padding-right:8px; 
    height:auto;  
    } 
    
div#latestnews .newsboxes .imageSec .imageBorder{
    border:solid 1px #6C6C6C;
     width:78px;
     height:53px;
     overflow:hidden;     
    }  
    
div#latestnews .newsboxes .textSec{
    float:left;
    width:142px;
    background-color:transparent;      
    }
    
div#latestnews .newsboxes .textSec p{ 
    color:#676767; 
    font-size:11px; 
    margin: 0px;
    }
    
div#latestnews .newsboxes .textSec a{
    color:#6B93C2; 
    text-decoration:none;    
    }  
    
div#latestnews .newsboxes .textSec a:link{
    color:#6B93C2; 
    text-decoration:none;    
    }   
    
div#latestnews .newsboxes .textSec a:visited{
    color:#6B93C2; 
    text-decoration:none;    
    }  
    
div#latestnews .newsboxes .textSec a:hover{
    color:#6B93C2; 
    text-decoration:underline;    
    }                 
                  

div#resourcelibrary{ 
    float:right;
    width:236px; 
    margin:8px 8px 8px 0px; 
    font-size:9px; 
    border:1px solid #D0D8DE;
    background-color:transparent; 
    overflow:hidden; 
    }

div#resourcelibrary p{
    font-size:9px; 
    padding:8px 0px 8px 0px;
    text-align:center; 
    }

div#resourcelibrary .resourcebox{
    width:70px; 
    height:auto; 
    float:left; 
    background-color:transparent;
    padding:0px 0px 0px 6px; 
    }
    
div#resourcelibrary .resourcebox .imageBorder{
    border:solid 1px #6C6C6C;
     width:70px;
     height:53px;
     overflow:hidden;     
    }      

div#featuredboxes{
    float:right;
    clear:right;
    width:242px; 
    margin:0px 6px 0px 0px;
    }

div#featuredboxes .box1{}

div#featuredboxes .box2{ 
    margin-top:8px;
    }

div#featuredboxes .box3{ 
    margin-top:8px;
    }
    
/*DIRECTORY*/


.listing { 
    width:485px;
    float:left;
    background-color:transparent;
    height:auto;
    clear:both; 
    margin:5px 0px 0px 0px;    
    }


.listingtitleholder
{
    width:485px;
    height: 20px;
    float: left;
    background-image:url(listingtitlebg.gif);  
    overflow:hidden; 
}

.listingtitle {
    font-size: 14px;
    color: White;
    background-color:transparent;
    margin-left:20px; 
    float:left; 
    font-weight:bold; 
}


.listingcontainer
{
    width: 485px;
    border-bottom: 1px solid silver;
    padding: 5px 0px 5px 0px;
    float: left;
    clear: both;
    color:#676767; 
}

.listingcontainer .leftCont
{
    width: auto;
    height:auto;
    float: left;
    color:#676767; 
    background-color:Transparent; 
}




a.listingtitlelink
{
    font-size: 12px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:Transparent;
    float: right;
    text-align:right;
    margin: 2px 5px 0px 0px;
    text-decoration:none; 
    
}

a.listingtitlelink:hover
{
    display:block;
    font-size: 12px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:Transparent;
    text-decoration:underline; 
    
}

.dirImageLine {
    background-color:transparent;
    float:left;  
    height:auto;
    width:auto; 
    margin-bottom:20px; 
    }


.dirImage {
    padding:0px 5px 0px 0px;
    height:auto;
    width:auto; 
    float:left;   
    } 



/*END DIRECTORY*/    



/*REGISTER FORM*/

.FormLeft
{
    width:150px;
    padding:5px 8px 1px 5px;
    background-color:transparent;
    font-family:Arial;
    font-size:12px;
    color:#405d6d;
    text-align:right;
    float:left;
    height:auto;
    margin:0px 0px 0px 0px;
    }

.FormRight
{
    width:220px;
    padding:1px 4px 1px 4px;
    background-color:transparent;
    float:left;
    height:auto;
    }
    
    
.regerror
{
    color:Red;
    font-weight: bold;
    padding: 0px 0px 10px 10px 
} 


.FormShortBreaksCol2
{
     width: 212px;
     float: left;
     font-family:Arial;
     font-size:12px;
     color:#000000;
     margin-top: 5px;
     padding-left: 8px;
     background-color:transparent; 
} 

.captchaImg { border: solid 1px #DDDDDD}  

.formRightText { float:left;
    background-color:transparent;
    width:100px;
    height:auto;
     font-style:italic;}
     
.formbox {}   


.FormRight2
{
    width:220px;
    padding:20px 4px 10px 9px;
    background-color:transparent;
    float:left;
    }      

/*END FORM STYLES*/

div#footer{
    color: #666; 
    clear:both; 
    width:742px; 
    border-top:1px solid #CDD7DE; 
    margin: 8px 0px 0px 8px;
    }

div#footer p{
    margin:0;
    padding:5px 10px; 
    font-size:10px;
    }

div#footer a{
    color: #AFA1C8;
    text-decoration:none;
    }
    
div#footer a:active{
    color: #AFA1C8;
    text-decoration:none;
    }    
    
div#footer a:link{
    color: #AFA1C8;
    text-decoration:none;
    }    
    
div#footer a:visited{
    color: #AFA1C8;
    text-decoration:none;
    }    

    
div#footer a:hover{
    color: #AFA1C8;
    text-decoration:underline;
    }    

.floatleft { 
    float:left; 
    padding-right: 8px;
    }
    
.floatright { 
    float:right; 
    padding: 0px 0px 2px 2px;
    }    

.header {
    padding-bottom:10px;
    margin:0px; 
    }
    
.headerShorter {
    padding-bottom:5px;
    margin:0px; 
    }    

.resources{
    float:left;
    width:240px; 
    margin:8px 13px 8px 0px; 
    height:72px; 
    background-image:url(../images/resources.jpg);
    }

.visitarran{
    float:left;
    width:226px; 
    margin:8px 8px 8px 0px; 
    height:72px; 
    background-image:url(../images/visitarran.jpg);
    }