/* CSS Document */

/*This is the container box you can set it's margins etc here all content except the footer falls within the container box*/

#containerheader {

background:transparent; 

width:98%; 

margin:5px 0px auto;

position:absolute;

}



/*This is the leftbox you can set it's margins etc here*/

#leftbox {

background:transparent; 

width:25%; 

float:left; 

margin:25px 5px auto;

}



/*This is the maincontentbox you can set it's margins etc here*/

#maincontent {

background:transparent; 

width:70%; 

float:left; 

margin:25px 5px auto;

overflow:auto;

border: 0px solid black;

}



/*This controls the content within the top section of the containerheader's h1 elements*/

#containerheader h1 {

margin:0px; 

font-size:1.2em;

font-family:"Copperplate Gothic Bold";

border-bottom:1px solid #fff;

}

/*This controls the content within the top section of the leftboxheader's h1 elements*/

#leftboxheader h1 {

margin:0px; 

font-size:1.2em;

font-family:Garamond;

padding:0px 10px 5px 10px; 

border-bottom:1px solid #444;

}

/*This controls the content within the top section of the maincontentheader's h1 elements*/

#maincontentheader h1 {

margin:0px; 

font-size:1.2em;

padding:0px 10px 5px 10px; 

border-bottom:1px solid #444;

}



/*This controls the content within the containerbody's p elements*/

#containerheader p {

margin:0px; 

padding:5px 10px; 

font-size:14px;

font-family:Garamond;

}

/*This controls the content within the leftboxbody's p elements*/

#leftbox p {

margin:0px; 

padding:5px 10px; 

font-size:16px;

font-family:Garamond;

text-align:center;

}



/*This controls the content within the maincontentbody's p elements*/

#maincontent p {

margin:0px; 

padding:5px 10px; 

font-size:16px;

font-family:Garamond;

}



#maincontent p img {

border:0px solid red;

margin-left:250px;

}









/*This contols the side bars of the containerheader box*/

#containerheadercontent {

display:block; 

border:1px solid #444; 

border-width:0px 1px;

overflow:auto;

width:99.7%;

}

/*This contols the side bars of the left box*/

#leftboxcontent {

display:block; 

border:1px solid #444; 

border-width:0px 1px; 

overflow:auto;

}



#leftboxcontent p img {

margin-left:10px; 

text-align:center;

border:0px solid red;

}



/*This contols the side bars of the main box*/

#maincontentcontent {

display:block; 

border:1px solid #444; 

border-width:0px 1px; 

overflow:auto;

}

#footer

{

text-align:left;

font-size:14px;

font-family:Garamond;

width:60%;

margin:5px 0% 5px 28%;

clear:both;

}



/*These selectors listed below makes up the top and bottom for the rounded corners for the container,left,and main content boxes...*/

.xtop, .xbottom {

display:block; 

background:transparent; 

font-size:1px;

width:100%;

}

.xb1, .xb2, .xb3, .xb4 {

display:block; 

overflow:hidden;

}



.xb1, .xb2, .xb3 {

height:1px;

}

.xb2, .xb3, .xb4 {

background:#fff; 

border-left:1px solid #444;

border-right:1px solid #444;

}

.xb1 {

margin:0px 5px; 

background:#444;

}

.xb2 {

margin:0px 3px;

border-width:0px 2px;

}

.xb3 {

margin:0px 2px;

}

.xb4 {

height:2px; 

margin:0px 1px;

}







/*Color Controls/ Text alignment for the top of the boxes*/



/*Used to control text alignment and color of the title of the left and maincontent containers*/

.color_a {

background:#000066;

color:#fff;

text-align:center;

}

.color_b {

background:#d4d8bd; 

color:#000;

text-align:center;

}

.color_c {

background:#758279; 

color:#fff;

text-align:center;

}

/*Used to control text alignment and color of the title of the main container*/

.color_d {

background:#000066; 

color:#fff;

text-align:left;

}



.ad_container {

width:400px;

overflow:auto;

border:0px solid black;

margin-left:30%;

/*margin-right:15%;*/

margin-bottom:5%;

}



.container_left {

float:left;

width:225px;

border:0px solid #000066;

}

.container_right {

float:none;

width:225px;

border:0px solid red;

}



.top_ad {

margin-left:27%;

margin-right:5%;

width:300px;

border:0px solid red;

}


.assistance_container_holder {
width:99.9%;
overflow:auto;
border-top:1px solid black;
color:#000099;
}

.assistance_container {
width:60%;
overflow:auto;
border:0px solid black;
float:left;
}

.assistance_container_left {
float:left;
width:47%;
border-right:1px solid black;
text-align:center;
margin-right:1%;
padding-left:1%;
}
.assistance_container_right {
float:right;
width:48%;
border:0px solid black;
text-align:center;
margin-left:1%;
}

.assistance_container_top {
float:left;
width:100%;
border-bottom:1px solid black;
text-align:center;
clear:both;
font-weight:bold;
text-transform:uppercase;
}

.assistance_container_bottom {
float:left;
width:99%;
border-bottom:1px solid black;
border-top:1px solid black;
text-align:left;
clear:both;
background-color:#000066;
color:#FFFFFF;
padding-left:1%;
padding-bottom:1%;
}

.cvr_container {
width:37%;
float:right;
border-left:1px solid black;
background-color:#00CC66;
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
}

/* Generated pdf background image*/
a[href $='.pdf'] { 
   padding-right: 20px;
   background: transparent url(../images/gif/pdf.gif) no-repeat center right;
}

/* Generated doc background image*/
a[href $='.doc'] { 
   padding-right: 20px;
   background: transparent url(../images/gif/doc.gif) no-repeat center right;
}