/* CSS Document */


body
{
text-align: center;
margin: 0px;
font-family: "Verdana";
font-size: 11px;
background: url('images/bg.jpg');
background-repeat:repeat-x;
}

body

{
margin: 0px;
font-family: "Verdana";
font-size: 11px;
text-align: center;
background: url('images/bg.jpg');
background-repeat:repeat-x;
text-align: -moz-center; /*----  FF Center Fix----*/
}

a {
color: #003399;
text-decoration:none;
}

a:visited {
color:#003399;
text-decoration:none;
}

a:hover {
color: #FFCC33;
text-decoration:none;
}

a:active {
color:#003399;
text-decoration:none;
}


#container
{
text-align: left;
top: 0px;
left: 0px;
width: 750px;
margin: 0px;
position: relative;

}


#header
{
height: 139px;
width: 753px;
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
background-image: url(images/header01_02.jpg);
background-repeat:no-repeat;
text-align: center;
}

#header h1
{
display: none;
}

#content
{
text-align: left;
height: 1000%;
top: 211px;
padding: 0px;
position: absolute;
left: 40px;
width: 450px;
line-height: 20px;
}




/*--------------------------------------------- Home Page Elements ---------------------------------*/

#content2
{
text-align: left;
height: 1000%;
top: 200px;
padding: 0px;
position: absolute;
left: 40px;
width: 450px;
line-height: 20px;
}


#newhome
{
text-align: center;
padding: 0px;
width: 670px;
line-height: 20px;
border: 1px solid gray;
background-image: url(images/bg2.jpg); 
background-repeat:no-repeat; 
background-position: bottom right;
}

#contenthome
{
text-align: left;
top: 200px;
position: absolute;
left: 38px;
width: 670px;
}



#lowerheader
{
text-align: left;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:12px; 
color: #4a4a4a;
}

#leftbox
{
padding-right: 20px;
padding-top: 10px;
border-right:#cdcdcd solid 1px;
border-top:#cdcdcd solid 1px;
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:12px; 
color: #4a4a4a;
text-align:justify;
}

#midbox
{
padding: 10px 0px 0px 20px;
border-right:#cdcdcd solid 1px;
border-top:#cdcdcd solid 1px;
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:12px; 
color: #4a4a4a;
}

#midbox ul
{

}

#midbox li
{
list-style-image:url(images/bullet.gif);
}

#rightbox
{
padding: 10px 0px 0px 20px;
border-top:#cdcdcd solid 1px;
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:11px; 
color: #4a4a4a;
}

#rightbox ul
{

}
#rightbox li
{
list-style-image:url(images/bullet.gif);
}

#signupbutton a {
background-image:url(images/signupbutton.gif);
background-repeat:no-repeat;
}

#signupbutton a:visited {
background-image:url(images/signupbutton.gif);
background-repeat:no-repeat;
}


#signupbutton a:hover, #signupbutton a#selected{ /*hover and selected link*/
background-image: url(images/signupover.gif);
background-repeat:no-repeat;
}


#maincontent {
 font-family:Arial, Helvetica, sans-serif, Tahoma; 
 font-size:12px; 
 color: #999999; 
 line-height:20px;
 list-style:none;
 padding: 0px;
 width: 750px;
 text-align:justify;

}

#pen {
position: absolute;
top: 750px;
left:0px;
 /* background-image: url(images/pen.jpg);
 background-repeat:no-repeat;
 background-position:right; */
 width: 736px;
 height: 107px;
}


#lowerbox {
position: absolute;
top: 850px;
left: 50px;
}


#box1 {
position: absolute;
left:360px;
padding: 0px;
width: 310px;
}

.quote {
color:#999999;
padding: 10px;
width: 275px;
border: 1px solid #cccccc;
line-height: 20px;
background-color:#fefefe;
}

#maincontent li {
 list-style:none;
 }
 
#dottedline {
border-bottom: solid #cccccc 1px;
 width: 290px;
}

#booksbg {

background-image:url(images/books.jpg);
background-repeat:no-repeat;
width: 311px;
height: 487px;
top: 20px;
position: absolute;
left: 380px;
}



/*--------------------------------------------- END Home Page Elements ---------------------------------*/
/*----------------------------------------Mission Page Elements-----------------------------*/
#contentmission
{
text-align: center;
height: 1000%;
top: 200px;
position: absolute;
left: 30px;
width: 750px;
}


