body {
	font-family:arial,tahoma,verdana,sans-serif;
	color:black;
	font-size:13px;
	background:transparent url(../wsimages/shadow2.gif) repeat-y fixed center;
	background-color:#D8D8D8;
	padding:0;
	text-align:center;
	width: 840px;   /*changed to 840px*/
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
    }


	h1 {
		margin:8px 0px 0px -2px;
		font-size:20px;
		color:#fca311;
		}
		
	h2 {
		font-size:16px;
		color:#000000;
		padding-top:10px;
		}
	h3 {
		font-size:14px;
		color:#000000;
		padding-top:6px;
		}
		
	

.wholepage
{
	width:810px;
	margin-left:auto;
	margin-right:auto;
	
}


		
/* -------------------------------------------------------Header------------------------------------------------------------------- */		
	#containerhead {
		height:145px;
		margin:0;
		text-align:left;
		padding-bottom: 5px;
		min-height:100%;
		margin-left: auto;
		margin-right:auto;
		padding:0px;
		border-left:none;
		border-right:none;
		border-bottom:none;
		background-image: url(../wsimages/header_2010.jpg) ;
		vertical-align:bottom;
		background-position:left;
		}
		
	#containerheadflash {
	float:left;
	border-width: 0px 0px 0px 0px;
	width:112px;
	height:112px;
	padding: 8px 8px;
	vertical-align:bottom;
	margin-left:5px
		}
	
	
		
/* ----------------------------------------------------Primary nav in header--------------------------------------------------- */
	#primarynav {
	padding-left:1px;
	padding-right:1px;
	height:20px;
	width:670px;
	float:left;
	margin-top:102px;
	padding:0;
	
		}
	#primarynav ul {
		display:inline;
		list-style:none;
		margin:0px;
		padding:0px;
		}
	#primarynav li {
		display:inline;
		margin:0px;
		padding:0px;
		}
	#primarynav li a {
		margin:8px;
		padding:1px 2px 2px 2px;
		text-decoration:none;
		font-weight:bold;
		color:#FFFFFF;
		font-size:12px;
		line-height:18px;
		vertical-align:bottom;
		}
	#primarynav li a:hover {
		text-decoration:underline; color:#FCA311;
		}

		
/* ----------------------------------------------------------Search-------------------------------------------------------------- */
	#search {
		margin:0px;
		font-size:10px;
		vertical-align:bottom;
		text-align:right;
		
		}
	#search input {
		font-size:10px;
		color:#000;
		border:1px solid #FFFFFF;
		background-color:#EEEEEE;
		}
	#search input.button {
		background-color:#0099B5;
		padding:0px;
		color:#FFFFFF;
		}
		
	#searchhome {
		margin:0px;
		width:160px;
		float:right;
		padding-right:4px;
		padding-top:4px;
		font-size:10px;
		
		}	
	#searchhome input {
		font-size:10px;
		color:#000;
		border:1px solid #FFFFFF;
		background-color:#EEEEEE;
		}
	#searchhome input.button {
		background-color:#0099B5;
		padding:0px;
		color:#FFFFFF;
		}	



	
/* -------------------------------------------------------Page------------------------------------------------------------------- */	
	#page {
		float:right;
		min-height: 600px;
		margin-top:15px;
		padding:0px;
		background-color:#fff;
		
		
		text-align:left;
		
		}
	#pagehead {
		margin:5px 0px 0px 5px;
		padding:0 15px;
		}
	#pagehead h1 {
		margin:20px 0px 20px 0px;
		font-size:20px;
		color:#fca311;
		}

		
	#pagecontent h3 {
		font-size:14px;
		}
	#pagecontent h4 {
		font-size:12px;
		}
	#pagecontent img{
		/*border:2px solid #333;
		margin:3px 5px 3px 5px;
		background-color:#FFF;*/
		padding:2px;
		margin:5px;
		}		
	#pagecontent {
		margin:1px 2px 0px 0px;
		padding:5px 15px 0px 0px;
		background-color:#fff;
		min-height:100%;
		float:right;
		margin-left: 8px;
		width:665px;
		
		}
	#pagecontenthome {
		margin:1px 1px 0px 0px;
		padding:0px 0px 0px 0px;
		background-color:#fff;
		min-height:100%;
		float:right;
		margin-left: 8px;
		
		}
	

