/* Ranley Contracts Ltd.  - Style Sheet
================================== */

/* ZERO MARGINS/PADDINGS*/
* {margin: 0; padding: 0;}

body {
	font: 65%/1.6 "Arial", "Lucida Grande", "Lucida Sans","Verdana", "Lucida Sans Unicode", sans-serif;
	text-align: center;
	padding-top:5px;
	background-image: url(img/stripe-background.JPG);
	background-repeat:repeat;}

/*WRAPPER*/
#wrapper {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border:0px solid #000000;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(images/strip.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;}
/*END OF WRAPPER*/

/*BELOW HEADER INFO*/
#aboveheader {
	margin: 0px;
	padding: 0px;
	height:49px;
	position:relative;
	width: 981px;
	color: #FFFFFF;
	padding-right: 0px;
	background-image: url(img/ranley_aboveheader.jpg);}	
	
#aboveheader p{
	padding-left:0px;
	padding-top:10px;}
	
#aboveheader a:link {
	color: #ffffff;
	text-decoration: underline;} 

#aboveheader a:visited {
	color: #cccccc;
	text-decoration: underline;} 

#aboveheader a:hover,  a:active {color: #cccccc; text-decoration: none;}

#emailtext{
	color:#FFFFFF;
	position:absolute;
	height:35px;
	width: 215px;
	padding-left:0px;
	font-weight:bold;
	font-size:1.6em;
	padding-top: 0px;
	top: -2px;
	text-align: left;
	float: right;
	padding-right: 10px;
	left: 519px;}

#telephonetext{
	color: #FFFFFF;
	position:absolute;
	height:50px;
	width: 134px;
	padding-left:0px;
	font-weight:bold;
	font-size:1.6em;
	padding-top: 0px;
	top: 0px;
	text-align: left;
	float: right;
	background-position: left;
	padding-right: 10px;
	left: 295px;}
	
/*END OF ABOVE HEADER INFO*/	

/*HEADER INFO*/
#header {
	margin: 0px;
	padding: 0px;
	height:166px;
	position:relative;
	width: 981px;
	border-bottom: 5px solid #ffffff;
	background-image: url(img/ranley_header.jpg);
	background-repeat: no-repeat;}

#header a:link,  a:visited {color: #666666; text-decoration: underline;} 

#header a:hover,  a:active {color: #000000; text-decoration: none;}

#headerhome {
	margin: 0px;
	padding: 0px;
	height:324px;
	position:relative;
	width: 981px;
	border-bottom: 5px solid #ffffff;}
	
#logo {
	margin: 0px;
	padding: 0px;
	height:94px;
	position:absolute;
	width: 895px;
	float:left;
	border-bottom: 0px solid #ffffff;
	padding-top: 0px;
	padding-left: 0px;
	left: 43px;
	top: 81px;}
	
#logo img{ border:0px;}

/*END OF HEADER INFO*/

/*BELOW HEADER INFO*/
#belowheader {
	margin: 0px;
	padding: 0px;
	height:148px;
	position:relative;
	width: 981px;
	border-bottom: 5px solid #ffffff;
	background-image: url(img/ranley_belowheader.jpg);
	background-repeat: no-repeat;}

#frontimage{
	width:319px;
	height:366px;
	position:relative;
	border-bottom: 5px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	float: left;}
		
#mainbody{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/ranley_bodybg.gif);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 5px;
	background-color: #FFFFFF;}

#mainbody1{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 5px;}
	
#mainbody2{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/jr_bodybg3.jpg);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 5px;
	background-color: #4273AE;}
	
#mainbodyadmin{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/westwood_bodybgadmin.jpg);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px;}

/*START OF CENTRAL COLUMN INFORMATION*/

#maincontent_in{
	width: 745px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px solid;
	border-color: #000000;
	color: #666666;
	border-right: 0px;
	border-right-color: #FFFFFF;
	margin-left: 10px;}
	
#maincontent_in1{
	width: 550px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
	margin-left: 0px;}	

#maincontent_in2{
	width: 730px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-left: 0px;}	
			
/*TEXTINNER */
#textinner {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #666666;
	top: 0px;
	z-index: 0;
	width: 745px;
	position: relative;
	margin-top: 0px;}
	