#missionbg
{
text-align: left;
position: absolute;
width: 583px;
height: 617px;
left: 50px;
background-image: url(images/missionbg.jpg);
background-repeat:no-repeat;
}

#missionheader
{
text-align: center;
position: absolute;
width: 556px;
height: 69px;
left: 50px;
background-image: url(images/missionheader.gif);
background-repeat:no-repeat;
}

#missionleft
{
text-align: justify;
position: absolute;
border-top: solid #CCCCCC 1px;
left: 0px;
top: 100px;
width: 650px;
padding-top: 20px;
padding-right: 30px;
padding-left: 10px;
line-height: 20px;
}



#missionleft ul

{
list-style-type: none;
padding-top: 10px;
padding-left: 2px;
margin: 0px;
}



#missionleft li
{
background-image: url(images/0177_document.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 20px;
}




#missionright
{
text-align: justify;
position: absolute;
border-left: solid #CCCCCC 1px;
border-top: solid #CCCCCC 1px;
left: 340px;
top: 100px;
width: 290px;
padding-top: 20px;
padding-right: 10px;
padding-left: 20px;
line-height: 20px;
}

#missionright ul

{
list-style-type: none;
padding-top: 10px;
padding-left: 2px;
margin: 0px;
}



#missionright li
{
background-image: url(images/0177_document.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 20px;
}


/*----------------------------events----------------------------*/


#eventlinks
{
text-align:center;
top: 150px;
padding: 0px;
position: absolute;
left: 164px;
width: 340px;
height: 47px;
background-image:url(images/eventtab.gif);
background-repeat:no-repeat;
}


#eventlinks ul
{
margin: 0;
margin-left: 30px; /*menu offset from left edge of window*/
float: left;
padding-left: 10px;
font:  13px Verdana;
}

* html #eventlinks ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#eventlinks ul li{
display: inline;
}


#eventlinks ul li a{
float: left;
color: white;
padding: 21px 20px 7px 20px;
text-decoration: none;
}

#eventlinks ul li a:visited{
color: white;
}

#eventlinks ul li a:active{
color: #FFCC33;
}

#eventlinks ul li a:hover, #eventlinks ul li a#selected{ /*hover and selected link*/
color: #FFCC33;
background: transparent url(images/pointer.gif) bottom center no-repeat;
background-color: #666666;
}


#content1
{
text-align: left;
height: 1000%;
top: 231px;
padding: 0px;
position: absolute;
left: 40px;
width: 450px;
line-height: 20px;
}

#col2 {
width: 230px;
height: 1000%;
top: 195px;
left: 470px;
position: absolute;
}

.bullet1 ul

{
list-style-type: none;
padding-top: 10px;
padding-left: 20px;
margin: 0px;
}