/* -----------------------------------------------------------------Sidebar---------------------------------------------------------------- */
	#sidebar {
		float:left;
		position: inherit;
		/* left: 255px; */
		top: 110px;
		width:110px;
		margin:0;
		padding:0;
		padding-top:10px;
		min-height:500px;
		
		}
	#sidebarcontent {
		color:#003466;
		margin:0;
		padding:0;
		font-size:85%;
		line-height:140%;
		
		}
	#sidebarcontent h3 {
		margin:0;
		padding:20px 5px 5px 7px;
		font-size:150%;
		font-weight:bold;
		}
	#sidebarcontent h4 {
		margin:0;
		padding:5px 5px 0 7px;
		font-size:100%;
		font-weight:bold;
		}
	#sidebar img {
		float:left;
		margin:3px 5px 2px 0;
		}
	#sidebarcontent p {
		margin:0;
		padding:5px 10px 5px 7px;
		}
	#sidebarcontent ul {
		margin:0px 10px;
		padding:0px;
		}
		
	#sidebarcontent a:hover, #sidebarcontent a:hover {
		text-decoration:underline; color:#FCA311;
		}
			
	#sidebarcontent li {
		list-style-type:none;
		list-style-position:outside;
		margin:0px 0px 0px -4px;
		padding:2px 0px;
		border-bottom:1px solid #69C;
		}
	#sidebarcontent a, #sidebarcontent a {
		color:#000099;
		font-size:9pt;
		}
	

/* -------------------------------------------------------------------Footer--------------------------------------------------- */
	
	
	
	#containerfoot {
	text-align:left;
	position:absolute;
	float:left;
	margin-top: -10px;
	margin-left: -1px;
	background-color:#FFFFFF;
	border: none;
	border-top:none;
	border-width:1px;
	width:810px;
	margin-right:auto;
	
		
		}
		
	#address
	{
	
		width:180px;
		padding: 0px 10px 0px 5px;
		float: left;
		color: black;
		
	}
	#phoneemail 
	{
		
		width:230px;
		color:black;
		padding: 0px 0px 0px 0px;
		float:left;
		margin-top: -2px;
		
		
	}
	#brochurebutton
	{	
		width: 140px;
		float:right;
		display: block;
		text-align:right;
		padding: 2px 10px 0px 0px;
		margin-right: 0px;
		margin-left:0px;
		margin-top:-50px;
	}
	
	.emaillink
	{
		color: #0000CC;
		display:block;
	}
	
	.termsandconditions
	{
		
		
		width:200px;
	}
		

	

/* ----------------------------------------------------------------   FORMS   ---------------------------------------------  */
	.tab_over {
		color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
		background-color:#FF9933;
		border-bottom:2px solid white;
		border-left:1px solid white;
		border-right:1px solid white;
		}
	.tab_on {
		color:#000000;
		font-weight:bold;
		background-color:#FFCC66;
		border-left:1px solid white;
		border-right:1px solid white;
		}
	.tab {
		border-left:2px solid white;
		border-bottom:2px solid white;
		border-right:2px solid white;
		background-color:#FFCC66;
		width:100%;
		}
/* -------------------------------------------------------------Miscellaneous------------------------------------------------ */ 
	
	
	
	#dans_header {
		/* float:right; */
		background-color:#1e1c77;
		border-left:0px solid white;
		border-bottom:2px solid white;
		width: 796px;
		}
	#dans_header h1 {
		text-align:center;
		}
		
	#dans_header
	{
		min-height:111px;
	}
	
	#dansguard
	{	
		background-color:white;
	}
	
	#dansguard td {
		font-size:11px;
		padding-left:10px;
		vertical-align:top;
		min-height: 200px;
		}
	#dansguard table
	{
		width: 798px;
		background-color: white;
	}
	.note {
	font-size: 9px;
	font-style: italic;
}


/* -------------------------------------------------------------Profiles------------------------------------------------ */ 

	#profile {
		background:#D8D8D8 url(../wsimages/double_arrow_lg.gif) top left no-repeat ;
		background-position:10px 11px;
		padding:2px 10px;
		margin-top:30px;
	}
    
	#profile img {
		padding:10px;
		float:right;
		background-color: #fff;
   		border: 1px solid #a9a9a9;
		margin-top:-20px;
			}
	
	#profile h2 {
		color:#0072b9;
		font-size:15px;
		margin-top:8px;
		margin-left:45px;
	}
	
	#profile h3 {
		font-size:13px;
		font-weight:normal;
		margin-top:-15px;
		margin-left:45px;
	}


