/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Top Level Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a {color: #3d8693; font-weight: bold;}
a:visited {color: #50a9b9}
a:hover {text-decoration: none;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html {
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body{
	padding: 0px;
	margin: 0px;
	background: #eeeeee;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	font: 0.75em/1.3 arial, verdana, sans-serif;
	color: #000000;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td {
	vertical-align: top;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a img {
	border: none;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
    font-weight: normal;
    color: #3d8693;
    margin: 0px 0px 20px 0px;
    font-size: 24px;
	}

h2 {
    font-weight: normal;
    color: #89c23f;
    margin: 0px 0px 10px 0px;
    font-size: 20px;
	}

h3 {

	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul {
	padding: 0px 0px 0px 15px;
	}
	
	ul li {
		
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Individual Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hidden {
	display: none;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.left {float: left;}
.right {float: right;}
.justify {text-align: justify;}
.block {display: block;}
.clear {clear: both; height: 1px;}
.tooltip{ position: absolute; width: 200px; top: 0; left: 0; z-index: 3; display: none; background-color:#c7d8db ; border: 1px solid #3d8693; padding: 3px 5px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.marginTop5 {margin-top: 5px;} .marginRight5 {margin-right: 5px;} .marginBottom5 {margin-bottom: 5px;} .marginLeft5 {margin-left: 5px;}
.marginTop10 {margin-top: 10px;} .marginRight10 {margin-right: 10px;} .marginBottom10 {margin-bottom: 10px;} .marginLeft10 {margin-left: 10px;}
.marginTop15 {margin-top: 15px;} .marginRight15 {margin-right: 15px;} .marginBottom15 {margin-bottom: 15px;} .marginLeft15 {margin-left: 15px;}
.marginTop20 {margin-top: 20px;} .marginRight20 {margin-right: 20px;} .marginBottom20 {margin-bottom: 20px;} .marginLeft20 {margin-left: 20px;}
.marginTop21 {margin-top: 21px;} .marginRight21 {margin-right: 21px;} .marginBottom21 {margin-bottom: 21px;} .marginLeft21 {margin-left: 21px;}

.paddingTop10 {padding-top: 10px;} .paddingRight10 {padding-right: 10px;} .paddingBottom10 {padding-bottom: 10px;} .paddingLeft10 {padding-left: 10px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.minHeight117 {min-height: 117px; height: auto !important; height: 117px;}
.minHeight200 {min-height: 200px; height: auto !important; height: 200px;}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.alertError {
    display: block;
    color: red;
	border: 3px double red;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	}

.alertSuccess {
    display: block;
    color: green;
	border: 3px double green;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.colorText {
	color: red;
	}
	
.firstPar {
    font-weight: bold;
    color: #3d8693;
    }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.smallFont {
	font-size: 0.8em;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.formattedList {
	list-style-type: none;
	}
	
	.formattedList li {
		padding: 0px 0px 3px 10px;
		background: transparent url(/App_Themes/Web/images/framework/bullet.gif) no-repeat left 0.4em;
		}
		
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.formattedTable {
	width: 100%;
	}
	
	.formattedTable th, .formattedTable td {padding: 5px; text-align: left;}
	
	.formattedTable th {
		background-color: #3d6ca6;
		font: bold 13px arial, verdana, sans-serif;
		color: #ffffff;
		vertical-align: top;
		}
		
	.formattedTable .colorRow {
		background-color: #f0ebee;
		}

                
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.borderedTable {
	width: 100%;
	background-color: #0062A1;
	}

	.borderedTable th, .borderedTable td {
		padding: 5px;
		background-color: White;
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.featuredHolderDouble {
	background-color: #eeeeee;
	border: 3px double #aeaeae;
	padding: 15px;
	}

.featuredHolderDashed {
	background-color: #eeeeee;
	border: 1px dashed #aeaeae;
	padding: 15px;
	}
		
.featuredBox {
    background-color: #ddeef1;
    padding: 10px;
    color: #205059;
    margin-bottom: 20px;
    }
    
    .featuredBox h2 {
        font-size: 18px; 
        font-weight: normal;
        color: #3d8693;
        margin: 0px 0px 15px 0px;
        }	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pagerLink, .pagerLink:visited, .pagerLink:hover {display: inline-block; color: #0b5369; text-decoration: none; padding: 1px 5px 1px 5px; margin: 0px 2px 0px 2px;}

.prevNextLink, .prevNextLink:visited {
    border: 1px solid #dee9ec;
    }
    
    .prevNextLink:hover {
        border: 1px solid #3d8693;
        background-color: #dee9ec;
        }
 
.prevNextLinkDisabled, .prevNextLinkDisabled:visited, .prevNextLinkDisabled:hover {
    color: #dee9ec;
    border: 1px solid #dee9ec;
    }
        
.pagerNumberLink, .pagerNumberLink:visited {
    border: 1px solid #dee9ec;
    }
    
    .pagerNumberLink:hover {
        border: 1px solid #3d8693;
        background-color: #dee9ec;
        }

.pagerNumberLinkSelected {
    color: White;
    border: 1px solid white;
    background-color: #3d8693;
    }
    
    .pagerNumberLinkSelected:visited, .pagerNumberLinkSelected:hover {
        color: White;
        background-color: #3d8693;
        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.loginHolder {
    margin-left: -220px;
    }
    
    .loginHolder .loginArea {
        width: 247px;
        height: 130px;
        padding: 30px 10px 0px 10px;
        margin: 100px auto 0px auto;
        color: white; 
        background: transparent url(images/framework/background_loginarea.jpg) no-repeat left top;
        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.lister {
	
	}

	.lister .image {
		float: left;
		width: 25%;
		}

	.lister .description {
		float: left;
		width: 75%
		}
			
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.breakRule {
	clear: both;
	height: 1px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px dotted black;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pictureFrame {
    background-color: white;
    padding: 9px;
    border: 1px solid #adadad !Important;
}

.imgFrame {
    border: solid 5px #3d8693;
    }
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.txtDirectionsLeft {
    background: url('images/framework/directions-left.gif');
    float: left;
    width: 30px;
    height: 37px;
    }
    
.txtDirectionsRight {
    background: url('images/framework/directions-right.gif');
    float: left;
    width: 2px;
    height: 37px;
    }
    
.txtDirections {
    float: left;
    width: 168px;
    background: url('images/framework/directions-background.gif');
    border: 0px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 10px 0px 11px 0px;
    } 

.btnDirections {
    border: 0px;
    background: url('images/framework/btn-directions.gif') no-repeat;
    height: 30px;
    width: 200px;
    text-indent: -10000;
    margin-top: 5px;
    }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Framework
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainHolder {
    width: 1000px;
    margin: 0 auto;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topArea {
    padding: 20px 10px 0px 20px;
	}
	
	#topArea a {
	    color: #4a8e9a;
	    font-weight: bold;
	    }
	
	#topArea #topLeft {
	    width: 480px;
	    float: left;
	    }
	    
	    #topArea #topLeft #logo {
	        background: url('images/framework/logo.gif');
	        width: 340px;
	        height: 62px;
	        display: block;
	        text-indent: -10000;
	        margin-top: 10px;
	        }
	    
	#topArea #topRight {
	    width: 480px;
	    float: left;
	    text-align: right;
	    }
	    
    #topArea .loggedout {
        font-size: 12px;
        background-color: #E8E8E8;
        width: 170px;
        float: right;
        text-align: left;
        background: url('images/framework/rounded-bg.gif') repeat-y;
        margin-bottom: 5px;
        }
        
        #topArea .rounded {
            width: 170px;
            float: right;
            margin-top: -7px;
            }
        
    #topArea .icons {
        clear: both;
        float: right;
        }
        
    #topArea .topLinks {
        float: right;
        padding: 4px 10px 4px 4px;
        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contentArea {
    background: url('images/framework/background-wrapper.jpg') top no-repeat;
    padding: 20px 10px 0px 20px;
	}
	
	#contentArea #banner {

	    }
    
    #contentArea #menuArea {
        margin: 0px 2px 0px 2px;
        height: 40px;
        background-color: #3d8693;
        width: 956px;
	    }
	    
	    #contentArea #menuArea ul {
	        list-style: none;
	        margin: 0px;
	        padding: 0px;
	        }
	        
	        #contentArea #menuArea ul li {
	            float: left;
	            list-style: none;
	            }
	            
	            #contentArea #menuArea ul li a {
	                padding: 0px 10px 0px 10px;
	                text-align: center;
	                line-height: 40px;
	                color: #FFFFFF;
	                text-decoration: none;
	                text-transform: lowercase;
	                display: block;
	                font-weight: bold;
	                }
	                
	            #contentArea #menuArea ul li a:hover {
	                background-color: #89c23f;
	                }
	                
	            #contentArea #menuArea ul li a.navSelected {
	                background-color: #89c23f;
	            }
	                
	#contentArea #subNav {
	    width: 936px;
	    color: #FFFFFF;
	    margin: 0px 2px 20px 2px;
	    line-height: 40px;
	    background: url('images/framework/background-subnav.gif');
	    height: 40px;
	    padding: 0px 10px 0px 10px;
	    }
	    
	    #contentArea #subNav a {
	        color: #FFFFFF;
	        font-weight: normal;
	        }
	        
	    #contentArea .oneColumn {
	        width: 60px;
	        float: left;
	        }
	   
	    #contentArea .twoColumn {
	        width: 140px;
	        float: left;
	        }
	        
	    #contentArea .threeColumn {
	        width: 220px;
	        float: left;
	        }
	        
	    #contentArea .fourColumn {
	        width: 300px;
	        float: left;
	        }
	        
	    #contentArea .fiveColumn {
	        width: 380px;
	        float: left;
	        }
	        
	    #contentArea .sixColumn {
	        width: 460px;
	        float: left;
	        }
	        
	    #contentArea .sevenColumn {
	        width: 540px;
	        float: left;
	        }
	        
	    #contentArea .eightColumn {
	        width: 620px;

	        float: left;
	        }
	        
	    #contentArea .nineColumn {
	        width: 700px;
	        float: left;
	        }
	        
	    #contentArea .tenColumn {
	        width: 780px;
	        float: left;
	        }
	        
	    #contentArea .elevenColumn {
	        width: 860px;
	        float: left;
	        }
	        
	    #contentArea .twelveColumn {
	        width: 940px;
	        float: left;
	        }
	        
	    #contentArea .category {
	        background: #3d8693 url('images/framework/feature-top.gif') no-repeat;
	        padding-bottom: 4px;
	        width: 246px;
	        float: left;
	        margin-bottom: 20px;
	        line-height: 40px;
	        }
	        
	        #contentArea .category h2 {
	            color: #FFFFFF;
	            font-size: 14px;
	            text-transform: uppercase;
	            font-weight: normal;
	            padding: 0px 0px 0px 10px;
	            margin: 0px;
	            }
	            
	            .category h2 a{
                    display: block;
                    line-height: 40px;
                    color: #FFFFFF;
                    text-decoration: none;
                    font-weight: normal;
                    }
	        
	#contentArea .listing .fullListing {
	    width: 760px;
	    background-color: #ddeef1;
	    border: 1px solid #cce3e7;
	    padding: 10px;
	    color: #205059;
	    margin: 0px 0px 20px 0px;
	    }
	    
	#contentArea .listing .simpleListing {
	    width: 760px;
	    background-color: #f3f8f9;
	    border: 1px solid #cce3e7;
	    padding: 10px;
	    color: #205059;
	    margin: 0px 0px 20px 0px;
	    }
	    
	    #contentArea .listing .simpleListing .listDesc {
	        width: 480px;
	        float: left;
	        }
	    
	    #contentArea .listing h2 {
	        font-size: 18px;
	        font-weight: normal;
	        color: #3d8693;
	        margin: 0px 0px 15px 0px;
	        }
	    
	    #contentArea .listing .previewImg {
	        float: left;
	        width: 170px;
	        }
	        
	    #contentArea .listing .listDesc {
	        width: 290px;
	        float: left;
	        }
	        
	    #contentArea .listing .contact {
	        width: 250px;
	        float: left;
	        }
	        
	        #contentArea .telno {
	            background: #b6dce3 url('images/framework/telno.gif') no-repeat 7px center;
	            line-height: 30px;
	            padding: 0px 0px 0px 30px;
	            color: #205059;
	            margin: 0px 0px 1px 0px;
	            }
	            
	        #contentArea .email {
	            background: #b6dce3 url('images/framework/email.gif') no-repeat 7px center;
	            line-height: 30px;
	            padding: 0px 0px 0px 30px;
	            color: #205059;
	            margin: 0px 0px 1px 0px;
	            }
	            
	        #contentArea .web {
	            background: #b6dce3 url('images/framework/web.gif') no-repeat 7px center;
	            line-height: 30px;
	            padding: 0px 0px 0px 30px;
	            color: #205059;
	            margin: 0px 0px 10px 0px;
	            }
	            
            #contentArea .listing .contact a {
                color: #205059;
                font-weight: normal;
                }

        #whatson {
            float: right;
            margin-left: 20px;
            width: 270px;
            margin-bottom: 20px;
            }
            
            #whatson .top {
                height: 40px;
                line-height: 40px;
                background: url('images/framework/whatson-top.jpg') no-repeat;
                padding: 0 10px;
                font-size: 14px;
                color: #FFFFFF;
                }
                
            #whatson .content {
                padding: 10px 10px 0px 10px;
                background-color: #ddeef1;
                }
                
                #whatson .content ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    }
                    
                    #whatson .content ul li {
                        margin-bottom: 5px;
                        background: url('images/framework/whatson-item.jpg') no-repeat;
                        width: 250px;
                        height: 40px;
                        }
                        
                        #whatson .content ul li a{
                            display: block;
                            line-height: 40px;
                            text-decoration: none;
                            color: #2c6d79;
                            padding-left: 10px;
                            font-size: 12px;
                            font-weight: normal;
                            }
                            
                    #whatson .content ul li:last-child {
                        margin: 0;
                        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
#footerArea {
    background: #3d8693 url('images/framework/background-footer.gif') top;
    color: #FFFFFF;
    width: 930px;
    padding: 0px 15px 0px 15px;
    margin: 20px 0px 0px 0px;
	}
	
	#footerArea .disclaimer {
	    font-size: 11px;
	    color: #FFFFFF;
	    line-height: 20px;
	    }
	
	#footerArea #footerTop {
	    line-height: 40px;
	    }
	
	#footerArea a {
	    color: #FFFFFF;
	    font-weight: normal
	    }
	
	#footerArea #footerLeft {
	    float: left;
	    width: 465px;
	    padding-top: 15px;
	    line-height: 23px;
	    padding-bottom: 10px;
	    font-size: 11px;
	    }
	    
	#footerArea #footerRight {
	    float: left;
	    width: 465px;
	    text-align: right;
	    padding-top: 15px;
	    line-height: 23px;
	    font-size: 11px;
	    }