/*
    Content Styles

	reds:
			#C1002B;
	greys:
			#69727b;

    overall page width: 974px;
*/

.middle
{
    min-height:376px; 
    height:100%; 
}

.middle a
{
    color:#C1002B;
}

.middle h1,.middle h2,.middle h3
{
    font-size:1.4em;
    padding:0px;
    margin:0px;
}

.middle h1
{
 margin-top:10px;   
}

.middle ul
{
    border-top:1px solid #C1002B;
    background-color:#eeeeee;
    margin:0px 0px 0px 30px;
    width:91%;
    padding:10px;
}
.middle ul li
{
    list-style-type:none;
    padding:3px 0px 3px 20px;
    background-image:url("../images/interface/bullets/Red_Bullet_Soft_6.gif");
    background-repeat:no-repeat;
    background-position:left 8px;
}

.middle .homePageImage
{
    margin-bottom:3px;
}

.middle h1
{
    color:#C1002B;
}


/* -------- Content Box -------------- */

.contentBox{
    display:inline-block;
    width:330px;
    height:110px;
    min-height:110px;
    max-height:110px;
    overflow:hidden;
    margin:0px 3px 3px 0px;
}

.contentBox .title{
    display:block;
    width:inherit;
    background-color:#C1002B;
    height:22px;
    color:#FFFFFF;
    font-size:1.2em;
    padding:3px 0px 0px 3px;
}
.contentBox .title a
{
    display:block;
    width:inherit;
    color:#FFFFFF;
    text-decoration:none;
}
.contentBox .title a:hover
{
    color:#FFFFFF;
    text-decoration:underline;
}

/* digital look arrows */
.contentBox .title .up
{
    background-image:url("../images/interface/ArrowGreen.gif");
    background-repeat:no-repeat;
    background-position:left 5px;
    padding-left:8px;
}
.contentBox .title .down
{
    background-image:url("../images/interface/ArrowRed.gif");
    background-repeat:no-repeat;
    background-position:left 5px;
    padding-left:8px;
}

.contentBox .content
{
    background-color:#eeeeee;
    padding:3px 3px 0px 3px;
    height:80px;
    width:inherit;
    overflow:hidden;
}



/* -------- Link Box          -------------- */

.linkBox
{
    text-align:left;
    display:inline-block;
    width:318px;
    height:134px;
    
    min-height:134px;
    max-height:134px;
    overflow:hidden;
    margin:0px 2px 3px 0px;
}

.linkBox ul
{
    border:0px;
    padding:0px;
    margin:0px;
}
.linkBox ul li
{
    padding:2px;
    background-image:url("");
}

.linkBox .title
{
    display:block;
    background-color:#C1002B;
    height:22px;
    width:inherit;
    color:#ffffff;
    font-size:1.2em;
    padding:3px 0px 0px 3px;
}

.linkBox .title a
{
    text-decoration:none;
    display:block;
    height:22px;
    width:320px;
    color:#ffffff;
}
.linkBox .title a:hover
{
    text-decoration:underline;
}

.linkBox .content
{
    background-color:#eeeeee;
    padding:0px 0px 0px 3px;
    height:104px;
    width:inherit;
    overflow:hidden;
    font-size:0.9em;
}
.linkBox .content img
{
}

	
/* -------- Illustrations Box -------------- */

    .redContentBox
    {
        border-top:1px solid #C1002B;
        background-color:#eeeeee;
    }
    
    .redContentBox .links
    {
       width:40%;
       background-color:#ffffff;
       padding:15px;
       vertical-align:top;
    }
    .redContentBox .links a
    {
        color:#C1002B;
        font-size:1.1em;
    }
    .redContentBox .links a:hover
    {
    }
    
    .redContentBox .text
    {
        padding:15px;
        vertical-align:top;
    }
    
/* -------- Contact Box -------------- */
    
    .contactdetails
    {
        width:92%;
        margin:0px 0px 0px 30px;
        border-top:1px solid #C1002B;
        background-color:#eeeeee;
    }
    .contactdetails td
    {
        vertical-align:top;
        padding:10px;
    }
    
    div.contactdetails
    {
        padding:10px;
        width:744px;
    }
    
    
/* -------- Awards Box -------------- */
.awardBox
{
   width:95%;
   margin-bottom:20px;
}
.awardBox .awardTitle
{
    color:#C1002B;
    font-size:1.4em;
    border-bottom:1px solid #C1002B;
    
}
.awardBox .awardImage
{
   width:37%;
   display:inline;
   height:90px;
   text-align:center;
   padding:1%;
}
.awardBox .awardText
{
   width:58%;
   padding:1%;
   height:90px;
   background-color:#eeeeee;  
}

/* --- Information Box ---*/