/* -------------------------------------------------------------Tables------------------------------------------------ */ 

	
#tablecolone {
	background-color:#D8D8D8;
	}
#tablecoltwo {
	background-color:#f0eeee;
	}

td
	{
	padding:6px;
	}

th {padding:6px;
	text-align:left;
	border-bottom:2px #FFF;
	
	}

tr {vertical-align:top
	}

	
/* -----------------------------------Links and stuff -----------------------------------------------*/
	.homesitemap a{
		font-size:10px;
		color:#FFC900
		}
	.headyellow{
		font-size:10px;
		color:#FFC900;
		font-weight:bold;
		letter-spacing:3px;
		}
	.headwhite{
		font-size:10px;
		color:#FFFFFF;
		font-weight:bold;
		letter-spacing:3px;
		}
	.white {
		color:#FFFFFF;
		font-weight:bold;
		}
	.red {
		color:#CC0000;
		font-weight:bold;
		}
	.blue {
		color:#002649;
		}
	.bottom {
		clear:both;
		}
	.button {
		background-color: #000066; 
		color:white; 
		border-top: 2px solid white; 
		border-left: 2px solid white; 
		border-bottom: 2px solid #CCCCCC; 
		border-right: 2px solid #CCCCCC; 
		font-family:verdana,arial; 
		padding:0px 10px;
		font-weight:bold; 
		font-size:10px; 
		
		}

	
		
/* -------------------------------------------------Links------------------------------------------------ */
	 a:link, a:visited {
		color:#003466;
		text-decoration:none;
		}
	 a:hover, a:active {
		color:#0099B5;
		
		text-decoration:underline;
		}
	#breadcrumb {
	
		
		float:left;		
		color:#fca311;		
		font-size:9px;
		padding: 10px 10px 15px 0px;
		min-width: 100%;
		
		}	
	
	#application {
		float:right;
		font-size:9px;
		margin:-10px 0px 0px 0px;	
		padding-left: 4px;
		}	
	#brochure {
		float:right;
		font-size:9px;
		margin:-10px 0px 0px 0px;	
		padding:5px;	
		
		}	
	
/* -------------------------------------------------------------calendar styles------------------------------------------------- */		
	.calendar {
		width:100%;
		margin:0;
		background-color:#ccc;
		color:#000;
		font-size:85%;
		line-height:120%;
		}
	.calmonth {
		background-color:#536f8e;
		color:#fff;
		}
	.calweekdays {
		background-color:#eee;
		text-align:center;
		color:#666;
		}
	.calnoday {
		background-color:#eee;
		}
	.calday {
		width:20px;
		background-color:#fff;
		text-align:center;
		}
	.caltoday {
		border:2px solid #09c;
		font-weight:bold;
		}
	.calevent {
		background-color:#def;
		color:#069;
		font-weight:bold;
		}
