/*
Theme Name: VSA
Description: VSA wordpress theme
Version: 1.0
Author: createTWO
Author URI: www.createtwo.com
*/


html,body {margin:0;padding:0}
body {
	font: 76% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-image: url(images/body_bg.jpg);
}

div#body2 {
        background: url(images/body2_bg.jpg) repeat-x 0 0;
}

div#container {
	text-align:left;
        width:780px;
	margin:0 auto;
        background: url(images/container_bg.jpg) 0 0 repeat-y;
	}

div#header {
	height:133px;
	margin:0;
	background: #EEE url(images/header.jpg) no-repeat;
  }

div#wrapper {
clear: left;
        background: url(images/wrapper_bg.jpg) 0 0 no-repeat;
}
	
div#content {
	float:left;
	width:410px;
        padding: 0 0 0 45px;
        clear:left;
	}
	
div#sidebar {
	float:right;
	clear:right;
	width:240px;
	padding: 12px 45px 50px 0;
	}

div.extra {
margin-top: 35px;
}
	
div#footer {
        text-align: center;
        clear:both;
        width: 780px;
        height: 145px;
        padding: 0;
        margin:0;
        background: url(images/footer.jpg) bottom left no-repeat;
}

/* TYPOGRAPHY */

#content p {
        font-size: 1.1em;
	line-height: 1.5em;
	padding-left: .5em;
        text-align: left;
        margin: 1.0em 0;
}

#content .main_justify {
     text-align: justify;
}

h1 {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 1.0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color: #cc3333;
        border-bottom: thin solid grey;
        }

h2 {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	margin: 1.1em 0em .5em 0em;
	font-weight: normal;
        color: #cc3333;
        padding-bottom: 2px;
        border-bottom: thin solid grey;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
        color: #cc3333;
        border-bottom: thin solid grey;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em .4em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em .2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

a:link {
color: #EF5A0A;
text-decoration: none;
}

a:hover {
color: #ef8248;
}

a:visited {
color: #EF5A0A;
}

img {
	border: 0;
	}



#menu {
       width: 780px;
       height: 31px;
}

#menu ul {
       margin: 0;
       padding: 0;
}

#menu ul li {
       list-style-type: none;
}

#menu ul li a {
       padding-top: 9px;
       font-family: Helvetica, Arial, sans-serif;
       font-size: 1.1em;
       font-weight: bold;
       color: #FFFFFF;
       text-decoration: none;
       margin: 0;
       height: 22px;
       display: block;
}

#menu .home a {
       background: url(images/home.jpg) no-repeat 0 0;
       width: 92px;
       padding-left: 95px;
}

#menu .about a {
       background: url(images/about.jpg) no-repeat 0 0;
       width: 95px;
       padding-left: 35px
}

#menu .programs a {
       background: url(images/programs.jpg) no-repeat 0 0;
       width: 97px;
       padding-left: 33px;
}

#menu .support a {
       background: url(images/support.jpg) no-repeat 0 0;
       width: 92px;
       padding-left: 38px;
}

#menu .contact a {
       background: url(images/contact.jpg) no-repeat 0 -1px;
       width: 168px;
       padding-left: 35px;
}

#nav li {
       float: left;
}

#nav .about ul a {
       background: none;
       padding-left: 10px;
       color: #404040;
       font-size: 1.0em;
       width: 118px;
}

#nav .about ul { /* second-level lists */
	position: absolute;
	background: #50CF76;
        border: 1px solid black;
	width: 128px;
        height: auto;
        margin: -2px 0 0 0;
        padding: 5px 0 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav .about ul li a:hover {
        background: #36A650;
        color: #FFF;
}

#nav .programs ul a {
       background: none;
       padding-left: 10px;
       width: 118px;
       color: #404040;
       font-size: 1.0em;
}

#nav .programs ul { /* second-level lists */
	position: absolute;

	background: #E1D124;
        border: 1px solid black;
	width: 128px;
        height: auto;
        margin: -2px 0 0 0;
        padding: 5px 0 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav .programs ul li a:hover {
        background: #C09515;
        color: #FFF;
}

#nav .support ul a {
      background: none;
       padding-left: 10px;
       width: 118px;
       color: #404040;
       font-size: 1.0em;
}

#nav .support ul { /* second-level lists */
	position: absolute;
	background: #EB7255;
        border: 1px solid black;
	width: 128px;
        height: auto;
        margin: -2px 0 0 0;
        padding: 5px 0 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
        background-position: 0 0;
z-index: 99;
}

#nav .support ul li a:hover {
        background: #DB4E3D;
        color: #FFF;
}


#content > img {
        float: left;
        padding: 10px;
        margin-top: 5px;
}

#content ol.newsitems {
        list-style-type: none;
        padding-left: 0;

}

#content ol.newsitems li {

}

#content ol.newsitems p.date {
        font-weight: bold;
        margin: 0 0 .2em 0;
}

#content ol.newsitems h3 {
        font-size: 1.1em;
        font-weight: normal;
        margin: 0 0 .5em 0;
        border: none;
}

#content ol.newsitems h3 a {
        color: #EF5A0A;
        text-decoration: none;
}

#content ol.newsitems p {
        margin: 0 0 1.5em 0;
        padding: 0;
}

#footer p {
       padding-top: 120px;
       font-size: .8em;
       font-style: italic;
}

#content dl.staff {
       margin: 50px 0 0 0;

}

#content dl.staff dd {
margin: 0 0 50px 200px;
font-weight: bold;
     }

#content ul.healthcare li {
font-size: 1.0em;
}

#content ul.healthcare p {
margin: .1em 0 1.0em 0;
font-size: 1.0em;
font-style: italic;
}

#content p.date {
margin: 0;
font-size: 1.0em;
}

#content p.nomargin {
margin: 0;
}

#events h4 {
margin-top: 2.0em;
}

#events p {
font-size: 1.0em;
}

#contact {
float: right;
text-align: right;
margin: 0 0 10px 0;
padding: 0 50px 10px 0;
}

address {
margin: 0 0 0 1.0em;
font-style: normal;
}