.infoBox
{
    border:1px solid #89929b;
    margin:0px 0px 5px 0px;
}
.infoBox .title
{
    padding:3px 0px 3px 5px;
    background-color:#89929b;
    color:#ffffff;
}
.infoBox .title .up
{
    padding-left:10px;
    background-image:URL("../images/interface/ArrowGreen.gif");
    background-position:left center;
    background-repeat:no-repeat;
}
.infoBox .title .down
{
    padding-left:10px;
    background-image:URL("../images/interface/ArrowRed.gif");
    background-position:left center;
    background-repeat:no-repeat;
}
.infoBox .title .hold
{
    /*color:#4444ff;*/
}

.infoBox .content
{
    
}

.infoBox .content p
{
    margin:3px 3px 10px 3px;
}

/* --- Information Box --- */
.messageBox
{
    border:0px;
    margin-bottom:3px;
    font-size:0.9em;
}

.messageBox .artical .title
{
    display:block;
    height:15px;
    color:#C1002B;
    border-bottom:1px solid #C1002B;
    overflow:hidden;
    padding:0px;
    margin:0px 0px 0px 0px;
}
.messageBox .artical .title a
{
    text-decoration:none;
    display:block;
}
.messageBox .artical .date
{
    font-size:0.8em;
    color:#C1002B;
    width:100%;
    padding:0px 0px 0px 120px;
    margin:0px;
    border:0px;
}
.messageBox .artical .content
{
    display:block;
    height:58px;
    overflow:hidden;
    background-color:#eeeeee;
}
.messageBox .artical .content img
{
    padding-right:3px;
}

.messageBox ul
{
    padding:0px 0px 0px 5px;
    margin:6px 0px 0px;
    width:100%;
}
.messageBox ul li
{
    height:15px;
    overflow:hidden;
}



/* ------------------- People ----------------*/

.people
{
    border-top:1px solid #C1002B;
    background-color:#eeeeee;
    margin:0px;
    width:318px;
    margin:3px 4px 3px 2px;
    display:block;
    float:left;
}

.people img
{
    float:left;
    margin:0px 5px 0px 0px;
}

.people strong
{
    color:#C1002B;
    display:block;
    font-size:1.4em;
    font-weight:lighter;
}
.people a
{
    text-decoration:none;
}
.people a:hover
{
    text-decoration:underline;
}
.people em
{
    color:#777777;
    font-size:1.1em;
    font-weight:bold;
    font-style:normal;
}

.companySections
{
    font-size:1.4em;
    font-weight:bold;
    color:#C1002B;
}
.companySections ul
{
    background-color:Transparent;
    width:91%;
    border:0px;
    margin:0px 0px 0px 0px;
    padding:10px 0px 10px 0px;
}
.companySections ul li
{
    background-image:url("");
    background-color:Transparent;
    border:0px;
    margin:0px;
    padding:2px;
}

.companySections ul li a
{
}
.companySections ul li a:hover
{
    text-decoration:underline;
}

.legal
{
  font-size:0.8em;
  color:#555555;   
}

/* --- Information Box ---*/

.pressBox
{
    margin:5px 0px 5px 30px;
    width:91%;
	background-color:#eeeeee;
    padding:0px 0px 5px 0px;
}
.pressBox strong
{
	background-color:#FFFFFF;
    border-Bottom:1px solid #C1002B;
    width:100%;
    display:block;
    color:#C1002B;
    font-size:1.2em;
}

.pressBox strong a
{
    background-color:#FFFFFF;
    width:100%;
    display:block;
    color:#C1002B;
    border:0px;
    margin:0px;
    padding:0px;
}
.pressBox strong a:hover
{
    background-color:#FFFFFF;
}
.pressBox em
{
    margin-left:3px;
}
.pressBox br
{
    line-height:10px;
}
.pressBox a.text
{
    width:91%;
	background-color:Transparent;
    width:inherit;
	border:0px;
	margin:0px;
	padding:0px;
	color:#000000;
}
.pressBox a.text:hover
{
	background-color:Transparent;
}
.pressBox a
{
    color:#ffffff;
    display:block;
    margin:3px;
    padding:5px;
    width:100px;
    border:2px solid #ffffff;
    background-color:#C1002B;
    float:right;
    text-decoration:none;
}
.pressBox a:hover
{
    background-color:#69727b;
}
.pressBox p
{
    margin-top:0px;
    padding-left:5px;
}


