/*******************************************************
TITLE: PRIMAR CSS
DATE: 20090120
AUTHOR: MINIKA BJORGE
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background-color:#ECF0F3;
color:#000000;  
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
line-height:1.3em;
}

a {
color:#003366;
font-size:inherit;
text-decoration:none;
}


a:hover {
color:#cccccc;
/*color:#616161;*/
text-decoration:underline;
}

.image-box {
 margin-left: -1px;
 padding: 0px;
 border: 0px;
 border-collapse: collapse;
 margin-right: 0px;	
}

img {
  border:none;
  padding:0;
  margin:0;
}

.breadcrumbs{
font-size:9px; 
color:#333; 
margin-bottom:10px;
}


hr {
margin-bottom:5px;
border:none;
width:97.5%;
color:#bbbbbe;
border-bottom:1px dotted #666;
height:1px;
clear:both;
}

frameContent{
margin:0;
padding:0;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#postHeader { 	
margin:0 auto;
padding:0 .2em .1em .2em;
width:840px;
text-align:right;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
text-transform:uppercase;
}

#print-logo {display:none;}

#header {
/*margin:0 -1em 0 -1em;*/
padding:0 0 0 0;
height:100px;
}

#header h1 {
margin:0 0 -14px 10px;
padding:10px 0 0 .9em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000000;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 30px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000000;
}

#centerColumn { 	
margin:2px auto;
/*padding:.1em 1em 1em;*/
width:842px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:1px solid #eee;
font-size:.9em;
}

#content{ 
margin-top:15px;
padding:.3em .3em .4em .9em;
}

#centerColumn a, #centerColumn p a{ 
color:#003366;
}

#centerColumn h1 {
margin:0 0 -.5em 0;
padding:.1em 0 .8em 0;
font-size:1.1em;
}

#centerColumn h2 {
color:#333;
font-size:1em;
}

#navContainer {
margin:0;
padding:0;
height:26px;
background:url(barHeader2.gif);
}

#cell_1 {
margin:0 2px 1em 5px;
padding:0;
float:left;
width:321px;
height:285px;
/*background-color:#cccccc;*/
}

#cell_2 {
margin:0 2px 1em 8px;
padding:0 0 0 8px;
float:left;
width:478px;
height:350px;
/*border:1px solid #ccc;*/
}

#celltest_2 {
margin:0 2px 1em 8px;
padding:0;
float:left;
width:478px;
height:350px;
display:inline;
/*border:1px solid #ccc;*/
}


#cell_3 {
margin:0 0 1em 0;
padding:0;
float:left;
width:266px;
min-height:257px;

}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.9em;
color:#000000;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 8px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 8px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 8px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

div.groupseperator {
border-bottom:1px dotted silver;
clear:both;
color:#999999;
height:5px;
margin:7px 0;
text-align:center;
width:400px;
}

#left {
margin:1.5em 2px 1em 0;
padding:0 5px;
float:left;
width:562px;
max-width:562px;
min-height:550px;
}

#right {
margin:1.5em 8px 1em 8px;
padding:0 2px;
float:left;
width:230px;
min-height:550px;
/*border:1px solid #ccc;*/
}

.articleContent {
padding:0 10px;
font-size:11px;
}

.articleContent h1 {
font-size:1.1em;
}

.articleContent h2 {
font-size:1em;
}

.articleSummary  {
 font-size:11px;
 font-weight:bold;
}

.cellSummary_1 {
margin:0 2px .2em 0;
padding:0 5px 10px 5px;
float:left;
width:260px;
/*min-height:90px;*/
font-size:inherit;
overflow:hidden;
font-size:11px;
}

.cellSummary_2 {
margin:0 8px .2em 6px;
padding:0 5px 10px 5px;
float:left;
width:260px;
/*min-height:90px;*/
font-size:inherit;
overflow:hidden;
font-size:11px;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}


.photo {border:1px solid #333;}

#box_1 {
margin:0 1px 1em 5px;
padding:0;
float:left;
width:197px;
height:165px;
}

#box_2 {
margin:0 4px 1em 9px;
padding:0;
float:left;
width:197px;
height:165px;
}

#box_3 {
margin:0 8px 1em 6px;
padding:0;
float:left;
width:197px;
height:165px;
}

#box_4 {
margin:0 0 1em 1px;
padding:0;
float:left;
width:197px;
height:165px;
/*background:#DDECF9;*/

}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.85em;
color:#000000;
padding:0 4px;
margin:0;
}

#box_1 a, #box_2 a, #box_3 a, #box_4 a {
text-align:center;
color:#336699;
text-decoration:underline;
}

.title{
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
font-size:1em;
background:url(bar2.gif) no-repeat;
height:35px;
padding:.2em 0 0 .7em;
} 



#footer {
position:relative;
clear:both;
bottom:0;
margin:0;
padding:0;
height:5em;
line-height:1.2em;
background-color:#195F97;
color:#fff;
}

