* {margin:0; padding:0; /*border: 1px dotted red;*/}



body {	text-align:center; 
		background-repeat: repeat-y;
		background: url(images/blue/bg.png) center;
		/*background-attachment: fixed;*/
		margin: 0;
		color: #222;
		font-family : 'century gothic';
		font-size: 12px;
		line-height: 20px;
		letter-spacing: .1em;
		
	}
	
p { padding-bottom: 20px;
	text-align: justify;
    }

h1 {

font-size: 16px;
color: black;
letter-spacing: .2em;
padding: 5px 0px 13px 0px;
font-weight: normal;

}

h2 {

font-size: 14px;
color: #444;
letter-spacing: .4em;
padding: 0px 0px 13px 0px;
font-weight: normal;
text-align: left;
margin-bottom: 0px;
padding-right: 10px;
/*color: #99CC00;*/


border-bottom: 1px solid #CCC;


}


h3 {

font-size: 20px;
color: #444;
letter-spacing: .4em;
padding: 0px 0px 13px 0px;
font-weight: normal;
text-align: right;
margin-bottom: 30px;
padding-right: 10px;
/*color: #99CC00;*/


border-bottom: 1px solid #CCC;


}


#header {
	background-image: url(images/blue/header.png);
	background-repeat: no-repeat;
	height: 362px;
	width: 744px;
}

#wrapper {
	width: 744px;
	text-align: left;

	
	
}

#menu {
	background-image: url(images/blue/menu.png);
	background-repeat: repeat-x;
	height: 54px;
	font-size: 14px;
	font-variant: small-caps;
	letter-spacing: 0.3em;
	text-align: center;
	line-height: 54px;
}

#menu a {
	color: #333;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;
}


#content-container {
	background-image: url(images/blue/middle.png);
	background-repeat: repeat-y;
	float:left;
	width: 744px;
	
}

#content {
	background-image: url(images/blue/bottomofheader.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
	width: 744px;
	padding-bottom: 25px;
	
}

#content-left {
	/*border: dotted red 1px;*/
	float: left;
	width: 263px;
	padding: 0px 5px 0px 19px;
	margin-right: 0px;
	margin-left: 5px;
	color: white;
	font-size: 11px;
	xbackground: blue;
}

* html #content-left {  /* make things work in IE */
	margin-left: 2px;
	margin-right:10px;
	padding-right: 15px;
}


#content-left ul {

		text-align: center;
        list-style-type: none;
        margin-bottom: 0px;
    	margin-left: 0px;
    	background-image: url(images/blue/menumid.png);
    	
    	
} 

#content-left li {
        border-top: 1px solid #222;
        border-width: 0px 0px;
        margin: 0px 0px;
        width: 263px;

}

 * html #content-left li a {  /* make things work in IE */

height: 10px;

}

#content-left li a { 
		color: #666;
        display: block;
        padding: 2px;
        margin: 0 7px 0 5px;
        text-decoration: none;
		border-top: 1px dotted #111;
		outline: 0;
   
}


#content-left li a:hover {
		color: white;
		background: #111;
		border-top: 1px dotted #111;	
  		background-repeat: no-repeat;
        	text-shadow: white 0px 0px 5px;
outline: 0;
}

#menutop{
		
		height: 29px;
		width: 263px;
		background-image: url(images/blue/menutop.png);
		background-repeat: no-repeat;
		background-position: 0px 0;
		margin-left: 0px;
		color: black;
		line-height: 32px;
		font-size: 2px;
		text-indent: -10000px;
		
}

#menutop a {

		display: block;
		height: 29px;
	line-height: 29px;
			 
}

#menutop a:hover {

		
		display: block;

			 
}




#menubottom{
		
		height: 31px;
		width: 263px;
		background-image: url(images/blue/menubottom.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-left: 0px;
		color: black;
		text-align: center;
		line-height: 29px;
		margin-bottom: 15px;
}

#menubottom a { display: none; }

#content-right {
	/*border: dotted red 1px;*/
	width: 375px;
	margin-right: 5px;
	padding-right: 40px;
	padding-left: 30px;
	margin-left: 0px;
	float: right;
	margin-top: 0px;
	xbackground: green;

}

 * html #content-right {  /* make things work in IE */
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 0px;
	xposition: relative;
	xleft: 0px;
	background-position: -3px 50px;
	width: 415px;
}

#content-right img {  
	
	position: relative; left: 20px; top: 30px;
}

* html #content-right img {  /* make things work in IE */
	
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative; left: 20px; top: 30px;
}


* html #content-right p {  /* make things work in IE */
	xwidth: 320px;
	
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 40px;
	
}

* html #content-right h1 {  /* make things work in IE */
	xwidth: 320px;
	
	margin-left: 0px;
	margin-right: 40px;
	padding-left: 0px;
	padding-right: 0px;
	
}

* html #content-right h2 {  /* make things work in IE */
	xwidth: 320px;
	
	margin-left: 0px;
	margin-right: 40px;
	padding-left: 0px;
	padding-right: 0px;
	
}

