﻿body 
{    
}

/* Margins */

.indent
{
    margin-left:20px;
}

.padl20
{
    padding-left:20px;
}

.margl10
{
    margin-left:10px;
}

.margt10
{
    margin-top:10px;    
}

.margt25
{
    margin-top:25px;
}

.margb10
{
    margin-bottom:10px;
}

.margb25
{
    margin-bottom:25px;
}

.margr25
{
    margin-right:25px;
}

.margr173
{
    margin-right:173px;
}

.margr290
{
    margin-right:309px;
}

.margr300
{
    margin-right:316px;
}

.margr350
{
    margin-right:356px;
}

/* Heights */

.h100
{
    height:100%;
}

.h200
{
    height:200px;
}

.h300
{
    height:300px;
}

.h400
{
    height:400px;
}

/* Widths */
.w50
{
    width:50px;   
}

.w100
{
    width:100px;   
}

.w150
{
    width:150px;   
}

.w200
{
    width:200px;   
}
.w250
{
    width:250px;   
}
.w300
{
    width:300px;   
}
.w350
{
    width:350px;
}

.w400
{
    width:400px;
}

.w450
{
    width:450px;
}

.w475
{
    width:475px;
}

.w500
{
    width:500px;
}

.w600
{
    width:600px;    
}

.w650
{
    width:650px;
}

.w700
{
    width:700px;
}

.w800
{
    width:800px;    
}



/* Borders */

.blackborder
{
    border-style:solid;
    border-width:thin;
    border-color:Black;    
}

.grayborder
{
    border-style:solid;
    border-width:thin;
    border-color:Gray;
}

/* Align */
.txtalign
{
     text-align:center;
}

.txtalignright
{
     text-align:right;
}

.txtalignleft
{
     text-align:left;
}

/* Floats */

.floatright
{
    float:right;
}

.float
{
    float:none;
}

.floatleft
{
    float:left;    
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


/* Left Column */
 
 .leftcol
 {
     float:left;        
     text-align:left;     
     padding-top:40px; 
     padding-left:30px;  
     width:200px;     
 }
 
 .leftheader
 {    
    color:#0082C8;
    font-size:26px;  
    font-weight:bold;                   
 }
 
 /* Center Column */
 
.centercol /* override centercol on specific page to add background image to section */
{    
    text-align:left;
    padding-left:20px;                    
    width:700px;    
    font-size:14px;    
}

/* USE FOR 2 COLUMN PAGES */

.centercol_2_cols
{
    text-align:left;
    padding-left:20px;                    
    width:500px;    
    font-size:14px;
}

.centertext
{    
    font-size:10pt;    
    width:500px; 
   /* height:150px;          */
}

.white_background /* use this to set the background colour of the subbox which overlaps the maincenterbox */
{    
    background-color:white;
}

.fontfix
{    
    width:175px;
    font-weight:bold;
    padding-top:5px;    
    text-align:right;   
    color:Gray;        
}

.subbox
{
    background-image:url('../images/resources/renobox.png');
    background-repeat:no-repeat;    
    float:left;
    width:192px;
    height:180px;   
}

/* Right Column */
.rightcol
{      
    margin-left:10px;       
    width:175px;
    height:500px;          
}

.bluebox
{
    width:500px;
    height:100px;
    background-color:#C8DAF0;    
}

.graybox
{
    width:500px;
    height:100px;
    background-color:#F0F0F0;    
}

/* Text Formatting */

.centerheader
{
    padding-top:30px;    
    padding-bottom:20px;
    color:Gray;
    font-size:36pt;  
    font-weight:bold; 
}

.subheader
{    
    color:Gray;
    font-size:20pt;  
    font-weight:bold; 
}

.subheadercenter
{    
    color:Gray;
    font-size:12pt;  
    font-weight:bold;     
}

.bluesubheader
{    
    color:#0082C8;
    font-size:20pt;  
    font-weight:bold; 
}

.bluesmall
{
    color:#0082C8;
    font-size:16pt;  
    font-weight:bold; 
}

.blueheader
{  
    /*color:#59ADE1;    */
    color:#0082C8;
    font-size:32pt;  
    font-weight:bold; 
}
 


.subtextnoformatting
{
    font-size:12pt;
}

.biggreysubtext
{
    color:Gray;
    font-size:16pt;  
    font-weight:bold; 
}

.regsymbol
{
    font-size:18pt;   
    vertical-align:top;       
}

.bold
{
    font-weight:bold;
}

.indent10
{
    text-indent:10px;
}

/* End of Text Formatting */
 
/**** List Formatting ****/ 



.list1 /* main center list */
{    
    list-style:none;
    margin-left: 10px;
    padding-left:0px;
    padding-top:0;
    margin-top:0;
}

.list1 li
{
    background-image:url('../images/main/bullet.png');
    background-repeat:no-repeat;       
    background-position:0px 3px;
    padding-left:20px; 
    padding-bottom:10px;
    font-size:12px;
    font-weight:bold;
    color:Gray;          
}

.list2 /* main center list */
{    
    list-style:none;
    margin-left: 10px;
    padding-left:0px;
    padding-top:0;
    margin-top:0;
}

.list2 li
{
    background-image:url('../images/main/bullet.png');
    background-repeat:no-repeat;       
    background-position:0px 3px;
    padding-left:20px;     
    font-size:12px;
    font-weight:bold;
    color:Gray;          
}

.leftul /* left column list */
 {  
    margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;  
	display:block;		
 }
 
 .leftli
 {
     padding-bottom:10px;
     font-size:14px;
     color:Gray;
     font-weight:bold;    
 }
 
 /* LINKS */
 
a.bluelink 
{
    color:#0082C8;
}
a.bluelink:hover 
{
    color:#0082C8;
}
a.bluelink:link 
{
    color:#0082C8;
}
a.bluelink:visted
{
    color:#0082C8;
} 
a.bluelink:active
{
    color:#0082C8;
}

a
{    
    color:Gray;
    text-decoration:none;
}

a:link
{
    color:Gray;
    text-decoration:none;
}

a:visted
{
    color:Gray;
    text-decoration:none;
}

a:hover
{    
    color:Black;
    text-decoration:none;
}

a:active
{
    color:Gray;
    text-decoration:none;
}

/* ------------------ */
/* Image Classes */
/* ------------------ */

/* applies to all images */
img
{
    border-width:0px;
}

.field  
{
    display:block; 
    float:left;     
}

.field input, .field
{         
    display:block;
}

.gray10
{
    font-size:10pt;
    color:Gray;
}

.gray11
{
    padding-right:5px;    
    font-size:11pt;
    color:Gray;
}

.bold
{
    font-weight:bold;
}

.bolder
{
    font-weight:bolder;
}


.imgbg
{
    background-image:url('../images/core/signup_to_receive_cir_stuff.jpg');
    background-repeat:no-repeat;      
    background-position:top right;   
}