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

a {color: #0a61a3;}
a:visited {color: #0a61a3;}
a:hover {color: red;}

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

html {

	}

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

body {
	padding: 0px;
	margin: 0px;
	}

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

body {
	font: 0.75em/1.3 arial, verdana, sans-serif;
	color: #000000;
	background: #FFFFFF url('Images/background-main.jpg') repeat-x top left;
	}

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

td {
	vertical-align: top;
	}

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

a img {
	border: none;
	}

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

h1 {
    color: #0a61a3;
    font-size: 26px;
    font-weight: normal;
    margin-top: 0px;
	}
	
	h1 .title {
	    font-size: 14px;
	    color: #0a61a3;
	    font-style: italic;
	    }

h2 {
    margin-top: 0px;
    color: #4289be;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
	}

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;}

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

.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;}

.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;
	}

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

.pointer:hover {
	cursor: pointer;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.darkBlue {
    color: #0a61a3;
    }
    
.newsHeading {
    display: block;
    color: #0a61a3;
    font-weight: bold;
    }

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

.smallFont {
	font-size: 0.8em;
	}

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

.formattedList {
	list-style-type: none;
	border-top: solid 1px #808080;
	margin: 0px;
	padding: 0px;
	}

	.formattedList li {
		background: transparent url('Images/bullet.gif') no-repeat left 1em;
		border-bottom: solid 1px #808080;
		padding: 6px 13px;
		margin:0px;
		}

		.formattedList li a {color: #000000;}

		
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.formattedTable {
	width: 100%;
	}

	.formattedTable th, .formattedTable td {padding: 10px; text-align: left;}

	.formattedTable th {
		background-color: #a1cad9;
		font: bold 13px arial, verdana, sans-serif;
		color: #ffffff;
		vertical-align: top;
		}
		
		.formattedTable th a { color: White; }
		.formattedTable th a:visited { color: White; }
		.formattedTable th a:hover { color: #0A61A3; }

	.formattedTable .colorRow {
		background-color: #FAF6F8;
		}

    .formattedTable .row1 {
        background-color: #f0fbff;
        color: #326277;
        }

    .formattedTable .row2 {
        background-color: #f9fdff;
        color: #326277;
        }

        .formattedTable .row1 td, .formattedTable .row2 td {
            vertical-align: middle;
            color: #326277;
            }
                
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.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;
	}
			
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.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 #0b5369;
        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 #0b5369;
        background-color: #dee9ec;
        }

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

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

.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/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: 1px;
    border: 1px solid #A9C7D4 !Important;
}

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

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

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

#topArea {
    height: 119px;
    width: 960px;
    margin-bottom: 1px;
	}
	
	#topArea #logo {
	    width: 301px;
	    height: 60px;
	    float: left;
	    margin-top: 10px;
	    display: block;
	    text-indent: -10000px;
	    background: transparent url('Images/logo.png') no-repeat;
	    }
	    
	#topArea #socialIcons {
	    float: right;
	    width: 300px;
	    text-align: right;
	    height: 52px;
	    margin-top: 15px;
	    }
	    
	#topArea #menuArea {
	    height: 33px;
	    background: transparent url('Images/background-nav.jpg');
	    width: 940px;
	    margin-top: 16px;
	    padding: 0px 10px 0px 10px;
	    }
	    
	    #topArea #menuArea ul {
	        list-style: none;
	        margin: 0px;
	        padding: 0px;
	        }
	        
	        #topArea #menuArea ul li {
	            list-style: none;
	            margin: 0px;
	            padding: 0px;
	            float: left;
	            }
	            
	            #topArea #menuArea ul li a {
	                display: block;
	                text-align: center;
	                padding: 0px 15px 0px 14px;
	                color: #FFFFFF;
	                text-decoration: none;
	                line-height: 33px;
	                }
	                
	            #topArea #menuArea ul li a:hover {
	                background-color: #2b2b2b;
	                }
	                
	            #topArea #menuArea ul li a.selected {
	                background-color: #2b2b2b;
	                }

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

#bannerArea {
    width: 960px;
    height: 212px;
    background: transparent url('Images/banner.jpg') no-repeat;
    margin-top: 3px;
    }
    
    #bannerArea .staffPic {
        float: left;
        width: 188px;
        }

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

