/* -----------------------------------*/
/* XHTML and CSS by Sam Felder        */
/* USC Web Services                   */
/* Spring 2007                        */
/* -----------------------------------*/
/* Documentation can be found in the  */
/* project style guide                */
/* -----------------------------------*/

/* -----------------------------------*/
/* -------->>> Yahoo! YUI <<<---------*/
/* -----------------------------------*/

/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	background: #58626f url(./bg_body.gif) repeat-x;
	color: #454545;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 760px;
	background: white;
	border: 2px solid #2d3239;
	border-top: 0;
}

#header, #content {
    margin: 0 10px;
    margin-bottom: 0px;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

a.word {
	background:  url(./icon_word.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}
a.pdf {
	background:  url(./icon_pdf.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}
a.powerpoint {
	background:  url(./icon_powerpoint.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}
a.email {
	background:  url(./icon_mail.gif) center right no-repeat;
	padding-right: 20px;
	margin-left: 1px;
	white-space: nowrap;
}


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header {
background: #900 url(./bg_content_top.gif%27) repeat-x left bottom;
}
h1#sitename a {
    display: block;
	 /* background:  url(./sitename.gif) left top no-repeat; */
	 background:  url(./icare_text_title_02.bmp) left top no-repeat;
    /* width: 502px; */
    /* height: 95px; */
	 height: 40px; 
    text-indent: -9999px;
    clear: left;
}
#uscidentity {
	display: block;
	text-align: left;
}
#uscidentity a#usclogo {
/*  padding-bottom: 5px;*/
    float: right;
}
#uscidentity a#uscname {
    float: left;
}

/* -----------------------------------*/
/* ---------->>> CONTENT <<<----------*/
/* -----------------------------------*/

#content {
    background: #ebebeb;
}
#photobar {
    width: 740px;
    padding: 4px 0;
    text-align: center;
    background: #99a5b4;
    border-bottom: 1px solid #4c5158;
}
#photobar img {
    background: #eee;
    padding: 2px;
    margin: 2px;
    border: 1px solid #2d3239;
}
#m {
    width: 490px;
    float: right;
    padding-top: 10px;
    margin-right: 10px;
}
#m h2 {
    color: #383e45;
    font-size: 182%;
    border-bottom: 2px solid #383e45;
    margin-bottom: 10px;
}

#m h3 {
    color: #383e45;
    font-size: 122%;
    margin-bottom: 5px;
}
#m h4 {
    color: #383e45;
    font-size: 136%;
    margin-bottom: 5px;
}
#m p {
    margin: 1em 0;
}
#m a {
    color: #2d3239;
}
#m a:hover {
    text-decoration: none;
}
#m ul {
    margin-bottom: 1em;
}
#m ol {
    list-style-type: decimal;
    margin-left: 1em;
    margin-bottom: 1em;
}
#m li {
    padding-left: 16px;
    background:  url(./icon_bullet.gif%27) no-repeat left 3px;
    margin-bottom: .2em;
    margin-left: 1em;
}
#m ol li {
    background: transparent;
    padding-left: 0;
}
#m ul.nobullet li {
    background: transparent;
    padding-left: 0px;
    margin-left: 0px;
}
/* -----------------------------------*/
/* ---------->>> SIDEBAR <<<----------*/
/* -----------------------------------*/

#s {
    clear: left;
    width: 220px;
}
#nav {
    position: relative;
    display: block;
    padding-top: 1px;
    margin-top:-1px;
    background: #99a5b4;
    border-bottom: 1px solid #4c5158;
    border-right: 1px solid #4c5158;
}

#nav li a {
    display: block;
    padding: 5px 10px;
    padding-left: 35px;
    background:  url(./icon_nav.gif) no-repeat 10px center;
    color: white;
    font-size: 107%;
    text-decoration: none;
    font-weight: bold;
}
#nav li a:hover {
    background: #bcc9dd url(./icon_nav.gif) no-repeat 10px center;
    color: #545454;
}
#nav li li a {
    font-size: 92%;
    background: transparent;
    padding: 3px 5px;
    margin-left: 35px;
    border-bottom: 1px solid #bcc9dd;
}
#nav li li a:hover {
    background: #bcc9dd;
}

#nav li.section {
    background-color: #6c7784;
}
#nav li.section ul {
    padding-bottom: 10px;
}

#departments {
    margin-top: 30px;
    border-top: 1px solid #545454;
}
#departments li a {
    border-right: 1px solid #545454;
    background: #99a5b4;
    display: block;
    padding: 5px 10px;
    color: white;
    font-size: 92%;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #545454;
}
#departments li a:hover {
    color: #545454;
}

.clear {
    clear: both;
    text-align: right;
    padding: 10px;
}
.clear p a {
    color: #2d3239;
    font-size: 77%;
    line-height: 16px;
    padding-right: 16px;
    background:  url(./bullet_arrow_up.png%27) no-repeat right center;
}
.clear p a:hover {
    text-decoration: none;
}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

#footer {
    clear: both;
    padding: 10px;
    text-align: center;
}
#footer p a {
    color: white;
    font-size: 77%;
}
#footer p a:hover {
    text-decoration: none;
}