/* CSS Document */
html
{
    margin: 0 0 0 0;
    padding: 0;
}
body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666666;
    background: url(/images/blend.png) repeat-x;
    height:100%; 
}

h1
{
    height: 15px;
    background-color: White;
    color: #666666;
    font-size: 9px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

/* Common */
.cleanIt
{
    clear: both;
    height: 0;
    line-height: 0;
}

.divClear
{
    clear: both;
}

strong
{
    font-weight: bold;
}
strong.type1 { color:Black; } 

.divCenter
{
    margin: 0 auto;
}

hr
{
    border: 0;
    height: 7px;
    width: 900px;
    color: #000000;
    background-color: #000000;
}

/* apply to text with in div */
p
{
    margin: 0px;
    padding: 0px;
}

p.type1
{
    padding: 20px 20px 20px 20px;
}

p.type2
{
    padding: 10px 10px 0px 10px;
}

p.type3
{        
    padding: 10px 10px 0px 10px;
}
p.type4
{        
    padding: 25px 10px 0px 80px;
}

p.news1
{
    color: #808080;
    padding: 8px 20px 10px 20px;
}
.inner1
{
    padding: 20px;
}
.inner2 
{
     padding: 8px 10px 0px 20px;
} 
.plainborder
{
    border: thin #000000 solid;
    margin: 10px;
    padding: 10px;
}

.fancyborder
{
    border: medium dotted #FF00FF;
    margin: 10px;
    padding: 10px;
}

.errMsg1
{
    color: red;
}
.regMsg1
{
    color: red;
}

.verticalSpace1 { height:5px; } 

.cellHeader1 { background-color: #666666; height: 30px; color:White; font-weight:bold; cursor:pointer;} 
.cellHeader2 { background-color: #0079c1; height: 30px; color:White; font-weight:bold; cursor:pointer;} 
.cellHeader3 { background-color: #7bc143; height: 30px; color:White; font-weight:bold; cursor:pointer;} 
.cellHeader4 { background-color: #be1e2d; height: 30px; color:White; font-weight:bold; cursor:pointer;} 


/* Add the white space around the siteTop. Total 910px - 4px for borders = 902px */

#siteTop
{
    margin: 0 auto;
    width: 902px; /* 4px on each site totals 908 */
    height: 135px;
    background-color: black;
    border-top: 4px #FFFFFF solid;
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid; /*background-image: url(/images/Header.png);         background-repeat: no-repeat;     */
}
#siteTop .leftSide { float:left; width:169px; height:120px; background-image:url(/images/logo.png); cursor: pointer; } 
#siteTop .rightSide { float:right; width:369px; height:120px; background-color:Black; } 

#siteBreadCrumbsSpace { height:20px; padding-left:200px; } 
.siteBreadCrumbs
{    
    padding-left:20px; height:20px; line-height:20px; font-size:9px;
}

#siteTagLineSpace
{
    height: 15px;
    background-color: White;
    padding-left: 20px;
}

.topSpace1 { border-top: 20px #FFFFFF solid; } 

#siteTopMenu
{
    margin: 0 auto;
    width: 902px;
    height: 30px;
    background-color: White;
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid;    
}

#siteTopMenu #menuAreaCell1
{
    width: 702px;
    height: 30px;
    float: left;
}
#siteTopMenu #menuAreaCell2
{
    width: 200px;
    height: 30px;
    float: left;
    background-color: white;
}

#siteMiddle
{
    margin: 0 auto;
    width: 902px;
    background-color:White;
    border-top: 4px #FFFFFF solid; 
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid;
    border-bottom: 4px #FFFFFF solid;
}

/* Home Page */
#siteMiddle #midTopCell1
{
    width: 690px;
    background-image: url(/images/home-img.png);   
    border-right: 12px #FFFFFF solid;
    border-bottom: 6px #FFFFFF solid;
    float: left;
    height: 300px;
}
#siteMiddle #midTopCell2
{
    width: 200px;
    border-bottom: 6px #FFFFFF solid;
    background-color: White;
    float: left;
    height: 300px;
}

#siteMiddle #midMidCell1
{
    width: 690px;
    border-right: 12px #FFFFFF solid;
    border-bottom: 6px #FFFFFF solid;
    background-color: Black;
    float: left;
    height: 30px;
}
#siteMiddle #midMidCell2
{
    width: 200px;    
    font-weight:bold;
    border-bottom: 6px #FFFFFF solid;
    background-color: Black;
    float: left;
    height: 30px;
}

#siteMiddle .midBottomCell1
{    
    font-weight:normal;
    width: 220px;
    background: url(/images/home-gradient.png) repeat-x;
    /*border-right: 14px #FFFFFF solid;*/
    /*border-bottom: 6px #FFFFFF solid;*/
    border: 1px #666666 solid; 
    margin-right: 12px;
    float: left;
    min-height: 130px;
}
#siteMiddle .midBottomCell2
{    
    width: 198px;
    background: url(/images/home-gradient.png) repeat-x;
    border: 1px #666666 solid; 
    /*border-bottom: 6px #FFFFFF solid;*/    
    float: left;
    min-height: 130px;
}

/* Left Column Page */
.pageCell1 { width:200px; background-color:#FFFFFF; float:left; min-height:400px;} 

/* 3 Columns Page */
.pageCell2 { width:500px; border-left: 1px #B3B3B3 solid; border-right: 1px #B3B3B3 solid; background-color:White; float:left; min-height:400px; } 
.pageCell3 { width:200px; background-color:White; float:left; min-height:400px; } 

/* 2 Columns Page */
.pageCell4 { width:701px; border-left: 1px #B3B3B3 solid; background-color:White; float:left; min-height:400px; } 

#siteBottom
{
    margin: 0 auto;
    width: 902px;
    height: 40px;    
    background-color: #FFFFFF; /*background-image: url(/images/Footer.png);     background-repeat: no-repeat;*/
    border-top: 0px #FFFFFF solid;
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid;
    border-bottom: 4px #FFFFFF solid;
}

#copyright { width:400px; float:left; height:40px; line-height:40px; padding-left:20px; } 

.inside1
{
	 text-align: left;
    padding: 20px;
    width: 650px;
}

.inside2
{
    padding: 20px;
}

.inside3
{
    padding: 10px 20px 10px 20px;
}

.inside4
{
    padding: 10px 20px 10px 20px; width:460px;
}
.inside5  
{
  padding: 10px 20px 0px 20px;
}

.textboxLogin
{
    width: 150px;
}
.loginBox
{
    width: 300px;
    border: 1px #cccccc solid;
}
.loginButton
{
    font-size: 10px;
} 

.picText1 { font-size:30px; font-weight:bold; color:#999999; } 
.picText2 { color:#7BC143; font-weight:bold; } 

.blockType1 { height:65px; width:200px; border-bottom: 1px #b3b3b3 solid; cursor: pointer;} 
.blockType1.on { background-color:#E2EFD4; } 
.blockType1.off { background-color:#f3f3f3; } 
.blockType1Left1 { float:left; width:150px; height:65px; } 
.blockType1Right1 { float:left; width:50px; height:65px;} 
.blockType1Title1 { color:#7BC143; padding:10px 0px 0px 20px; font-weight:bold;} 
.blockType1Sub1 { padding-left:20px; font-size:9px; } 
.blockType1Link1 { color:#666666; font-size:9px; font-weight:bold; padding:5px 0px 0px 20px; } 

.blockType2 { width:200px; border-bottom: 1px #b3b3b3 solid; cursor: pointer;} 
.blockType2.on { background-color:#E2EFD4; } 
.blockType2.off {background-color:#f3f3f3; } 
.blockType2Title1 { color:#000000; padding:14px 0px 0px 20px; font-weight:bold;} 
.blockType2Link1 { color:#666666; font-weight:bold; font-size:11px; padding:5px 0px 0px 20px; } 

.blockType3 { height:74px; width:200px; border-bottom: 1px #b3b3b3 solid; cursor: pointer;} 
.blockType3.on { background-color:#E2EFD4; } 
.blockType3.off {background-color:#F3f3f3; } 
.blockType3Left1 { float:left; width:150px; height:65px; padding-top:5px; } 
.blockType3Right1 { float:left; width:50px; height:65px;} 
.blockType3Title1 { color:#7BC143; padding:10px 0px 0px 20px; font-weight:bold;} 
.blockType3Sub1 { padding-left:20px; font-size:9px; } 
.blockType3Link1 { color:#666666; font-size:9px; font-weight:bold; padding:5px 0px 0px 20px; } 


.navHeader1 { height:50px; background-color:#d5d6d7; font-size:18px; border-bottom: 1px #b3b3b3 solid;}  
.navHeader2 { height:50px; background-color:#d5d6d7; font-size:18px; border-bottom: 1px #b3b3b3 solid;} 
.navHeaderInside1 { padding:20px 0px 0px 20px;} 

/* Navigation Menu */
ul#headerNav
{
    /*background: url(/images/headerbg.gif) 0% 0px repeat-x;*/
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

ul#headerNav li
{
    display: block;
    float: left;
}

ul#headerNav li a
{
    display: block;
    font-weight: bold;
    float: left;
    text-align: center;
    margin-top:8px;
    padding: 0px 12px 0px 15px;
    color: #666666;
    text-decoration: none;
}

ul#headerNav li a:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/    
    color: #000000;    
    text-decoration: none;
}

ul#headerNav li a.current, ul#headerNav li a.current:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/
    background-color:White;
    color: black;
}


/* Side Navigation Menu */
#navContainer {}
#navContainer ul
{ margin-top:0px; margin-bottom:0px; margin-left: 0; padding-left: 0; list-style-type: none; }

#navContainer a
{
	display: block; width: 150px; font-size:11px ;font-weight:bold; font-family:Arial; border-bottom:solid 1px #666666; 
	line-height:24px; text-decoration:none;
}

#navContainer a:link
{ color: #252525; text-decoration: none;  }


#navContainer ul li.sub1 a { padding-left:20px; color: #666666; border-bottom: 1px solid #B3B3B3; width:180px; }
#navContainer ul li.sub1 a:hover { color: #666666; background-color:#D4E0F3; } 
#navContainer ul li.sub1 a.current {  padding-left:20px; background-color:#D4E0F3;  }

#navContainer ul li.sub2 a { padding-left:20px; color: #252525; border-bottom: 1px solid #808080; width:180px;  }
#navContainer ul li.sub2 a:hover { color: #000000; } 
#navContainer ul li.sub2 a.current {  padding-left:20px; }



/*---------- Popup menu -----------*/

.popupMenu
{
    position: relative;
    z-index: 24;
    background-color: #f3f3f3;
    border: 1px solid #B3B3B3;
    min-height: 200px;
    width: 200px;
    top: -50px;
    left: 0px;
    display: none;
}
.popupMenu .header1 { height:20px; background-color:black; color:White; padding-left:10px; padding-top:8px; }
/*

a.tt{
    position:relative;
	z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
    
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it
a.tt:hover{ z-index:25; color: #aaaaff; text-decoration:none;}
a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    top:0; left:0;
	padding: 0 0 0 0;
	width:200px;
	color: #000000;
	text-decoration: none;
    text-align: center;	
}

*/


/* Quick links menu */

ul#quicklinkNav
{
    /*background: url(/images/headerbg.gif) 0% 0px repeat-x;*/    
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul#quicklinkNav li
{        
    display: block;
    float: left;
}

ul#quicklinkNav li a
{
    height:20px;
    display: block;
    font-weight: bold;
    text-align: left;
    padding: 7px 12px 0px 10px;
    color: #000000;
    text-decoration: none;
    width: 173px;
    border-bottom: 1px #b3b3b3 solid;
}

ul#quicklinkNav li a:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/
    border-bottom: 1px #b3b3b3 solid;
    background-color:#E2EFD4;
    color: #000000;
    text-decoration: none;
}

ul#quicklinkNav li a.current, ul#quicklinkNav li a.current:hover
{    
    /* background: url(/images/main-mouse-over.png) 0px 0px repeat-x; */
    color: black;
}

/* ------------------ Hyperlinks ------------------ */

a:active,a:visited,a:link { color : #666666; text-decoration: underline; font-size: 11px;}
a:hover { -decoration: underline;}

A.hp1:ACTIVE, A.hp1:VISITED, A.hp1:LINK
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}
A.hp1:HOVER
{
    text-decoration: underline;
}

A.hp2:ACTIVE, A.hp2:VISITED, A.hp2:LINK
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}

A.hp2:HOVER
{
    text-decoration: underline;
}


A.hp3:ACTIVE, A.hp3:VISITED, A.hp3:LINK
{
    color: #666666;    
    font-weight: normal;
    font-size: 100%;
    text-decoration:underline;
}

A.hp3:HOVER
{
    text-decoration: underline;
}

A.hp4:ACTIVE, A.hp4:VISITED, A.hp4:LINK, A.hp4:HOVER
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;    
}

A.hp5:ACTIVE, A.hp5:VISITED, A.hp5:LINK, A.hp5:HOVER
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    font-size:10px;    
}

A.hp6:ACTIVE, A.hp6:VISITED, A.hp6:LINK, A.hp6:HOVER
{
    color: #7bc143;
    text-decoration: none;    
    font-size:12px;
}

A.hp7:ACTIVE, A.hp7:VISITED, A.hp7:LINK, A.hp7:HOVER
{
    color: #808080;
    text-decoration: none;    
    font-size:11px;

}


A.breadcrumbs1:ACTIVE, A.breadcrumbs1:VISITED, A.breadcrumbs1:LINK
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}
A.breadcrumbs1:HOVER
{
    color:#000000;
    text-decoration: none;
}


/* ------------------ News ------------------ */
.latestNewsHeader1 { border-bottom: 1px solid #B3B3B3; font-weight:bold; min-height:40px; padding:15px 0px 15px 0px;  } 
.newsHeading { color:Black; font-weight:bold;  } 
.newsSubHeading {  font-weight:normal; } 
.newsReleaseDate { color:Black; } 
.newsReleaseLocation { color: Black; } 
.newsDescription {  } 

/* ------------------ Management Team ------------------ */
.mgtTeam1 { width:230px; float:left; height:150px; padding-left:20px; }
.mgtTeam1 .caption1 { color:Black; font-weight:bold; padding:10px 0px 0px 2px; } 
.popupBottom1 { text-align: right; border-top: 1px #b3b3b3 solid; padding-right:5px; } 

/* ------------------ Modal Popup ------------------ */
.modalBackground {
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	
	background: url(/images/gradientpopup.png) repeat-x;	
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}



/* Form Elements */
.formElement1 { padding-left:20px; padding-top:20px; background-color:White;} 
.elementAreaSmall1 { width:210px; float:left; padding-bottom:10px; font-size:11px;} 
.elementAreaLarge2 { width:400px; float:left; padding-bottom:10px; font-size:11px;} 
.validationSummary { color:Red; margin-left:50px;} 
.formMsg1 { color:Red; } 

.textbox1
{
	border: 1px solid #999999;
	background-color: #E7E7E7;
	width: 190px;	
	font-size: 11px;
}

.textbox2
{
	border: 1px solid #999999;
	background-color: #E7E7E7;
	width: 400px;	
	font-size: 11px;
}
.textboxMultiLine1
{
	border: 1px solid #999999;
	background-color: #E7E7E7;
	width: 400px;
	height: 100px;
	font-size: 11px;
}

.ddl1
{
	border: 1px solid #999999;
	background-color: #E7E7E7;
	font-size: 11px;
	width:190px;	
}

.button1
{	
	font-size: 10px;	
}

.footer {
        padding: 10px;
        background-color: #000000;
        filter: alpha(opacity=75);
        opacity: 0.75;
        MozOpacity: 0.75;
        KhtmlOpacity: 0.75;
}

.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}
.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