/* ----------     -----------------     ----------- */
/* ----------     General Interface     ----------- */
/* ----------     -----------------     ----------- */
.inlineContentBox 
{
    margin:5px auto 5px auto;
    width:92%;
    padding:0px 5px 5px 0px;
}
.inlineContentBox .title
{
    border-bottom:1px solid #C1002B;
    margin:0px;
    font-size:1.2em;
    font-weight:bold;
    color:#C1002B;
}
.inlineContentBox .content
{
    margin:0px;
    background-color:#eeeeee;
    padding-left:3px;
    border:1px solid #eeeeee;
}
.inlineContentBox ul
{
    border:0px;
    margin:0px 0px 0px 30px;
    width:91%;
    padding:5px 0px 10px 0px;
}
.inlineContentBox ul li
{
    background-image:url("");
    background-color:Transparent;
    border:0px;
    margin:0px;
    padding:2px;
}
.inlineContentBox ul.bullet
{
}
.inlineContentBox ul.bullet li
{
    list-style-type:none;
    padding:3px 0px 3px 20px;
    background-image:url("../images/interface/bullets/Red_Bullet_Soft_6.gif");
    background-repeat:no-repeat;
    background-position:left 8px;
    
}
.inlineContentBox em
{
}
/* ---------- Images ----------- */
.imageBox
{
    margin:5px auto 5px auto;
    width:92%;
    padding:10px;
}
.imageBox img
{
    border:1px solid #cccccc;
    padding:10px;
    margin:10px;
}
/* ----- people pages ----*/

.person
{
    
}

.person img
{
    float:right;
    margin-left:5px; 
}


h1#person
{
    margin:15px 10px 0px 10px;
    color:#C1002B;
    font-size:2em;
    font-weight:normal;
    padding:5px 0px 0px 0px;
}
h2#person
{
    color:#555555;
    font-size:1.5em;
    font-weight:normal;
    margin:5px 10px 0px 10px;
}



/* ----------- press contact -------------- */

.pressContact
{
    background-color:#eeeeee;
    border-top:1px solid #C1002B;
    padding:0px;
    width:318px;
    margin:3px 4px 3px 2px;
    float:left;
}

.pressContact img
{
    float:left;
    padding-right:5px;
}

.pressContact a
{
    text-decoration:none;   
}
.pressContact a:hover
{
    text-decoration:underline;   
}
.pressContact strong
{
    font-size:1.4em;
    font-weight:lighter;
    display:block;
    padding:0px;
    margin:0px;
}
.pressContact em
{
    font-style:normal;
    font-weight:bold;
    font-size:1.2em;
    color:#777777;
}
.pressContact .details
{
    width:250px;
    padding:5px 0px 5px 5px;
}





/* ------------------------------------------------------*/
/* --------------------- Context Syles ------------------*/
/* ------------------------------------------------------*/
.context
{
    float:right;
    width:300px;
}
/* -------- Context Box ------------ */

.context .contextBox, .context .PDFBox
{
    width:100%;
    margin:10px 0px 10px 10px;
}

.context .contextBox .title, .context .PDFBox .title
{ 
    font-size:1.2em;
    font-weight:bold;
    color:#C1002B;
}
.context .contextBox .content, .context .PDFBox .content
{
    border-top:1px solid #C1002B;
    background-color:#eeeeee;
    padding:0px 0px 5px 5px;    
}

.context .contextBox .content ul
{
    border:0px;
    margin:0px;
    padding:0px;
}

.context .contextBox .content ul li
{
    border:0px;
    margin:0px;
    padding:3px 0px 0px 15px;
}

.context .contextBox .content a, .context .contextBox .content strong
{
    text-decoration:none;
    color:#666666;
    font-size:1.2em;
    font-weight:bold;
    
}
.context .contextBox .content a:hover
{
    text-decoration:none;
    color:#220000;
}

/* -------- interface Box ------------ */
.interfaceBox
{
    border-top:1px solid #C1002B;
    background-color:#eeeeee;
    margin:10px 0px 0px 30px;
    width:91%;
    padding:10px;
}

/* --- box design ---*/

.context .PDFBox .content ul
{
    width:100%;
    border:0px;
    margin:0px;
    padding:5px 0px 0px 0px;
    background-image:url("");
    background-color:Transparent;
}

.context .PDFBox .content ul li
{
    border:0px;
    margin:0px;
    padding:5px 0px 5px 0px;
    background-image:url("");
}

.context .PDFBox .content a
{
    width:inherit;
    text-decoration:none;
    color:#666666;
    font-size:1.2em;
    font-weight:bold;
    margin:0px;
    padding:0px 0px 0px 23px;
    background-image:url("../images/interface/icons/pdf.gif");
    background-position:left center;
    background-repeat:no-repeat;
}


.context .PDFBox .content a:hover
{
    text-decoration:none;
    color:#220000;
}

/* ------ contact box ------------*/

.context .phone
{
    margin-top:5px;
}
.context .phone,.context .email
{
    font-size:1.2em;
    font-weight:bold;
    color:#666666;
}
.context .phone b,.context .email b
{
    color:#C1002B;
    width:22%;
    display:inline-block;
    text-align:left;
}

.context .contextBox .content .email a
{
	margin:0px;
	font-size:1em;
}
.context .email a:hover
{
    text-decoration:underline;
}