/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:0px; background-color:#666666;}
h1{color:#6262A0; font-size:130%;} h2{font-size:130%;} h3{font-size:110%; color:#6262A0;}
input {border: 1px solid #000;}
form{ margin:0px; background-color:#CCCCCC;}
#container{width:777px; margin:auto; background-color:#FFFFFF;}
#BodyEmail{font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:0px; background-color:#666666;padding-left:10%; }

a {color:#663366; text-decoration:none;}
a:hover{color: #666666; text-decoration:underline;}
div.styleclear{clear:left;}
#header {background-image:url(../images/topbar.jpg); width:777px; height:147px;}

#imagebar{background-image:url(../images/coloredpics.jpg); width:777px; height:131px;}




#leftdiv{width:174px; background-color:#fff; float:left;}

#rightdiv{width:603px; background-color:#fff; float:left;}


/* Left hand navigation with tier 2 sub navigation */
/* Using (list-style-type:none;) on the li removes the bullet points the menu */
/* Its important that all your structural styles appear in the (a) call */
#nav ul{padding:0px; width:165px; margin-left:5px;margin-bottom:0px; margin-top:10px; font-size:80%;}
#nav li{list-style-type:none; border-bottom:1px solid #fff;}
#nav li a{background:#6BC19C; display:block; padding:5px; color:#fff; text-decoration:none;}
#nav li a:hover{background:#6F6F9A; color:#fff; text-decoration:none;}
/* Selected option style */
#nav li.selected a{background:#6F6F9A; display:block; padding:5px; color:#fff; text-decoration:none; font-weight:bold;}

/* Adding images to unordered lists & using images as bullet points */
#nav li.PDF a{font-size:70%; padding-left:20px; background:#444444 url(../images/icon_pdf.gif) left center no-repeat; font-weight:bold;}
#nav li.PDF a:hover{ background:#1d1d1d url(../images/icon_pdf.gif) left center no-repeat;}
#nav li.DOC a{font-size:70%; padding-left:20px; background:#444444 url(../images/icon_doc.gif) left center no-repeat; font-weight:bold;}
#nav li.DOC a:hover{ background:#1d1d1d url(../images/icon_doc.gif) left center no-repeat;}

#nav li.submenu a{background:#6CC0C0; width:155px;}
#nav li.submenu a:hover{background:#0086AF; color:#fff;}

#breadcrumb {padding-left:10px; padding-bottom:3px; padding-top:3px; font-size:70%; }

#indexcontent1 { background-image:url(../images/jedilogo.jpg); background-repeat:no-repeat; 
margin:10px; height:150px; padding-left:160px; padding-top:10px; font-size:90%; padding-top:50px; }

#indexcontent2 {background-color:#8180BA;  margin-top:10px; font-size:90%; margin-left:30px;
padding:20px; color:#FFFFFF; margin-bottom:20px;}

#footer {background-color:#6BC19C; height:35px; width:757px; font-size:60%; padding-left: 20px;
padding-top:8px; background-image:url(../images/logo.jpg); background-position:right; background-repeat:no-repeat;} 

#biznet {width:100px; margin-left
:600px; margin-top:0px; padding-bottom:3px;}

#links {padding-top:10px; margin-right:30px; font-size:75%; text-align:right;  width:747px; color:#000000;}
#links a{ text-decoration:none; color:#000000;}
#links a:hover{ text-decoration:underline; color:#000000;}

#search {
font-size:75%; 
text-align:right;
padding-top:80px;}

#search form{
background: none;}

.searchbox { 
margin-right:15px;}

#maintext {
font-size:80%; 
margin:10px; 
width:530px; }

.greenbox {
width:450px; 
color:#FFFFFF; 
padding:5px; 
background-color:#5BB18C;}

#youth {
width:550px; 
margin:10px; 
font-size:80%;}

#content {
width:550px; 
padding:4px;
margin:10px; 
font-size:80%;}

#contactLeft{
width:40%;
float:left;}
#contactLeft form{
background-color:#CCCCCC;
float:left; padding-right:20px; }

#contactRight{ 
margin-top:40px;
width:40%;
float:right; 
padding-left:5px; 
height: 500px;
background-image:url(../images/skateboard.jpg); 

background-position:bottom; 
background-repeat:no-repeat;}
.redPointer{color:red;}

