	/* css by mark pollak, clifton media */
	/* www.clifton-media.co.uk */ 
	/* Last updated 17 November 2005 */ 

	
html { 
	min-width: 758px;
	
	 }
	 

.redbold{
color: #FF0000;
font-weight: bold;
font-size: 16px;
}


img	{
	border: 0;
	}
/*
this is the css for the forms used
*/
.textinputwidth{
width: 200px;
}
legend{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #006600;
font-weight: bold;
}

form fieldset{
border: 1px solid #DCDCDC;
padding: 0 20px;
margin-left: 20px;
margin-right: 10px;
}
form label{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0033FF;
font-weight: bold;
}
/*
end of css for forms
*/

body {font: 13px MS-Trebuchet, Arial, Helvetica, sans-serif;
/*  margin: 5px; 
 */
   padding: 5px; 
   
   text-align: center;
	min-width: 600px;
	margin-left: 1px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
   }
.hide, .printonly{
   display: none;
   }
   ol, ul{
   margin: 0.5em 0.5em 0.5em 20px; 

   }
   li{
	list-style-image: url(../images/interface/bullet.gif);
	margin-left: 25px;
	padding-top: 3px;
	line-height: 1.66;
   }
.linklist{  
padding-left: 10px;
list-style-image: url(../images/graphics/links_graphic.gif); 
padding-bottom: 10px;
}
   .indentedmore{
  margin-left: 100px;
   }
   a{
   

   text-decoration:underline; 
  

   color: #0066CC;
  
   }
th{   
background-color: #FFE88C;
text-align: left;
border-bottom: 2px solid #DAA309;

}

.roughtext {color: #FF0000}

a:active {
	color: #FF6600;
	text-decoration: underline;
}
a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
h1 {font-size: 120%;  letter-spacing: 1px;
font-family: Georgia, "Times New Roman", Times, serif;
   margin: 0.5em 0.5em 0.5em 12px; 
   color: #FF9933;
  }
h2 {font-size: 110%;  
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
   margin: 0.5em 0.5em 0.5em 12px; 
   color: #339999;
   display:inline;
  }  
  .headinginline{
	font-size: 110%;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #339999;
	display:inline;
	font-weight: bold;
  }  
    .headinginline a{
	color: #339999;
	text-decoration:none; 
	}
	
	 .headinginline a:hover{
	color: #339999;
	text-decoration:underline; 
	}
	
	.smallbold{

	font-family: Georgia, "Times New Roman", Times, serif;
	
	color: #339999;
	display:inline;
	font-weight: bold;
}
.smallorangebold{

	font-family: Georgia, "Times New Roman", Times, serif;
	
	color: #FF9933;
	display:inline;
	font-weight: bold;
}
h2 a{
color: #007E94;
}
h2 a:hover, h1 a:hover, h3 a:hover{
text-decoration:underline;
color:#000000;
}

h3 {font-size: 105%; margin: 0.5em 0.5em 0.5em 12px;  padding: 0 0 0 0.5em; 
   }
.toppage{
	text-align:right;
	background-image: url(../images/interface/top_arrow.gif);
	font-size: 90%;
	color:#027E94;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: right;
   }
 .toppage a, .toppage a:hover, .toppage a:visited{
 color:#027E94;

 }
 
.boldfirstword{
	color:#4E9330;
	font-size: 95%;
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/interface/q_background.gif);
	background-repeat: no-repeat;
}
.aligntoright{
	
	float: right;
	padding: 5px 5px 5px 15px;
}

.aligntorightdashedleftborder{
float: right;
	padding: 15px 15px 15px 15px;
	border-left: #DCDCDC 1px dashed; 
}
.redborderleft{
   border-left: 8px solid #CB2A2E;
  padding-left: 15px;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 5px;
  padding-top: 3px;
  background-color:#E6F4FF;
   }
h4 {font-size: 100%; margin: 0.5em 0.5em 0.5em 12px;  padding: 0.33em 0 0; 
 }
h1, h2, h3, h4, h5 {
line-height: 1.5em;

}

table{
margin: 0em 0em 0.5em 5px; 
}

.lineright{
BORDER-RIGHT: #DCDCDC 1px solid; 

}
.linerightbottom{
BORDER-RIGHT: #DCDCDC 1px solid; 
border-bottom: #DCDCDC 1px solid; 
}
.linebottom{
border-bottom: #DCDCDC 1px solid; 
}
.calendareventsinternal{
color:#0099FF;

}
.calendareventsexternal{
color:#FF6600;
}
td {
	vertical-align: top;
}
p {
line-height: 1.66; 
}
p, h2, smallbold{

margin: 0.5em 0.5em 0.5em 12px; 
}

.TableLineLight {
	BORDER-RIGHT: #DCDCDC 1px solid; 
	BORDER-TOP: #DCDCDC 1px solid;
	 BORDER-LEFT: #DCDCDC 1px solid; 
	 BORDER-BOTTOM: #DCDCDC 1px solid
}

#frame{
	margin-left: 0px;
	width:758px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	vertical-align: middle;
	
	margin: auto;

	text-align: left;


}
.table_blueleftcell{
background-image:url(../images/interface/left_cell.gif);
}