:link img, :visited img {border:none;
		border-color:#FFFFFF;}
		
		
		
/* -----------------------------------------------box rounded corners--------------------------------------------- */
.box, .boxbody, .boxhead, .boxhead h2 { 
    background: transparent url(/wsimages/my_white_box.gif) no-repeat bottom right; } 

.box { float:right;
    width: 218px ; /* intended total box width - padding-right(next) */ 
    width: 203px; /* IE Win = width - padding */ 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
    margin: 5px 0 0 10px; /* use to position the box */ } 
                                                                
.boxhead { background-position: top right; 
    margin-right: -15px; /* pull the right image over on top of border */ 
    padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.boxhead h2 { color:#fca311;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 18px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto ; 
    height: 1%; /* IE Holly Hack */ } 

.boxbody { background-position: bottom left; 
    margin-right: 20px; /* interior-padding right */ 
    padding: 5px 0 15px 18px; /* mirror .cssbox_head right/left */ } 




/* ------------------------------------------------larger box with rounded corners ------------------------------------------*/ 
.boxlg, .boxbodylg, .boxheadlg, .boxheadlg h2 { 
    background: transparent url(/wsimages/my_white_box.gif) no-repeat bottom right; } 

.boxlg { float:right;
    width: 315px ; /* intended total box width - padding-right(next) */ 
    width: 300px; /* IE Win = width - padding */ 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
    margin: 5px 0 0 10px; /* use to position the box */ } 
                                                                
.boxheadlg { background-position: top right; 
   margin-right: -15px; /* pull the right image over on top of border */ 
   padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.boxheadlg h2 { color:#fca311;
   background-position: top left; 
   margin: 0; /* reset main site styles*/ 
   border: 0; /* ditto */ 
   padding: 25px 0 15px 18px; /* padding-left = image gap + interior padding ... no padding-right */ 
   height: auto ; 
   height: 1%; /* IE Holly Hack */ } 
                                                                                                                                                                                                
.boxbodylg { background-position: bottom left; 
   margin-right: 20px; /* interior-padding right */ 
   padding: 5px 0 15px 18px; /* mirror .cssbox_head right/left */ } 




/* -------------------------------------wide box with rounded corners at the moment HP featured links----------------------*/ 
.boxwide, .boxbodywide, .boxheadwide, .boxheadwide h2  { 
      background: transparent url(/wsimages/my_white_box_wide.gif) no-repeat bottom right; } 

.boxwide { float:right;
     width: 790px ; /* intended total box width - padding-right(next) */
     width: 775px; /* IE Win = width - padding */
     padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
     margin: 5px 0 0 0; /* use to position the box */ } 
                                                                
.boxheadwide { background-position: top right; 
     margin-right: -15px; /* pull the right image over on top of border */ 
     padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.boxheadwide h2 {          color:#fca311;
     background-position: top left;
     margin: 0; /* reset main site styles*/
     border: 0; /* ditto */
     padding: 20px 0 10px 18px; /* padding-left = image gap + interior padding ... no padding-right */
     height: auto;
     height: 1%; /* IE Holly Hack */
}  

.boxbodywide { background-position: bottom left; 
       height:90px;
       margin-right: 10px; /* interior-padding right */ 
       padding: 1px 0 20px 18px; /* mirror .cssbox_head right/left */ } 


.colone
                { width:185px;
                 float: left;
                }
                
.coltwo 
                { width:185px;
                  float:left;
                }
                
.colthree
                {  width:185px;
                   float: left;
                }
.colfour 
                { width:185px;
                  float:left;
                }

.colone ul, .coltwo ul, .colthree ul, .colfour ul{
                                                                margin-top:1px;
                                                                list-style:disc;
                                                                list-style-position:inside;
                                                                padding-left:0px;
                                                                margin-left:5px;
                                                                }                                                              

.colone h3, .coltwo h3, .colthree h3, .colfour h3 {
                                                                font-size:12px;
                                                                margin:2px 0 5px 0;}



/* --------------------------------------------------Accordion ---------------------------------------------*/
#accordion {
	margin-top:10px;
}

h3.toggler {
	cursor: pointer;
	border: 0px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}
/* ---------------------------------------Blue box, currently used on HP------------------------------------- */


.bluebox {float:left;
          width:525px;
          background:transparent url(/wsimages/blue_box.jpg) no-repeat bottom right  }

#titlearea
{
position:relative;
margin-top: -2px;
margin-left: -7px;
}



/* ***---------------------- Dynamically sized rounded corners Currently used around main page content and footer ------------**** */
.roundedcornr_box {
	background:#fff ;
	
   
 }
.roundedcornr_top div {
   background: url(/wsimages/rounded/roundedcornrtl3.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(/wsimages/rounded/roundedcornrtr3.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(/wsimages/rounded/roundedcornrbl3.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(/wsimages/rounded/roundedcornrbr3.png) no-repeat bottom right;
   
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
   padding:0px;
   border:none;
}

/* ---------------------------------------right navigation box rounded corners------------------------------ */
.rnbox, .rnboxbody, .rnboxhead, .rnboxhead h2  { 
    background: transparent url(/wsimages/my_white_box.gif) no-repeat bottom right; } 

.rnbox { float:right;
    width: 218px ; /* intended total box width - padding-right(next) */ 
    width: 203px; /* IE Win = width - padding */ 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
    margin: 0px 0 0 10px; /* use to position the box */ } 
                                                                
.rnboxhead { background-position: top right; 
    margin-right: -15px; /* pull the right image over on top of border */ 
    padding-right: 40px; /* right-image-gap + right-inside padding */ } 
                
                /* set the top-left image */ 

.rnboxhead h2 { color:#fca311;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 18px 0  0px 18px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto ; 
    height: 1%; /* IE Holly Hack */ } 


.rnboxbody { background-position: bottom left; 
    margin-right: 20px; /* interior-padding right */ 
    padding: 5px 0 15px 18px; /* mirror .cssbox_head right/left */ } 

.rnboxbody ul { 
                list-style-type:none; /*list-style-position: inside;*/
                }

.rnboxbody li {
                background: transparent url(/wsimages/rnbox_bullet.jpg) no-repeat;
                background-position:0 5px;
                padding-left: 1em; /*padding between bullet and text*/
                margin-left: -3em
                }

.rnboxbody h2 { color:#fca311;
                }

/* Google Search */

  
  #cse-search-box
  {
	  width:300px;
	  float:right;
	  padding-right:4px;
	  padding-top:4px;
	  font-size:10px;
	  height:15px;
  }
  
  IFRAME
  {
	  width:650px;
  }
  
  /* slide */
  
.slide_banner
{
	background-color: #97CBFD;
	padding:0px;
	padding-top: 2px;
	padding-left:2px;
	padding-bottom:4px;
	padding-right:2px;
	width:100%;
	min-height:14px;
	border:none;
}
.vertical_slide, .horizontal_slide {
	background-color: #97CBFD;
	padding:0px;
	padding-top: 2px;
	padding-left:2px;
	font-size:12px;
	color:#000000;
	padding-bottom:4px;
	padding-right:2px;
	width:100%;
	min-height:14px;
	border:none;
	
}

div.slide_banner {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 0px;
	width:100%;
	font-size:12px;
	background-color:#FFFFFF;
	border-color:#97CBFD;
	border-width:2px;
	border-bottom-style:solid;

}

.slide_container
{
border: 2px solid #F3F1F1;
}

.slide_headingtitle
{
	float:left;
	padding: 2px 2px 2px 2px;
}

.slideheadingclose
{
	float:right;
	padding: 2px 2px 2px 2px;
}
  
  
/* -------------------------------------------------------------Library------------------------------------------------ */ 

                

                #librarynav ul {
                                list-style:none;
                                width:88px;                        
                }

                #librarynav li {
                                border:1px solid #B3D1E1;
                                padding:4px;
                                margin:3px;
                                margin-left:-3em;
                }

                h2.library  {
                                background-image:url(../wsimages/library_heading_bg.gif);
                                background-repeat:no-repeat;
                                background-position:left;
                                color:#fca311;
                                padding:5px;
                                text-align:left;
                                width:125px;
                }

                .librarybox {
                                background-image:url(../wsimages/library_orange_box.gif);
                                background-repeat:no-repeat;
                                background-position:right;
                                text-align:center;
                                width:110px;
                                height:110px;
                                margin:8px ;
                                float:left;
                                
                }
                
                .librarybox img{
                                margin-top:8px;
                                margin-bottom:2px;
                                border:none;
                }
                
                .libraryHPcolum {
                                float:left;
                                margin-left:70px;
                                width:300px;
                }

  /*Homepage flickr badge*/
#flickr-wrapper {clear: all;  float: right; width: 240px; height:230px; margin-right:10px}
#flickr-wrapper h2 {color:#FCA311; margin:8px 0 0 8px; }
#flickr-wrapper p{font-size: x-small; text-align:right; margin:2px 5px 2px 5px}
#flickr {display:block; }
.flickr_badge_image {margin:0 5px 5px 0; float:right}

/* ---------------------------white box new right nav mid 2010-------------------------*/

.rnwhitebox {background: transparent url(/wsimages/box_header_white.jpg) no-repeat top left; 
                float:right;
                     width: 193px ;  
                     padding-right:0px;
                     padding-bottom:15px;
                margin: 0px 0px 12px 10px;  
                border-left: 1px #d9d9d9 solid}  
                
.rnwhitebox h2 {color:#fca311;
                margin-top:0;
                padding: 12px 0  12px 15px;  
    border-bottom: 1px #d9d9d9 solid;
                }              

.rnwhitebox p {
                padding-left:15px;
                }

.rnwhitebox ul { 
                list-style-type:none; /*list-style-position: inside;*/
                }

.rnwhitebox li {
                background: transparent url(/wsimages/rnbox_bullet.jpg) no-repeat;
                background-position:0 5px;
                padding-left: 1em; /*padding between bullet and text*/
                margin-left: -2em
                }