/*
#story {background:#fff; width:50%; color:#566873; float:right; border-left:1px solid #fff; font-size:80%; font-weight:normal;}
#story a img {border:0;}
#story .container {height:44.85em; overflow:auto;}
#story.issues .container {height:46.7em; overflow:auto;}
#story.links .container {height:52.7em; overflow:auto;}
#story h2, #story p, #story h3, #story h4 {margin:10px 30px 10px 30px; font-weight:normal;} 
#eventstory h2{font-size:125%;}
#story a {color:#9B0033; text-decoration:none;} #eventstory a:hover{color:#000; text-decoration:underline; font-weight:normal;}

#stories{zoom:1; float:left; width:90%; }
#stories a {display:block; background:#fff url(/images/bg_storiesone.jpg) bottom left repeat-x; color:#fff; margin:0px; padding:10px; zoom:1; text-decoration:none; border-bottom:1px solid #fff; max-height:3.8em; overflow:hidden;font-weight:normal;}
#stories.news a {padding:11px; max-height:4.96em; overflow:hidden;font-weight:normal;}
#stories.issues a {padding:11px; max-height:4.96em; overflow:hidden;font-weight:normal;}
#stories a.current {background:#6F6F9A url(/images/bg_storiescurrent.gif) center right no-repeat; padding-right:15px;font-weight:normal;}
#stories a.current:hover, #stories a.current:active, #stories a.current:focus {background:#B11146 url(/images/bg_storiescurrent.gif) center right no-repeat; padding-right:15px; font-weight:normal;}
#stories a.two {background:#fed202 url(/images/bg_storiestwo.jpg) bottom left repeat-x; color:#fff}
#stories a:hover, #stories a:active, #stories a:focus {background:#000; color:#fff; text-decoration:none;}

#stories.LinkDisplay {}
#story.links h2 {margin-bottom:20px; font-weight:normal;}
#story.links ul {list-style-type:none; padding:0; margin:0 30px ;}
#story.links li {margin:10px 0; padding-bottom:5px; border-bottom:1px solid #fff;}
#story.links li a {font-size:120%; font-weight:normal;}
#story.links li a:hover {color:#000;}
*/

.Publication a{color: #000; height:20px; padding:2px; text-decoration:none; }
.Publication a:hover{color: #666699;}
.PubSummary{}
.PubDate{color:#333333; font-size:80%; padding-top:8px; }
.PublicationCategory{color:#fff; display:block; background-color:#6BC19C; height:25px; padding-top:5px; padding-left:2px;}

#linkspage h2{color:#fff; display:block; background-color:#6F6F9A; height:20px; padding-left:5px; padding-top:2px;}
/* Left hand navigation with tier 2 sub navigation */
/* Using (list-style-type:none;) on the li removes the bullet points the menu */
/* Its important that all your structural styles appear in the (a) call */
.linksactive ul{padding:0px; margin:0;  font-size:90%;}
.linksactive li{list-style-type:none; border-bottom:1px solid #fff;}
.linksactive li a{background:#D7D7D7; display:block; padding:5px; color:#000; text-decoration:none;}
.linksactive li a:hover{background:#6F6F9A; color:#fff; text-decoration:none;}
/* Selected option style */
.linksactive li.selected a{background:#6F6F9A; display:block; padding:5px; color:#fff; text-decoration:none; font-weight:bold;}

/* Adding images to unordered lists & using images as bullet points */
.linksactive li.PDF a{font-size:70%; padding-left:20px; background:#444444 url(../images/icon_pdf.gif) left center no-repeat; font-weight:bold;}
.linksactive li.PDF a:hover{ background:#1d1d1d url(../images/icon_pdf.gif) left center no-repeat;}
.linksactive li.DOC a{font-size:70%; padding-left:20px; background:#444444 url(../images/icon_doc.gif) left center no-repeat; font-weight:bold;}
.linksactive li.DOC a:hover{ background:#1d1d1d url(../images/icon_doc.gif) left center no-repeat;}

.linksactive li.submenu a{background:#6F6F9A; width:155px;}
.linksactive li.submenu a:hover{background:#9494C1; color:#fff;}

#emailheader {background-image:url(../images/emailheader.jpg); width:777px; height:275px;}
#emailfooter {background-color:#6BC19C; height:35px; width:777px; font-size:60%; padding-left: 20px;
padding-top:8px; background-image:url(../images/logo.jpg); background-position:right; background-repeat:no-repeat;}