.bullet1 li
{
background-image: url(images/0177_document.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 20px;
line-height: 20px;
}

.bullet2 ul{

list-style-image:url(images/bullet.gif);
}
/*--------------------------------------------------------   speakers--------------------------------------*/

#contentspeakers
{
text-align: left;
height: 1000%;
top: 400px;
padding: 0px;
position: absolute;
left: 40px;
width: 670px;
line-height: 20px;
}


.shiftcontainerspeakers{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainerspeakers{
width: 670px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainerspeakers .innerdivspeakers{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

.shadowcontainerspeakers .innerdivspeakers ul{

list-style-image:url(images/bullet.gif);
}

#col3 {
width: 230px;
height: 1000%;
top: 312px;
left: 470px;
position: absolute;
}

#speakers
{
position: absolute;
top: 231px;
left: 69px;
width: 630px;
}

#speakers ul
{

list-style-type: none;
padding-top: 0px;
padding-left: 0px;
margin: 0px;
}

#speakers li
{
background-image: url(images/0177_document.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 20px;
line-height: 20px;
}

.curlycontainerspeakers{
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 100%;
padding: 5px;
line-height: 20px;
position:absolute;
}

.curlycontainerspeakers .innerdivspeakers{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 6px;
top: 6px;
padding: 1px 10px 15px 5px;
}

/*------------------------------------------------------contact--------------------------------------*/

#contentcontact
{
text-align: center;
top: 200px;
padding: 0px;
position: absolute;
left: 38px;
width: 670px;
line-height: 20px;
}


.shiftcontainercontact
{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainercontact
{
width: 670px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainercontact .innerdivcontact
{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

.shadowcontainercontact .innerdivcontact ul
{

list-style-image:url(images/bullet.gif);
}




#col1 {
width: 230px;

top: 205px;
left: 470px;
position: absolute;

}

#col1content {
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
line-height: 20px;
background-image:url(images/dotted.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#topicheader {
background-image: url('images/topicbar.gif');
background-repeat: repeat-x;
width: 242px;
height: 27px;
}


#topicheader1 {
background-image: url('images/title_publicNews1.gif');
background-repeat:no-repeat;
width: 230px;
height: 24px;
}


img.logo
{
margin-left: 15px;
left: 130px;
}



.linkimg a:link img 
{
filter:  Alpha(opacity=100);
-moz-opacity: 1;
}



.linkimg a:visited img 
{
filter:none;
} 



.linkimg a:hover img 
{
filter: Alpha(opacity=75);
-moz-opacity: 0.7;

}

/*---------------------------------------Nav Bar----------------------------*/


#pointermenu2{
 margin-left: 30px;   /*Old Nav with all links  */
/*margin-left: 100px;    New margin setting for hidden links   */
padding: 0px;
top: 139px;
position:absolute;
}

#pointermenu2 ul{
margin: 0;
margin-left: 10px; /*menu offset from left edge of window*/
float: left;
padding-left: 80px;
font:  13px Verdana;
background: #23375e url(images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/

}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: white;
padding: 7px 10px 7px 10px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #FFCC33;
background: transparent url(images/pointer.gif) bottom center no-repeat;
background-color:#304572;

}

#pointermenu2 ul li a#rightcorner{
padding-right: 80px;
padding-left: 2px;
background: url(images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}




/*-----------------------------------------Nav Bar 2 ------------------------------------------*/

#navbar2 {
text-align: center;
background-image:url(images/navbg.gif);
background-repeat:no-repeat;
height: 40px;
width: 751px;
top: 137px;
left:30px;
position:absolute;
}


/*-----------------------------------dotted line-------------------------------*/
#dottedlinecol1{
background-image:url(images/dotted.gif);
width: 219px;
height: 10px;
background-repeat:no-repeat;
text-align:center;
}


#dottedlinecontent{
background-image:url(images/dotted.gif);
width: 500px;
height: 10px;
background-repeat:no-repeat;
text-align:center;
}


/*----------------------------- corner box ----------------------------------*/


.curlycontainer{
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 230px;
padding: 5px;
line-height: 15px;
color:#333333;

}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 6px;
top: 6px;
padding: 1px 10px 15px 5px;
}


.curlycontainer ul
{
list-style-image:url(images/bullet.gif);
}



/*-------------------------------  shadow ---------------------------------------*/

.shiftcontainer{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 400px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}



/*---------------------------------- shadow 2 -----------------------------------*/

<![if !IE 6]>



.shiftcontainer1{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer1{
width: 410px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer1 .innerdiv1{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}


</style>

<![endif]>


/*------------------------------ suckertree menu --------------------------------------*/


.suckertreemenu ul{
text-align:center;
margin: 0;
padding: 0;
position:absolute;
list-style-type: none;
top: 139px;
left: 75px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #000000; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid #333333;
border-left-width: 0;
text-decoration: none;
color: #FFFFFF;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: #45517B;
color: #ffffff;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/*--------------------------------------------rounded box 1----------------------------------*/

.box { 
  background: #504F4F; 
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 10px; 
  background: url(images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 10px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

/*--------------------------------rounded box 2--------------------------------------*/

.box1 { 
  background: #d9d8d8; 
}
.boxtop1 { 
  background: url(images/ne1.gif) no-repeat top right; 
}
.boxtop1 div { 
  height: 10px; 
  background: url(images/nw1.gif) no-repeat top left; 
}
.boxbottom1 { 
  background: url(images/se1.gif) no-repeat bottom right; 
}
.boxbottom1 div { 
  height: 10px; 
  background: url(images/sw1.gif) no-repeat bottom left; 
}
.boxcontent1 {
  padding: 0px 10px 0px 10px;
}