/* These are standard layout styles and do not need modification */

hyml,body
{
	font: 76%/135% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	color: #666666;
	line-height: 130%;
	background: White;
}
/*html, body {

}*/

.clearboth { clear: both; }

#Header {
	background: url(../images/logo.gif) no-repeat 20px 20px;
	height: 95px;
	float: left;
}

#Date {
	padding: 10px 0 0 400px;
	text-align: right;
	font-size: 9px;
	color: #666;
	width : 300px;
}

#Date a {
	padding-left:5px;
}



#mainContent {
	width: 240px;
	margin-right: 0;
	margin-left: 200px;
	padding: 10px;
	text-align: left;
	font-size: 90%;
}


#ActionItems h2 {
	margin: 16px 0px 0px 20px;
}


#ActionItems #Item1 {
	height: 66px;
	width:250px;
	/*background: url(../images/actionItem1Background.jpg) repeat-x;*/
	float: left;
	border-top: 6px solid #044173;
}

#ActionItems #Item2 {
	height: 66px;
	width:250px;
	/*background: url(../images/actionItem2Background.jpg) repeat-x;*/
	float: left;
	border-top: 6px solid #054E8D;
}

#ActionItems #Item3 {
	
	height: 66px;
	width:250px;
	/*background: url(../images/actionItem3Background.jpg) repeat-x;*/
	float: left;
	border-top: 6px solid #065EA8;
}


#Content {
	float: left;
	background: #FFFF43; /*#6BF2EB; (blue) #F1F7FB url(../images/contentBackground.jpg) repeat-x;*/
	width: 50%;
	margin: 10px; /*2em;*/
	padding:  0em 2em 1em 2em;
}

#SimonePhoto {
	background: url(../images/Simone003.jpg) no-repeat 150px;
	height: 200px;
	float: left;
}

#PhotoBackgrond {
	float: left;
	/*background: #6BF2EB;*/ /*#F1F7FB url(../images/contentBackground.jpg) repeat-x;*/
	/*height: 100px;*/
	width: 20%;
	margin: 2em;
	padding:  1.5em 2em 2em 2em;
}

#PhotoWords {
	float: left;
	margin-bottom: 2em;
	width: 60%;
}

#Programs{
	float: left;
	width: 100%;
}
#ProgramsBanner {
	float: left;
	background: #FFFF43; /*#6BF2EB; (blue) #F1F7FB url(../images/contentBackground.jpg) repeat-x;*/
	text-align: center;
	margin: 5px 0px 30px 0px;
	width: 100%;
}

#Program1{
	float: left;
	margin-bottom: 2em;
	width: 40%;
}
#Program2 {
	float: left;
	margin-bottom: 2em;
	width: 40%;
}

#Interior {
	float: left;
	width: 50%;
	margin: 2em;
	padding:  1.5em 2em 2em 2em;
}

#newsItems {
	background: #9BCAE4 url(../images/newsItemsBackground.jpg) repeat-x;
	padding: 2em 2em 4em 2em;
	float: left;
	width: 23%;
	color : #C8D9E2;
}

#newsItem1 {
	float: left;
	margin-bottom: 2em;
	width: 38%; /*33%;*/
}

#newsItem2 {
	float: left;
	margin-bottom: 2em;
	width: 38%;
}


#Footer {
	clear: both;
	text-align: left;
	font-weight: bold;
}

#Footer #TextLinks {
	padding: 10px 15px 10px 15px;
	text-align: left;
}

#Footer #TextLinks a {
	
}

#Footer #Disclaimer {
	padding: 2px 15px 2px 15px;
}

#Footer #Disclaimer p {
	
}


#Disclaimer p {
	
}




#border
{
	width: 800px;
	/*background: White url('../images/background2.gif') repeat-y;*/
	margin: 0 auto;
}
		
#banner
		{
/*			background : #FFCC00;*/
			background : #893BC3;
			text-align: middle;
			float: left;
			width: 100%;
			
		}

#container
{
	width: 750px;
	height: 100%;
	margin: 0px auto;
	background: White;
	/*border-bottom: 5px solid #B5B5B5;*/
}

#mainImage {
	background: #FFCC00 url(../images/homepage1.jpg) no-repeat;
	/*background: #FFCC00 url(../images/homepagetestimage.jpg) no-repeat;*/
	/*background: #FFCC00; url(../images/main.jpg) no-repeat;*/
	float: left;
	width: 750px;
	height: 250px;
	vertical-align: middle;
}


a:active,
a:visited,
a:link	    			{
	color: #0077BB;
	text-decoration: none;

}
a:hover					{ 
	text-decoration: underline;
	color: #084D76;
}

 a.more,  a.white  {
	background:url(../images/linkBullet.gif) no-repeat 0 4px;
	padding:0px 0px 0px 15px;
	text-decoration:none;
	font-weight: bold;
	margin: 2em 0 0 1em;
	color:#000000;
}

 a:hover.more,  a:hover.white {
	background:url(../images/linkBulletOver.gif) no-repeat 0 4px;
	padding:0px 0px 0px 15px;
	text-decoration:underline;
}

 a.white { 
	color: #C8D9E2;
}


.button {
	background: url(../images/button.gif) 0 0 no-repeat;
	padding: 0 0 0 3em; /* left padding moves the text away from the bullet */
	font-weight: bold;
	color: Black;
	cursor: pointer;
	margin-top: .5em;
	height: 16px;
}
.button a:hover {
	color: #084D76;
}

div.hr {
	height: 2px;
	border-bottom: 1px solid #989FA8;
	margin: 3px;
}
div.hr hr {
  display: none;
}


#Footer {
	padding-top: 2em;
	font-size: 12px;
}

#Footer #TextLinks {
	color: #fff;
	font-weight: bold;
	border-top: 10px solid #B1B1B1;
	background: #0077BB;
}

#Footer #TextLinks a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#Footer #Disclaimer {
	color: #A5A5A5; /*color: #FFFFFF; #B1B1B1;*/
	font-weight: normal;
	font-size: 11px;
	/*background: #FFCC00; #0059B1;*/
	background : #893BC3;
}


/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1, h2, h3, h4, h5 {
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
}
h1
{
	/*color: White;*/
	letter-spacing: -1px;
	font-size : 28px;
	margin: 1.9em;
	line-height: normal;
}
h2
{
	background: #FFFF43;
	font-size : 24px;
	line-height:normal;
}

#ActionItems {
	font-size: 11px;
	font-weight: bold;
	color: #b2a496;
	float: left;
	border-bottom: 7px solid #B1B1B1;
}




/* ~~~~~~~~~ THANKS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
	width: 100%;
	font-size:90%;
	text-transform:uppercase;
	line-height:normal;
	height: 41px;
margin-top: 15px;
font-weight: bold;

}
    #topmenu ul {
	  margin: 0;
	  padding:0px 0px 0 2px;
	  list-style:none;
	  
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      text-align : center;
      }
    #topmenu a {
      float:left;
	   background:url(../images/menuleft.gif) no-repeat right top;
      margin:0;
            padding: 0;
            text-decoration : none;
				font-size: 95%;

      }
    #topmenu a span {
      float:left;
      display:block;
	  width: 90px;
      padding: 4px 15px 6px 14px;
/*      	color: #373637;*/
      	color: #A5A5A5;
	cursor : hand;
      }
      

	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
 /*     color: #D8D8D8;*/
      color: #FFFFFF;
      }
    #topmenu a:hover {
      background-position:0% -57px;
      }
    #topmenu a:hover span {
      background-position:100% -57px;
    }
    #topmenu a span.selected {
      color: #FFFFFF;
    }