#contentArea {
    margin-top: 20px;
	}
	
	#contentArea .category {
	    width: 260px;
	    float: left;
	    }
	    
	#contentArea .blueBox {
	    width: 380px;
	    }
	    
	    #contentArea .blueBox .boxTop {
	        height: 5px;
	        background: transparent url('Images/box-top.jpg') no-repeat bottom left;
	        }
	        
	    #contentArea .blueBox .boxContent {
	        background-color: #daeff8;
	        padding: 10px 15px 15px 15px;
	        }
	        
	    #contentArea .blueBox .boxContent .btnSubmit {
	        border: 0px;
	        width: 92px;
	        height: 30px;
	        text-indent: -10000px;
	        background: transparent url('Images/btn-submit.jpg') no-repeat;
	        }
	        
	.testimonial-page {
	    background: url('Images/background-quote.jpg') no-repeat 500px 0px;
	    }
	
	#contentArea .smallBox {
	    width: 220px;
	    }

	    #contentArea .smallBox .top {
	        background: transparent url('Images/box-small-top.jpg') no-repeat bottom;
	        height: 5px;
	        width: 220px;
	        }

	    #contentArea .smallBox .bottom {
	        background: transparent url('Images/box-small-bottom.jpg') no-repeat top;
	        height: 5px;
	        width: 220px;
	        }

	    #contentArea .smallBox .content {
	        padding: 5px 10px 5px 10px;
	        background-color: #daeff8;
	        color: #326277;
	        }

	        #contentArea .smallBox .content .greet {
	            background: transparent url('Images/user.jpg') no-repeat left center;
	            padding: 0px 0px 0px 18px;
	            line-height: 20px;
	            display: block;
	            }

	#contentArea .featuredBox {
	    border: solid 1px #a9c7d4;
	    padding: 15px;
	    color: #326277;
	    background-color: #daeff8;
	    }

	#contentArea .largeBox {
	    width: 620px;
	    }

	    #contentArea .largeBox .top {
	        background: transparent url('Images/box-large-top.jpg') no-repeat bottom;
	        height: 5px;
	        width: 620px;
	        }

	     #contentArea .largeBox .content {
	        padding: 5px 10px 5px 10px;
	        background-color: #daeff8;
	        color: #326277;
	        }

	        #contentArea .largeBox .content .playerProfile {
	            line-height: 22px;
	            }

	    #contentArea .largeBox .bottom {
	        background: transparent url('Images/box-large-bottom.jpg') no-repeat top;
	        height: 5px;
	        width: 620px;
	        }

	#contentArea .loginBox {
		 width: 380px;
		 margin: 0 auto;
		 }
	     
		 #contentArea .loginBox .loginTop {
			 height: 5px;
			 width: 380px;
			 background: url('Images/login-top.jpg') no-repeat bottom;
			 }
	         
		 #contentArea .loginBox .loginBottom {
			 height: 5px;
			 width: 380px;
			 background: url('Images/login-bottom.jpg') no-repeat top;
			 }
	         
		 #contentArea .loginBox .loginContent {
			 padding: 5px 10px 5px 10px;
			 background-color: #daeff8;
			 }
	         
			 #contentArea .loginBox .loginContent .username {
				 background: #FFFFFF url('Images/user.gif') no-repeat 5px center;
				 padding: 5px 5px 5px 25px;
				 border: solid 1px #68adca;
				 width: 325px;
				 }
	             
			 #contentArea .loginBox .loginContent .password {
				 background: #FFFFFF url('Images/pass.gif') no-repeat 5px center;
				 padding: 5px 5px 5px 25px;
				 border: solid 1px #68adca;
				 width: 325px;
				 }
	             
			 #contentArea .loginBox .loginContent .btnLogin {
				 background: url('Images/btn-login.jpg') no-repeat;
				 border: 0px;
				 text-indent: -10000px;
				 height: 30px;
				 width: 92px;
				 }

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

    .oneColumn {
	    width: 60px;
	    float: left;
	    }
	    
	.twoColumn {
	    width: 140px;
	    float: left;
	    }
	    
	.threeColumn {
	    width: 220px;
	    float: left;
	    }
	    
	.fourColumn {
	    width: 300px;
	    float: left;
	    }
	    
	.fiveColumn {
	    width: 380px;
	    float: left;
	    }
	    
	.sixColumn {
	    width: 460px;
	    float: left;
	    }
	    
	.sevenColumn {
	    width: 540px;
	    float: left;
	    }
	    
	.eightColumn {
	    width: 620px;
	    float: left;
	    }
	    
	.nineColumn {
	    width: 700px;
	    float: left;
	    }   
	    
	.tenColumn {
	    width: 780px;
	    float: left;
	    }
	    
	.elevenColumn {
	    width: 860px;
	    float: left;
	    }
	    
	.twelveColumn {
	    width: 940px;
	    float: left;
	    }
	    
	 .testimonial {
	    width: 540px;
	    }
	    
	    .testimonial .avatar {
	        width: 140px;
	        height: 120px;
	        float: left;
	        }
	        
	     .testimonial .text {
	        width: 360px;
	        padding: 10px 10px 10px 20px;
	        height: 120px;
	        font-size: 14px;
	        font-style: italic;
	        float: right;
	        background: transparent url('Images/testimonial.jpg') no-repeat;
	        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
#footerArea {
    background: #2b2b2b url('Images/background-footer.jpg') repeat-x top left;
    margin-top: 20px;
	}
	
	#footerArea #footerWrapper {
	    width: 960px;
	    margin: 0 auto;
	    }
	
	#footerArea #footerTop {
	    line-height: 32px;
	    background-color: #1e1e1e;
	    padding: 0px 10px 0px 10px;
	    }
	    
	    #footerArea #footerTop a {
	        text-decoration: none;
	        color: #858585;
	        margin-right: 27px;
	        }
	        
	#footerArea #footerBottom {
	    color: #FFFFFF;
	    height: 130px;
	    padding: 20px 10px 0px 10px;
	    background-color: #2b2b2b;
	    }
	    
	    #footerArea #footerBottom a {
	        color: #FFFFFF;
	        text-decoration: none;
	        }