#textinner p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinner h1{
	font-size: 2.5em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #008B52;
	text-align: left;}	
	
#textinner ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
	
#textinner a:link,  #textinner a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner a:hover,  #textinner a:active {
	color: #666666;
	text-decoration: underline;}
	
/*END OF TEXTINNER */	
	
/*TEXTINNER1 */
#textinner1 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 560px;
	position: relative;
	margin-top: 10px;}
	
#textinner1 p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinner1 h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #008B52;
	text-align: left;}	
	
#textinner1 ul{
	color:#333333;
	font-size: 1.4em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
	
#textinner1 a:link,  #textinner1 a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner1 a:hover,  #textinner1 a:active {
	color: #666666;
	text-decoration: underline;}
	
/*END OF TEXTINNER */	

/*TEXTINNER 2 */
#textinner2 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 740px;
	position: relative;
	margin-top: 10px;
}
	
#textinner2 p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;
}
	
#textinner2 h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #008B52;
	text-align: left;
}	
	
#textinner2 ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
	
#textinner2 a:link,  #textinner2 a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner2 a:hover,  #textinner2 a:active {
	color: #666666;
	text-decoration: underline;}
	
/*END OF TEXTINNER 2*/	

#textinner_internal {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 20px;
	color: #666666;
	top: 0px;
	z-index: 0;
	position: relative;
	width: 725px;
	text-align: justify;
}
	
#textinner_internal1 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 25px;
	color: #666666;
	top: 0px;
	z-index: 0;
	position: relative;
	width: 530px;
}
#textinner_internal2 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 25px;
	color: #222E84;
	top: 0px;
	z-index: 0;
	position: relative;
	width: 700px;
}	
	
	
/*START OF CENTRAL COLUMN INFORMATION*/

/*RIGHT COLUMN INFO*/

#secondaryContent {
	padding-bottom: 0px;
	height: auto;
	width: 200px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #EF3125;
}

#secondaryContent a:link, #secondaryContent a:visited {
	color: #666666;
	text-decoration: underline;} 

#secondaryContent a:hover, #secondaryContent a:active {
	color: #CCCCCC;
	text-decoration: underline;}

#secondaryContent p {
	font-size: 1.2em;
	color: #494D96;}

#thirdContent {
	padding-bottom: 0px;
	height: auto;
	background-repeat: repeat;
	width: 202px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #efefef;
	text-align:left;
	padding-top: 0px;
	margin-right: 0px;
}
		
#thirdContent a:link, #thirdContent a:visited {
	color: #ffffff;
	text-decoration: underline;} 

#thirdContent a:hover, #thirdContent a:active {
	color: #cccccc;
	text-decoration: underline;}
	
#thirdContent p {font-size: 1.1em;}

/*END OF RIGHT COLUMN INFO*/

/*START OF FOOTER*/

#footer {
	color:#FFFFFF;
	padding: 0px 0px;
	width:981px;
	clear: both;
	height: 147px;
	position: relative;
	float: left;
	background-color: #231F20;
	border-bottom-color: #231F20;
	border-top: 5px solid #ffffff;
	border-top-color: #FFFFFF;
	border-bottom: 0px solid #064288;
	background-image: url(img/ranley_footer.jpg);
} 

#footer a:link,  #footer a:visited {
	color: #cccccc;
	text-decoration:underline;} 

#footer a:hover,  #footer a:active {
	color: #ffffff;
	text-decoration: none;}

/*END OF FOOTER TEXT*/
	
#footertext{
	float:left;
	top:0px;
	width: 460px;
	padding-top: 60px;
	padding-right: 0px;
	font-weight:lighter;
	font-size: 1.2em;
	padding-left: 50px;
}

#footertext1{
	float:left;
	top:0px;
	width: 100px;
	padding-top: 20px;
	padding-right: 0px;
	font-weight:lighter;
	font-size: 1em;
	padding-left: 40px;
	height: auto;}
	
#footertext2{
	float:left;
	top:0px;
	width: 100px;
	padding-top: 20px;
	padding-right: 0px;
	font-weight:lighter;
	font-size: 1em;
	padding-left: 40px;
	height: auto;}	