.table_bluebackground{
	background-color: #339999;
	padding-left: 10px;
	padding-top: 5px;
	
}

.table_bluebackground img{
display:block;
padding-top: 10px;
}

#columnMain{
float: right;
width: 402px;


}
#columnLeft{
float: left;
width: 176px;

}
#columnLeft img{
padding-top: 5px;

}
#columnRight{
float:right;
width: 160px;

padding-top: 30px;


}

#enclose{
	/*
	i don't think i need this style
	background-image:url(../htdocs/images/interface/bluebox_small.gif);
	background-repeat: no-repeat;
 */
	float: left;
	width: 578px;
}
#footer{
clear:both;
padding-top: 1em;
text-align: center;

}


div#secondary_navigations a {
padding: 3px 0 10px 12px; 
	font-weight: bold;
	display: block; 
	 text-decoration: none; 
	 padding: 8px 0 2px 10px;
}


div#secondarynavigation a {


font-family: Georgia, "Times New Roman", Times, serif;
	
	color: #339999;
	display:inline;
	font-weight: bold;
	   text-decoration: none; 


  }
div#secondarynavigation a:hover {

  text-decoration: underline; 
}

div#inthissection {
width: 142px; 
     border-bottom: 1px solid #B3E0FF;  border-left: 1px solid #B3E0FF; border-right: 1px solid #B3E0FF;   font-size: 12px; z-index: 11; padding: 0 0 0 0; margin: 0em 0em 0em 0em; background-color:  #F2FAFF;}
div#inthissectiontop { 
width: 144px;
 background-color: white;
     border-bottom: 1px solid #B3E0FF; background-image:url(../images/interface/inthissection.gif); background-repeat: no-repeat; height:25px;
   z-index: 11; padding: 0 0 0 0; margin: 0em 0em 0em 0em;}
.navigationlinks{
margin: 0;
padding: 0 0 0 0;
}
.navigationlinks li{
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
#footer  li{
margin: 0;
padding: 10px;
display: inline;
list-style: none;
}
#footer li a{
color:#999999;
text-decoration:none;
}
#footer li a:hover{
text-decoration:underline;
}
div#inthissection a {
display: block; 
padding: 8px 0 2px 10px; 
margin: 0; 
  text-decoration: none; 
  text-align: left; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;  
  border-bottom: 1px solid #F4F4F4; 
  color: #007E94;
background:  url(../images/graphics/blue_bullet.gif) 3px 50% no-repeat;
padding: 6px 10px 6px 20px;

  }
  
  


  
  
div#inthissection a:hover {
	  
	background: #EAF2FF url(../images/graphics/orange_bullet.gif) 3px 50% no-repeat;
	 text-decoration: underline; 

}
#breadcrumb{
padding:3px;
text-align:right;
color:#233950;

}

#breadcrumb a{
  
  
}
#breadcrumb strong{
padding-right: 10px;
}
#breadcrumb a:hover {

	text-decoration: none;
}
blockquote{
float:right;
width:127px;
text-align:left;
margin: 0;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
padding: 0;
font-size: 100%;

line-height: 1em;

background:#ECF9F9 url(../images/interface/blockquote_top.gif) no-repeat top left;
margin-bottom: 10px;
margin-left: 5px;
}
.nospeechmarks{
background-image: none;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 10px;
margin-left: 5px;
}
.quote{
margin: 0 10px 0 0;
padding: 20px 15px 15px 15px;
color:#666666;
background: url(../images/interface/blockquote_bottom.gif) no-repeat right bottom;
}
#author{
margin: 0 10px 0 0;
padding: 0 0 10px 0;
color:#339999;
font-size: 85%;
text-align:right;
font-weight:bold;
}

#maintitle{
display: none;
}


@media handheld, aural {
html { 
	min-width: 100px;
	
	 }
	 body{
	 	min-width: 100px;
	 }
#frame{
margin-left: 5px;

border-bottom: none;
border-left: none;
border-right:none;
}
.textinputwidth{
width: 70px;
}
#columnLeft, #header {
display: none;
}
#columnMain{
float: left;
width: 100%;

}
ol, ul{
  /* margin: 0px 0px 0px 15px; */

   }
#enclose{
background-image: none; 
width: 100%;
}
#maintitle{
display:block;


}
blockquote{
width: 100px;
text-align:center;
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;

line-height: 1em;
color: black;
background: #eee url(../images/interface/blockquote_top.gif) no-repeat top left;
display: block;
}

#frame{
margin-left: 0px;
width:100%;

border-bottom: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-top: 0px solid #CCCCCC;



}
.hide{
display: block;
}
.navigationlinks{
padding-left: 0;
margin-left: 3em;


}
.navigationlinks li{

	display: list-item;
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	
	
}
#columnRight{
float:left;

width: 100%;
padding-top: 10px;


}
}
@media print{
#columnLeft, #header {
display: none;
}
#columnRight{
float:left;
width: 600px;

padding-top: 10px;


}
.printonly{
display:block;
}
#columnMain{
float: left;
width: 600px;

}
#maintitle{
display:block;


}

#frame{
margin-left: 20px;
width:600px;
border-bottom: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;
border-top: 0px solid #CCCCCC;

}
}