#footer a{
 color:#f4f4f4;
 text-decoration:none;
 font-size:.8em;
}

#footerBox_1 {
margin:10px 30px 1em 25px;
padding:0;
float:left;
width:400px;
height:55px;
font-size:.8em;
}

#footerBox_2 {
margin:5px 4px 1em 9px;
padding:0;
float:left;
width:170px;
height:55px;

}

#footerBox_3 {
margin:5px 8px 1em 6px;
padding:0;
float:left;
width:170px;
height:55px;
}

#footerBox_2 ul, #footerBox_3 ul{
margin:0 0 0 10px;
padding:0;
}


#footerBox_2 li, #footerBox_3 li{
list-style-type:none;
border-bottom:1px solid #7B7B7B; 
}

.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.date {
color:#979C93;
display:block;
font-size:10px;
margin:0;
padding:0;

}

/*************accordion ******************/

#accordion2 {width:228px; margin:0; padding:0; border:1px solid #333; border-top:none}
.accordion2 {width:228px; font:11px Verdana,Arial; color:#333; margin:0; padding:0;}
.accordion2 dt {width:217px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(arrow_up.gif)}
.accordion2 dd {margin:0; padding:0; overflow:hidden; background:#fff}
.accordion2 span {/*display:block;*/ width:200px; border-top:none; padding:5px 10px}



/************* end accordion ******************/

/******* /tabbed container *******/
#gallery {
  font:1em verdana,arial,sans-serif; 
  width:400px; 
  padding:0; 
  line-height:15px;
 }
 
#gallery div.off {
  color:#000; 
  height:23px; 
  margin-right:2px; 
  line-height:22px; 
  padding:0 8px; 
  float:left; 
  background:url(tabs_0.gif) repeat-x left bottom; 
  border:1px solid #ddd; 
  border-bottom-color:#000; 
  cursor:pointer; 
  position:relative; 
  z-index:20;
 }
 
#gallery div.on {
  color:#333; 
  font-weight:bold;
  padding:0 8px; 
  margin-right:2px; 
  margin-top:1px; 
  float:left; 
  background:url(tabs_2.gif) repeat-x left bottom; 
  border:1px solid #ccc; 
  cursor:pointer; 
  border-bottom:0; 
  height:23px; 
  line-height:22px; 
  position:relative; 
  z-index:100;
}

div.hide {display:none; width:0; overflow:hidden;}

div.show {
  clear:left; 
  font-size:inherit; 
  /*background:#fff; */
  width:300px; 
  height:238px;
  margin-top:0; 
  top:-1px; 
  border:1px solid #d0ccc9;
  padding:10px 10px 10px 7px; 
  position:relative; 
  z-index:50; 
  line-height:12px;
}

div.show li{
  border-bottom:1px solid #EFEFEF; 
  font-size:.9em; 
 line-height:12px;
}

div.show li a{
  color:#003399;  
  text-decoration:none;
  font-size:.9em;  
  padding:4px 0;
  line-height:12px;
}

div.show li a:hover{
  color:#333;  
  text-decoration:none;
}

div.show img {float:left; margin:0 10px 10px 0;}


/******** login form ***************/
#loginform {
width:360px;

}
#loginform fieldset{
padding:10px;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
}
#loginform label{
display:block;
height:2em;
background-color:#E7E7E7;
padding:10px 10px 0;
}
#loginform input {
margin-right:20px;
border:1px solid #999999;
float:right;
clear:right;
background:#DCDCDC;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}


/*************** Sitemap Styler *************/

#sitemap {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

#sitemap li {
 list-style-type: none; 
}

ul#sitemap > li {
 margin-bottom: 10px;
}

#sitemap ul li {
 list-style-image:   url("l2_normal.gif");   
}

#sitemap ul li.sitemapTitle{font-weight:bold;}


#sitemap ul li.firstfollow {
 list-style-image:   url("l2_first_follow.gif");
}

#sitemap ul li.last {
 list-style-image:   url("l2_last_item.gif");
 
}

/* ~~~~~~~~~~ END SITEMAP STYLES ~~~~~~~~~~~~~~ */


/* ~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~ */

/*.fontResizer { display: block; position: absolute; position: absolute; top: 0; left: 0; }*/

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #333; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 0.9em; }

.medFont { font-size: 1.1em; }

.largeFont { font-size: 1.2em; }

.curFont { background: #EEEEF7; }

/* ~~~~~~~~~ END FONT SIZER CSS ~~~~~~~~~~~~~~~~~~ */




@media print {
body { 
  color : #000000; 
  background : #ffffff; 
  font-family : "Arial", Times, serif;
  font-size : 12pt; 
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

}
a { 
  text-decoration : underline; 
  color : #0000ff; 
}

#print-logo {display:block;}
#postHeader, #header, #navContainer, #right, #footer, hr, .breadcrumbs{display:none;}
#centerColumn{border:none;}
#left{width:100%; margin-top:.4em; float: none !important;}
.noScreen {display:normal;}

 
}