/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 25px 0px 0px 0px; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }
input { padding: 3px 0px 0px 0px; height: 22px; line-height: 18px; color: #333333; }
input.button { height: auto; line-height: 20px; padding: 0px; }
textarea, select, select * { color: #333333; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #000000; font-size: 16px; margin: 0px 0px 15px 0px; }
h2 { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p {  margin: 0px 0px 15px 0px; }
p, table, td, div  { color: #333333; font-size: 11px; line-height: 16px; }
a  { color: #663366; font: normal 11px Verdana; text-decoration: none; font-weight: bold; line-height: 16px; }
a:hover { text-decoration: underline; }




/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/


#mainContainer { width: 735px; height: 625px; margin: 0px auto; background: url('../images/layout/m_bg.jpg') no-repeat bottom left; }

#main {
	width: 688px; /* Main Content Width */
	margin-left: 26px;
}


#header {  }
    #logo { width: 225px; height: 114px; background: #663366; float: left; text-align: center; }
    #logo img { margin-top: 10px; }

    #headerRight { float: right; width: 459px; }

    #nav { margin: 4px 0px 0px 0px; }
        #home { display: block; margin-right: 3px; width: 112px; float: left; text-align: center; }
        #publicRelations { display: block; margin-right: 3px; width: 112px; float: left; text-align: center; }
        #mediaRelations { display: block; margin-right: 3px; width: 113px; float: left; text-align: center; }
        #corporateMessaging { display: block; width: 113px; float: left; text-align: center; }

/*
        #home { background: #c9bba4; }
        #publicRelations { background: #f3af91; }
        #mediaRelations { background: #cb98c2; }
        #corporateMessaging { background: #93cae1;  }
*/
        #home { background: #CCCCCC; }
        #publicRelations { background: #CCCCCC; }
        #mediaRelations { background: #CCCCCC; }
        #corporateMessaging { background: #CCCCCC; }




        #home:hover { background: #663366; }
        #publicRelations:hover { background: #D46600; }
        #mediaRelations:hover { background: #962e83; }
        #corporateMessaging:hover { background: #53B2BA; }


        #home img { margin-top: 10px;  }
        #publicRelations img { margin-top: 10px; }
        #mediaRelations img { margin-top: 10px; }
        #corporateMessaging img { margin-top: 3px; }

    #nav a { height: 30px; }
    #nav a img  { border: none; }
    #tagline { margin: 4px 0px 0px 0px; background: #663366; height: 38px; }
    #tagline img { margin-top: 13px; margin-left: 30px;  }





#body { height: 433px; }
    #bodyInner { height: 404px; border: 1px solid #000000; }

#title { background: #3EA1CA; height: 34px; }
    #title img { margin: 11px 0px 0px 33px; }



#footer { background: #663366; height: 26px; line-height: 26px; font-size: 10px; color: #FFFFFF; padding-left: 8px; margin-top: 8xp; }
    #footer a { color: #FFFFFF; text-decoration: none; font-size: 10px; }
    #footer a:hover { text-decoration: underline; }





#box1 { height: 265px; width: 220px; border: 1px solid #000000; float: left; background: url('../images/orange_bg.jpg') center center; }
#box2 { height: 265px; width: 220px; border: 1px solid #000000; float: left; background: url('../images/purple_bg.jpg') center center; margin-left: 14px; }
#box3 { height: 265px; width: 220px; border: 1px solid #000000; float: right; background: url('../images/blue_bg.jpg') center center; }

#box1 .head { background: #D46600; height: 30px; text-align: center; }
#box2 .head { background: #962e83; height: 30px; text-align: center; }
#box3 .head { background: #53B2BA; height: 30px; text-align: center; }




#box1 p, #box2 p, #box3 p { margin: 10px 10px 5px 10px; }

#iFrame { border: 1px solid #D2D3D5; width: 310px; margin-left: 14px; height: 250px; overflow: auto; }
    #iFrameInner { margin: 8px; }





/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 200px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }