﻿hr
{
  background-image: url("/Images/Components/blackline.gif");
  height:5px;
  border: 0px none;
}

a:link,
a:visited
{
   color: #FF6600;
   text-decoration:none;
}

a:hover
{
    color: #FF6600;
    text-decoration:underline;
}

p
 {
    padding-left: 5px;
    padding-right: 5px;
    color: #000000;
 }
 
h1
 {
    padding-left: 5px;
    padding-right: 5px;
    font-size:20px;
    font-weight:bold;
    color: #153492;
  
 }

h2
 {
    padding-left: 5px;
    padding-right: 5px;
    font-size:14px;
    font-weight:bold;    
    border-bottom:2px #153492 solid; 
    width:650px;  
    color: #153492;
 }
 
h3
 {
    padding-left: 5px;
    padding-right: 5px;
    font-size:12px;
    font-weight:bold;
    color: #000000;
  
 } 

 
#welcome
{
    position:relative;
    display:inline;
    float:right;
    padding-top:5px;
    padding-right:5px;
    color: #FFFFFF;
    font-weight:bolder;
}    

ul.navigation
{
    list-style: none;
    list-style-image:none;
    list-style-type:none;
    list-style-position:inside;
    padding:0px;
    margin:0px;
}

.navigation li
{
    display:inline;
}

.navigation li a:link, .navigation li a:visited {
	color: #05033A;
	display: block;
    background-color: #98A6CF;
    height:20px;	
    border-bottom: 1px solid #05033A;
	}
	
.navigation li a:hover {
	color: #05033A;
	background-color: #DDE1EF;
	height:20px;
	border-bottom: 1px solid #05033A;
	}
 
 .slideimage
 {
    background-color: #DFDFDF;
    border: 2px outset #B4B4B4;
    padding: 5px;
 }
 
 .clear
{
    clear:both;
}   
 
 
 /* Text Boxes */

.smalltextbox
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 160px;
	font-size:12px;
} 

.textbox200
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 200px;
	font-size:12px;
} 

.textbox150
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 150px;
	font-size:12px;
} 

.textbox100
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 100px;
	font-size:12px;
} 


.textbox75
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 75px;
	font-size:12px;
} 

.logintextbox
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 120px;
	font-size:12px;
} 

.tinytextbox
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 60px;
	font-size:12px;
} 

.largetextbox
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 300px;
	font-size:12px;
} 

.fulltextbox
{
	background: #D8D8D8;	
	border:1px solid #000384;
	width: 600px;
	font-size:12px;
} 

.smallbutton
{
    background-color: #FFFBFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-size: 0.8em;
    font-family: Verdana;
    color: #284775
}    

/* Repeaters */

.repeateritem 
{
   margin-top: 5px;
   border-top: 1px solid #5D7B9D;
   clear:both;
   margin-bottom:20px;
}

.repeateritem img
{
    width:100px;
    height:75px;
 	float:left; 
 	border:0;
	margin:5px;
	
}

/* Buttons */

.squarebutton120{
background: transparent url('/images/components/square-grey-120-light.gif');
float:left;
border: 0px;
display: block;
font: normal 12px Arial; /* Change 12px as desired */
height: 24px; /* Height of button background height */
width:120px;
text-decoration: none;
}

.squarebutton120:hover
{
	background: transparent url('/images/components/square-grey-120-dark.gif');
	text-decoration: underline;
	color: black;	
}

.squarebutton{
background: transparent url('/images/components/square-grey-120-light.gif');
float:left;
border: 0px;
display: block;
font: normal 12px Arial; /* Change 12px as desired */
height: 24px; /* Height of button background height */
text-decoration: none;
}

.squarebutton:hover
{
	background: transparent url('/images/components/square-grey-120-dark.gif');
	text-decoration: underline;
	color: black;	
}

/* Div Boxes */ 

.maprightbox
{
    float:right;
    padding:5px;
    margin-right: 10px;
    border: 1px solid  #5D7B9D;
    width:240px;
    height:250px;
    background-color:#CEEFFF;
    display:inline;
}  

.adrightbox
{
    float:right;
    padding:5px;
    margin-right: 10px;
    border: 1px solid  #5D7B9D;
    width:300px;
    height:250px;
    background-color:#CEEFFF;
    display:inline;
}  

.rightbox305
{
    float:right;
    padding:5px;
    margin-right: 10px;
    border: 1px solid  #5D7B9D;
    width:305px;
    height:200px;
    background-color:#CEEFFF;
    display:inline;
} 

.smallrightbox
{
    float:right;
    padding:5px;
    margin-right: 10px;
    border: 1px solid  #5D7B9D;
    width:240px;
    background-color:#CEEFFF;
    display:inline;
}  

.smallrightbox h2
{
    padding-left: 5px;
    padding-right: 5px;
    font-size:16px;
    font-weight:bold;    
    border-bottom:0px none;
    color: #153492;    
    width: auto;    
}

.smallrightbox li
{
    text-align:left;
    list-style-image: url(/Images/Icons/point_right.gif);
    list-style-type: square;
    list-style-position: outside;
    margin: 0px 0px 5px 0px;
}


.largemap
{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    padding:5px;
    border: 1px solid  #5D7B9D;
    width:650px;
    height:400px;
}   

.mediummap
{
    padding:5px;
    margin:10px;
    border: 1px solid  #5D7B9D;
    width:380px;
    height:250px;
}   
 
.smallmap
{
    float:right;
    padding:5px;
    border: 1px solid  #5D7B9D;
    width:300px;
    height:150px;
    display:inline;
}    

.simplebox
{
	padding: 0px 0px 10px 0px;
	margin: 10px 5px 10px 5px;
	border: 0px none #BBBBBB;
	width: 680px;
}

.rightbox
{
    background-color: #F7F6F3;
    border: solid 1px #5D7B9D;
    width: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align:left;
    padding-left:5px;
    padding-right:5px;   
    padding-bottom:5px;    
}

.rightbox h3
{
    background-color: #153492;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:center;
}

.yellowbox
{
    background-color:Yellow;
    padding:10px;
    border: 1px solid #000000;
}

.searchbox
{
    position:relative;
    float:right;
    display:inline;
    padding-top: 50px;
    padding-right:20px;
    padding-bottom:20px;
    margin:0px;

}

/* Text Formatting */

.caravantext
{
    text-align:left;
    padding: 5px;
}

.largetext
{
    font-weight:bold;
    color: #000000;
    font-size:12px;

}

.caravantext img
{
    border:0px none;
    padding:5px;
}

.caravantext a
{
    border:0px none;
    text-decoration:none;   
}

.caravantext a:hover
{
    text-decoration:underline;   
}

.redtext
{
    color: #FF0000;
    font-weight:bold;
    font-size:16px;
}   

.greentext
{
    color: #00FF00;
    font-weight:bold;
    font-size:16px;
}   

/* breadcrumb */

.breadcrumb{
font: bold 12px;
}

.breadcrumb a{
background: transparent url(/images/components/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #0800A3;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #0800A3;
}

.breadcrumb a:hover
{
    color:#000000;
    text-decoration: underline;
}