/*****************************/
/* General Settings for Fonts, Lists and Various Blocks */
/*****************************/
html
	{height: 100%;}

*
	{margin: 0;
	 padding: 0;}

body
	{font: normal 100% Arial, Helvetica, sans-serif;
	 background: #3B3D40;
	 color: #528CCC;}

p
	{padding: 0 0 10px 0;
	 line-height: 1.5em;
	 font-size: 100%;}

img
	{border: 0;}

h5,h6
	{font: normal 95% Arial, Helvetica, sans-serif;
	 color: #888;
	 letter-spacing:-1px;
	 margin:0 0 0 0;	
	 padding:0 0 15px 0;
	 line-height:1.5em;}

h4
	{font: normal 140% Arial, Helvetica, sans-serif;
	 color: #528CCC;	
	 letter-spacing:-1px;	
	 margin: 0 0 0 0;
	 padding: 0 0 5px 0;
	 line-height: 1.5em;}

h3 
	{font: normal 100% Arial, Helvetica, sans-serif;
	 color: #528CCC;
	 letter-spacing: -1px;
	 margin: 0 0 10px 0;
	 padding: 5px 0 0 0;}

h2 
	{font: normal 155% Arial, Helvetica, sans-serif;
	 color: #528CCC;
	 letter-spacing: -1px;
	 margin: 0 0 10px 0;
	 padding: 5px 0 0 0;}

h1 
	{font: normal 175% Arial, Helvetica, sans-serif;
	 color: #528CCC;
	 letter-spacing: -1px;
	 margin: 0 0 10px 0;
	 padding: 5px 0 0 0;}

a:hover
	{background: transparent;
	 outline: none;
	 text-decoration: none;
	 color: #528CCC;}

a
	{background: transparent;
	 outline: none;
	 text-decoration: none;
	 color: #528CCC;}

ul
	{margin: 2px 0 22px 30px;
	 line-height: 1.7em;
	 font-style: normal;
	 font-size: 100%;}

ol
	{margin: 8px 0 22px 20px;}

ol li
	{margin: 0 0 11px 0;}
	
/* Various Buttons */	

.button_small
	{font: normal 80% Arial, Helvetica, sans-serif;
	 height: 25px;
	 width: 80px;
	 padding: 4px 0 0 8px;
	 background: transparent url(../images/button_small.png) no-repeat;}
  
.button_small a
	{color: #FFF;}
	
.button_small a:hover
	{color:#FF6600;}	

.button_return
	{height:25px;
	 border-radius:10px;
	 width:150px;
	 background-color:#528CCC;
	 position:relative;
	 margin-left:auto;
	 margin-right:auto;}

.button_return a
	{font-size:80%;
	 color:white;
	 padding-top:4px;
	 padding-left:5px;}
	 
.button_return a:hover
	{color:#FF6600;}
	
.button_double
	{clear:both;
	 bottom:10px;
	 position:absolute;}
	 
.button_double2
	{margin-right:auto;
	 margin-left:auto;
	 height:25px;
	 width:180px;}

.button_view
	{height:25px;
	 width:70px;
	 background-color:#528CCC;
	 float:left;
	 border-radius:10px;
	 margin-left:15px;}

.button_view a
	{font-size:80%;
	 color:white;
	 padding-left:20px;}

.button_view a:hover
	{color:#FF6600;}
	
.button_view2
	{height:25px;
	width:70px;
	background-color:#528CCC;
	float:left;
	border-radius:10px;
	margin-left:0px;}

.button_view2 a
	{font-size:80%;
	 color:white;
	 padding-left:20px;}

.button_view2 a:hover
	{color:#FF6600;}
	
.button_download
	{height:25px;
	 width:70px;
	 background-color:#528CCC;
	 float:left;
	 border-radius:10px;
	 margin-left:40px;}

.button_download a
	{font-size:80%;
	 color:white;
	 padding-left:6px;}

.button_download a:hover
	{color:#FF6600;}


/*****************************/
/* Items Shown in the Header */
/*****************************/

#header_container
	{width:100%;
	 height: 166px;
	 margin:0px;
	 background: #3B3D40;
	 top:0;
	 left:0px;
	 position:fixed;
	 z-index:600;}

#header
	{margin-left:auto;
	 margin-right:auto;
	 width: 940px;
	 height: 165px;
	 background: #232426;
	 border-top: 1px solid #4D5054;
	 border-left: 1px solid #4D5054;
	 border-right: 1px solid #4D5054;}

/* Banner Box Containing My Name in the Header */
#banner
	{float: left;
	 width: 420px;
	 margin: 60px 0px 0px 0px;
	 padding: 0px;}

#banner H1
	{font: normal 250% Arial, Helvetica, sans-serif;
	 color: #FFF;
	 padding:0 0 0 20px;}  
  
#banner span
	{color: #528CCC;}

/* Container Holding My Picture in the Header */
#headshot
	{width: 120px;
	 height: 160px;
	 padding:0px;
	 margin:0px;
	 float: right;
	 position:relative;
	 background-image:url('../images/Headshot - 120x160.jpg');
	 background-repeat:no-repeat;}

/* Navigation Menu in the Header */
#menubar
	{width: 720px;
	 float: left;
	 padding: 5px 0 0 20px;
	 height: 40px;} 
  
ul#menu
	{padding-top: 0px;
	 padding: 0px 0 0 0;
	 margin: 0 auto;}

ul#menu li
	{list-style: none;
	 display: inline;
	 background: transparent;}

ul#menu li a
	{font: normal 80% arial, sans-serif;
	 display: inline;
	 letter-spacing: 1px;
	 height: 25px;
	 padding: 5px 20px 5px 20px;
	 text-align: center;
	 color: #000;
	 text-decoration: none;
	 background: #D6EBF2;
	 border: 1px solid #CBCDCF;} 

ul#menu li.current
	{background: transparent;}

ul#menu li.current a:hover
	{background: #528CCC;
	 color: #FFF;}

ul#menu li.current a
	{background: #528CCC;
	 color: #FFF;}

ul#menu li a:hover
	{color: #FFF;
	 text-decoration:none;
	 background-color:#FF6600;}


/**********************************************************************************/
/* Items Shown in the Main of the Website (Background, Content and Right SideBar) */
/**********************************************************************************/
#main
	{overflow:auto;
	 background: #FFF url(../images/pattern.jpg) repeat;
	 width:100%;
	 margin:165px 0 0 0;}

#site_content
	{width: 920px;
	 overflow: hidden;
	 margin: 0 auto;
	 padding: 0 0 0 20px;
	 border-left: 1px solid #CBCDCF;  
	 border-right: 1px solid #CBCDCF;  
	 background: #FFF;} 

/* Items Shown in the Right Sidebar */
.sidebar_container
	{float: right;
	 width: 240px;
	 margin: 25px 10px 20px 0;}

.sidebar
	{width: 240px;
	 margin-bottom:5px;}

.sidebar h2
	{background: #528CCC;
	 color: #FFF;
	 width: 220px;
	 padding: 0 0 0 10px;
	 line-height:140%}

.sidebar iframe
	{margin:0 0 -25px 6px;}

.sidebar_item
	{font: normal 80% Arial, Helvetica, sans-serif;
	 width: 220px;	
	 padding-left: 10px;}


/* Items Shown in the Main Body of the Website */
#content
	{width: 640px;
	 padding-left: 10px;
	 margin-top: 10px;
	 margin-bottom: 20px;
	 float: left;}

.content_item
	{width: 630px;
	 margin-top: 5px;
	 margin-bottom: 5px;}

.content_container_color
	{width: 300px;
	 padding: 5px;
	 float: left;
	 color: #FFF;
	 background: #528CCC;
	 margin-bottom: 10px;}

.content_container_color span
	{font-size:x-large;
	 color:white;}	
  
.content_container
	{margin-bottom: 10px;
	 margin: 0 0 0 5px;
	 width: 300px;
	 padding: 5px;
	 float: left;
	 color: #528CCC;
	 background: #FFF;}

.content_container span
	{color:gray;
	 font-style:oblique}
	 
.content_container span:hover
	{color:#FF6600;}

#separator_bar
	{background-color:#528CCC;
	 margin-right:auto;
	 margin-left:auto;
	 margin-top:15px;
	 height:1px;
	 width:90%;}

#descriptor_box
	{margin-bottom:15px;
	 padding:10px;
	 color:#528CCC;}

#descriptor_box p
	{padding-bottom:0px;}

#descriptor_box p:nth-child(1)
	{
	 font-size:110%;
	 float:left;}

#descriptor_box p:nth-child(2)
	{font-size:100%;
	 float:right;}

#descriptor_box p:nth-child(3)
	{font-size:80%;
	 padding-bottom:10px;
	 clear:both;}

#descriptor_box p:nth-child(4)
	{font-size:80%;
	 margin-top:-10px;
	 padding-bottom:5px;
	 clear:both;}

#article_triple
	{margin: 15px 0 0 -20px;}

#article_box
	{display:inline-block;
	 border:1px black solid;
	 height:214px;
	 width:214px;
	 position:relative;}

#article_box p
	{line-height:1.2em;
	 font-size:90%;
	 padding-right:3px;
	 padding-left:10px;
	 position:absolute;
	 margin-top:50px;}

#article_box h3
	{padding-left:5px;
	 position:absolute;}


ul#duties
	{font-size:80%;
	 color:#528CCC;
	 padding-bottom:10px;
	 margin-top:10px;}

ul#duties li
	{padding: 0 10px 10px 10px;
	 margin-bottom:5px;}

/*****************************/
/* Items Shown in the Footer */
/*****************************/
#footer_container
	{height: 125px;
	 background: #3B3D40;}  
  
#footer
	{margin-left:auto;
	 margin-right:auto;
	 font: normal 100% Arial, Helvetica, sans-serif;
	 letter-spacing: -1px;
	 width: 940px;
	 height: 25px;
	 padding: 15px 0 15px 0;
	 text-align: center; 
	 color: #FFF;
	 background: #232426;
	 border: 1px solid #4D5054;}

#footer a
	{color: #FFF;
	 text-decoration: none;
	 padding-bottom: 20px;}

#footer a:hover
	{color: #FF6600;
	 text-decoration: none;
	 padding-bottom: 20px;}

/* Special Controls For the Intake Form of the Contact Page */

#contact_left
	{width:120px;
	 float:left;}

#contact_right
	{width:430px;
	 float:right;}

textarea, input
	{font:80% arial;}
	
#input_send
	{background-color:#528CCC;
	 color:white;
	 border-radius:5px;}

#input_send:hover
	{color:#FF6600}

#input_reset
	{background-color:#528CCC;
	 color:white;
	 border-radius:5px;
	 margin-left:4px;}

#input_reset:hover
	{color:#FF6600}

/* Special Items to Create the Picture Slideshow on the Home Page */
ul.slideshow
	{list-style: none;
	 width: 630px;
	 height: 200px;
	 overflow: hidden;
	 position: relative;
	 margin-left: 20px;
	 padding: 0;}
  
ul.slideshow li
	{position: absolute;
	 margin: 0;
	 padding: 0;
	 left: 0;
	 right: 0;}
 
ul.slideshow li.show 
	{z-index: 500;}
 
ul img
	{border: none;
	 width:600px;
	 height:200px;}