#footerimage{
	height: 52px;
	width:174px;
	background-image:url(img/jr_logobottom.jpg);
	background-repeat:no-repeat;
	position: absolute;
	left: 800px;
	top: 17px;}	
		
#jollie{
	padding-left:40px;
	padding-right: 40px;
	height: auto;
	width: 930px;
	float: left;
	color: #FFFFFF;
}

#jollie p{
	color: #FFFFFF;
	font-size:1.2em;
	;
}

#jollie a:link,  a:visited {
	color: #ffffff;
	text-decoration: underline;} 

#jollie a:hover,  a:active {
	color: #ffffff;
	text-decoration: underline;}

#toplefta1{
	width:200px;
	height:57px;
	position:relative;
	border-bottom: 1px solid #ffffff;
	background-repeat: no-repeat;
}

#welcome{
	padding-left:0px;
	position:relative;
	left: 20px;
	top: 24px;
	color: #283987;
	font-weight: bold;
	width: 330px;
	height: auto;}

#box1{
	width:202px;
	height:91px;
	border-bottom: 5px solid #ffffff;}

#box1text{
	position:absolute;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	left: 81px;
	top: 16px;
	width: 98px;
	font-weight: bold;
	font-size: 1.5em;}

#box1text p{ color:#ffffff; text-align:center;}

#box1text h2{ color:#6E91A4;}

#box2{
	width:202px;
	height:91px;
	border-bottom: 5px solid #ffffff;}
	
#box2text{
	position:absolute;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	left: 80px;
	top: 113px;
	width: 96px;
	font-weight: bold;
	font-size: 1.5em;}

#box2text p{ color:#ffffff; text-align:center;}

#box2text h2{ color:#6E91A4;}
	
#box3{
	width:202px;
	height:91px;
	border-bottom: 5px solid #ffffff;}
	
#box3text{
	position:absolute;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	left: 81px;
	top: 210px;
	width: 97px;
	font-weight: bold;
	font-size: 1.5em;}

#box3text p{ color:#ffffff; text-align:center;}

#box3text h2{ color:#6E91A4;}	

#box4{
	width:202px;
	height:91px;
	border-bottom: 5px solid #ffffff;}
	
#box4text{
	position:absolute;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	left: 81px;
	top: 308px;
	width: 96px;
	font-weight: bold;
	font-size: 1.5em;
}

#box4text p{ color:#ffffff; text-align:center;}

#box4text h2{ color:#6E91A4;}	

#box5{
	width:202px;
	height:91px;}
	
#box5text{
	position:absolute;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	left: 69px;
	top: 388px;
	width: 108px;
	font-weight: bold;
	font-size: 1.5em;
}

#box5text p{ color:#ffffff; text-align:center;}

#box5text h2{ color:#6E91A4;}


#welcome{
	width:400px;
	height:40px;
	position:relative;
	margin:0px;
	padding:0px;
	left: 0px;
	top: 0px;
}

/*MISC. STYLES*/

.button1{
	background-color:#008B52;
	color:#FFFFFF;
}

#menutoptext{
	color:#E5173E;
	font-size:1.6em;
	position:absolute;
	font-weight: bold;
	left: 31px;
	top: 16px;
	width: 147px;
}

.style22 {color: #4172AD}

#imagefloatright1{
	position:relative;
	float:right;
	width:auto;
	height:150px;
	background-color:#E5173E;
	border: 1px solid #003366;
	padding:2px;
	margin:5px;
	}

#imagefloatright2{
	position:relative;
	float:right;
	width:300;
	height:225px;
	background-color:##4791CE;
	border: 1px solid #003366;
	padding:2px;
	margin:5px;
	}


#imagefloatright1 img{border:0px;}

.pad{padding-left:20px;}

#secondColumn{
	width:120px;
	float: left;
	position: relative;
	padding-right: 10px;
	padding-left: 20px;
}

.style23 {
	color: #E5173E;
	font-weight: bold;
}
.style24 {
	color: #008B52;
	font-weight: bold;
}
.style25 {
	color: #C0CFE0;
	font-weight: bold;
}