/* CSS Document */

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



body
{
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background-image: url(../images/bg_body.jpg);
background-repeat: repeat-x;
background-position: 0% 0%;
}

div{ margin: 0; }

.clear { clear: both; }

p
{
font-size: 12px;
color: #808080;
}



/* BODY BG
--------------------------------------------------*/

#bodyBg
{
width: auto;
height: auto;
margin: 0px;
background-image: url(../images/bg_main.jpg);
background-position: 50% 0%;
background-repeat: no-repeat;

}

/* MAIN CONTAINER 
--------------------------------------------------*/

#mainContainer
{
width:  980px;
height: auto;
margin: 0 auto;
background: url(../images/bg_cloud4Logo.gif) no-repeat -5px -4px;
_background-position: -5px 0px;
padding: 0 0 0 40px;
}


/* LOGO
--------------------------------------------------*/

#logo
{
width: 172px;
height: 86px;
position: relative;
top: 39px;
left: 25px;
}

/* NAV BAR
--------------------------------------------------*/

#navBar
{
width: 	480px;
float: right;
margin-right: 40px;
*position: relative;
}

#navBar ul
{
list-style: none;

}

#navBar li
{
display: inline-block;
margin: 0 15px 0 0;
text-align: center;
float: left;
}

#navBar a
{
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
display: block;
width: 101px;
padding: 20px 0 12px 0;


}



#navBar a.selected, #navBar a:hover
{
background: url(../images/bg_globalNavBtn.gif) no-repeat left top;
}

/* SUB NAV
--------------------------------------------------*/

#subNav
{
width: 	550px;
float: left;

}

#subNav img /* page title */
{
float: left;
}

#subNav ul
{
list-style: none;
float: left;
margin-left: 55px;
}

#subNav li
{
display: inline-block;
margin: 0 15px 0 0;
text-align: center;
float: left;
}

#subNav a
{
font-size: 12px;
font-weight: bold;
color: #0052a3;
text-decoration: none;
display: block;
padding: 8px 0 0 15px;
}



#subNav a.selected, #subNav a:hover
{
color: #f47c1e;
}

#subNav a.selected
{
background:url(../images/orange_triangle.gif) no-repeat 0px 10px;
}



/* HOME HDR
--------------------------------------------------*/

#homeHdr
{
width: 951px;
height: 345px;
margin-top: 0;
}


/* CALLOUT CONTAINER
---------------------------------------------------*/
#calloutContainer
{
width: auto;
height: 218px;
margin-top: 20px;
}

#callOut
{
background-image: url(../images/home_calloutBox.jpg);
background-repeat: no-repeat;
margin: 0px 4px 0px 0px;
padding: 20px 0px 0px 0px;
float: left;
width: 314px;
height: 218px;
text-align: center;
}



#callOut p
{
width: 280px;
border-top: 2px dotted #e8e8e8;
margin: 18px 15px 0px 15px;
padding: 12px 0px 0px 0px;
text-align: left;
line-height: 18px;
}

.learnMore
{
width: auto;
text-align: right;
padding-right: 25px;
margin-top: 10px;
}

.learnMore a
{
font-size: 12px;
font-weight: bold;
color: #F58024;
text-decoration: none;
background-image: url(../images/btn_orangeArrow.gif);
background-repeat: no-repeat;
background-position: 100% 0px;
padding: 4px 25px 10px 0px;

}


/* SUB PAGE BODY
------------------------------------------------------*/

#vert_bg
{
background: url(../images/bg_subPageBodyReptY.gif) repeat-y 0 0;
height: auto;
padding: 0px;
margin-left: -3px;
*margin-left: -4px;
margin-top: -4px;
*margin-top: -3px; 
}

#subPageBody
{
width: auto;
height: auto;
background: url(../images/bg_subPageBody.jpg) no-repeat 0px 0px;
padding: 36px; 
margin-left: 0px;
}


#subPageBody p
{
font-size: 14px;
}


/* SUB PAGE BODY LEFT COL
------------------------------------------------------*/


#subPageBody .leftCol
{
width: 520px;
padding: 0;
margin-left: 50px;
*margin-left: 50px;
_margin-left: 25px;
margin-top: 110px;
float: left;
}

#subPageBody .leftCol h1
{
font-size: 32px;
font-weight: bold;
color: #0052A3;
margin: 0px 0 25px 0;
border-bottom: 2px dotted #3979b8;
padding: 0 0 5px 0;
}

#subPageBody .leftCol p
{
line-height: 30px;
margin-bottom: 30px;
}


/* RT CALLOUT
------------------------------------------------------*/

#rtCallOut
{
width: 233px;
height: 120px;
background-color: #f7931e;
background-image: url(../images/orangeBoxBot.gif);
background-repeat: no-repeat;
background-position: bottom;
float: left;
margin: 240px 70px 20px 20px; 
}

#rtCallOut p 
{
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0 15px 15px 15px;
}


#rtCallOut .top
{ 
background:url(../images/orangeBoxTop.gif) no-repeat top left;
padding-top: 15px;
}


/* TAGLINE
------------------------------------------------------*/

#tagLine
{
width: 230px;
float: right;
text-align: left;
margin-right: 30px;
}

#tagLine p
{
font-size: 14px;
color: #0052A3;
}


/* FOOTER
------------------------------------------------------*/

#footer
{
width: auto;
height: auto;
text-align: center;
padding: 20px;
}

#footer ul
{
list-style: none;
}

#footer p, #footer ul li
{
font-size: 10px;
font-weight: bold;
color: #0052a3;
display: inline;
}

#footer li
{
line-height: 12px;
}

#footer a
{
color: #0052a3;
text-decoration: none;
margin-left: 5px;
}

#footer a:hover
{
color: #f7931e;
}