* html #content-right h3 {  /* make things work in IE */
	xwidth: 320px;
	
	margin-left: 0px;
	margin-right: 40px;
	padding-left: 0px;
	padding-right: 10px;
	
}

#content-right a {
	
	text-decoration: none;
	color: #0068B7;
	font-weight: bold;
	
}

#content-right a:hover {

text-decoration: underline;
	
}

#content-right ul {

padding: 20px 0px 25px 45px;
list-style: none;
	
}

#content-right li a {
line-height: 2em;
}

#content-right li a {
padding: 2px 0px 2px 34px;
background: transparent url(images/blue/badge2.png) 8px 0px; background-repeat: no-repeat;
text-decoration: none;

}



#content-right li a:hover {
padding: 2px 0px 2px 34px;
background: transparent url(images/blue/badge2.png) 8px -25px; background-repeat: no-repeat;
text-decoration: none;
color: #00478A;

}

* html #content-right li a {  /* make things work in IE */
	height: 10px;


	
}

* html #content-right li a:hover {  /* make things work in IE */
	height: 10px;


	
}

#footer {
	background-image: url(images/blue/footer.png);
	background-repeat: no-repeat;
	height: 196px;
	clear: both;
	
}

#dropcap
{


float: left;
width: .8em;
font-size: 8em;
line-height: 83%;
font-family : "Georgia";
color: #0068B7;
text-shadow: #333 2px 2px 2px;

}

#sig {

	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
	position: relative;
	left: 105px;
	width: 200px;

}


/*  Footer Links */

#footerLinks ul {
        list-style-type: none;
        clear: both;
        margin: 0px 0px 0 0px;
        position: relative; left: 34px; top: 105px;
        height:8px;
       
       
} 

* html #footerLinks ul {  /* make things work in IE */
	position: relative; left: 57px; top: 48px;
}

#footerLinks li {
		
		
		width: 56px;
		height: 20px;
		padding: 0px;
		text-indent: -10000px;
		float: left;
        margin: 0px 6px 0px 0px;
        font-size: 1px;
      
       /*border: 1px solid #9A181F;*/
}

#footerLinks li a { 
		text-align: center;
        color: black;
        display: block;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        
   
}

#footerLinks li a:hover { 
		
         
   
}

 * html #footerLinks li a {  /* make hover effect work in IE */
	width: 56px;
}

#footerLinks #link1 a { background: transparent url(images/footerLinks.png) 0px 0px; background-repeat: no-repeat}

#footerLinks #link2 a { background: transparent url(images/footerLinks.png) -60px 0px; background-repeat: no-repeat}

#footerLinks #link3 a { background: transparent url(images/footerLinks.png) -120px 0px; background-repeat: no-repeat}

#footerLinks #link4 a { background: transparent url(images/footerLinks.png) -180px 0px; background-repeat: no-repeat}


#footerLinks #link1 a:hover { background: transparent url(images/footerLinks.png) 0px -30px; background-repeat: no-repeat}

#footerLinks #link2 a:hover { background: transparent url(images/footerLinks.png) -60px -30px; background-repeat: no-repeat}

#footerLinks #link3 a:hover { background: transparent url(images/footerLinks.png) -120px -30px; background-repeat: no-repeat}

#footerLinks #link4 a:hover { background: transparent url(images/footerLinks.png) -180px -30px; background-repeat: no-repeat}

/*  Copyright */

#copyright { display: none;}

#copyright ul {
        list-style-type: none;
       float: left;
        margin: 0px 0px 0 0px;
        position: relative; left: 335px; top: 40px;
        height:30px;
       
       
} 

* html #copyright ul {  /* make things work in IE */
	position: relative; left: 47px; top: 70px;
}

#copyright li {
		
		
		width: 265px;
		text-indent: -10000px;
		float: left;
        margin: 0px 6px 0 0px;
        padding-top: 0px;
         padding-bottom: 10px;
        font-size: 1px;
        height:40px;
   
}

#copyright li a { 
		text-align: center;
        color: black;
        display: block;
        padding: 0px 0px;
        padding-top: 5px;
         padding-bottom: 5px;
        text-decoration: none;
        
   
}

#copyright li a:hover { 
		
         /*border-bottom: 1px solid #9A181F;*/	
   
}

 * html #copyright li a {  /* make hover effect work in IE */
	width: 265px;
}

#copyright #link1 a { background: transparent url(images/copyright.png) 0px -10px; background-repeat: no-repeat;}

#copyright #link1 a:hover { background: transparent url(images/copyright.png) 0px -40px; background-repeat: no-repeat;}

#video {
margin-top: 20px;
margin-left: 27px;
width: 300px;
height: 280px;
background: transparent url(images/videoBG.png) 0px 0px; background-repeat: no-repeat;

}



object {

position: relative; left: 29px; top: 56px;
border: 1px solid #CCC;

}

* html #video {  /* make things work in IE */
		position: relative; left: 30px; top: 0px;
}

hr {
	border: 0px solid #CCC;
	height:60px;
	background: transparent url(images/hr.png) no-repeat scroll center;
	display: block;

}

#footerLinks {display: none;}

#red { display: none; }

#blue {

		display: block;

}