/*  =reset.css  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent;  }

:focus {outline: 0; } 
ol, ul {list-style: none; }
table {border-collapse: collapse; border: 0; }
caption, th, td {text-align : left; font-weight : normal; }/* CSS Document */


a {text-decoration:none;
}

p.access {display:none;
}

body, ul, ol, dl, p {font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px;
}


h1, h2 {font-family: Georgia, "Times New Roman", Times, serif;
}


h1 {font-size:24px;
}

h2 {
font-size:18px;
line-height:36px;
margin-top:9px;
margin-bottom:9px;
color:#987654;
letter-spacing:1px;
}

h3 {margin:18px 0 0 0;
padding:0 0 0 2px;
line-height:18px;
font-size:11px;
letter-spacing:1px;
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-weight:normal;
color:#99a;
border-bottom:1px solid #6698ff;
}

h3#index {text-transform:uppercase;
font-size:10px;
letter-spacing:1px;}

/*----------------------------------------------- =layout main rules -----------------------------------------------*/
body {text-align: left;}

p, td{
line-height:18px;
color:#567;}


#camplifehead {position: absolute; 
z-index: 5;
top: 99px; 
left: 14px;
width:266px;
height:111px;
text-indent:-5000px;
overflow:hidden;
background: url(../images/camplifelogo.png) 6px 0% no-repeat;
}


h1#camplifehead a{display:block;
width:266px;
height:111px;
text-decoration:none;
}

/*#camplifehead span {display:none;}*/

/*----------------------------------------------- =headbanner -----------------------------------------------*/

#headbanner {margin:0 0 0 12px;
width:940px;
height:111px;
}

body#welcome #headbanner {
background: url(../images/header_study.jpg) right top no-repeat ;
}

body#aboutus #headbanner {
background: url(../images/header_bike.jpg) right top no-repeat ;
}

body#policies #headbanner {
background: url(../images/header_bridgea.jpg) right top no-repeat ;
}

body#programs #headbanner {
background: url(../images/header_doc2.jpg) right top no-repeat ;
}

body#resources #headbanner {
background: url(../images/header_sf.jpg) right top no-repeat ;
}

body#publications #headbanner {
background: url(../images/header_tv.jpg) right top no-repeat ;
}

body#involve #headbanner {
background: url(../images/header_hills.jpg) right top no-repeat ;
}

body#career #headbanner {
background: url(../images/header_potter.jpg) right top no-repeat ;
}

body#directories #headbanner {
background: url(../images/header_bus.jpg) right top no-repeat ;
}


#navbar {float:left;
margin:0 0 0 12px;
width: 1060px;
min-width: 960px;
height:25px;
padding:4px 0 0 0;
background: url(../images/about_b.gif) 0 4px no-repeat;
}

#navbar li {display: inline;
}


#navbar li a:link, #navbar li a:visited {float:left;
line-height:17px;
padding:3px 18px 2px 10px;
/*color:#444a89;*/
color:#333b99;
text-decoration:none;
border-top:1px solid #abc6ef;
border-right:1px solid #abc6ef;
border-bottom:2px solid #abc6ef;
border-left:0;
background:transparent;
}

#navbar li a:hover, #secondnav a:hover{
color:#6698ff;
background:transparent url(../images/linkdot.gif)  100% 50% no-repeat;
}

#navbar li a.current {
color:#6698ff;
background:transparent url(../images/linkdot.gif)  100% 50% no-repeat;
}

#navbar li a#about {padding-left:13px; 
border-top:0;
border-bottom:0;
}

#secondnav ul li a.current, #secondnav ul li ul li a.current  {
color:#6698ff;
background:transparent url(../images/linkdot_b.gif)  100% 50% no-repeat;
}

/*----------------------- =main - all three column ----------------------------------------------- */
#main {float: left;
margin:0 0 0 12px;
width:940px;
text-align:left;
border-width:0;
/*background:url(../images/grid.gif) repeat-x 0 0;*/
}


/* ----------------------------------------------- =left column ----------------------------------------------- */

#lefcolumn {
width:224px;
border-width:0;}

/*------------------------------------------- =secondnav -------------------------------------------*/

#secondnav {margin:1px 0 0 0;
padding:0 0 4px 0;
width:222px;
text-align:left;
border-top:1px solid #ffffff;
border-right:1px solid #abc6ef;
border-left:1px solid #abc6ef;
}

#secondnav_bottom {margin:0;
padding:0;
width:224px;
height:182px;
background: url(../images/leftbgd2a.jpg) left bottom no-repeat;
}


/*------------------------------------------- =secondnav - left navigation-------------------------------------------*/

#secondnav p, #secondnav ul, #secondnav h3 {margin:10px 12px 0 12px; /*bottom must be 0 */
padding:0;
} 

#secondnav ul li {
margin:0;
color:#567;
line-height:18px;
padding:5px 0;
background:url(../images/linkunder.png) bottom left repeat-x ;
}

#secondnav ul li a, #sidebar a {display: block;
}

body#welcome #secondnav ul li a  {display:inline;
text-transform:none;
padding-left:6px;
background: url(../images/linkarrow.png) 0 2px no-repeat;}


#secondnav a:link, #secondnav a:visited, #secondnav ul li a:link, #secondnav ul li a:visited {
color: #5489f6;    
text-decoration:none;
/*text-transform:lowercase;*/
padding:0 2px;}


#secondnav ul li a:hover, #secondnav a:hover {color: #abcdef;
text-decoration:none;
padding:0 2px;}


#secondnav a:link#allcaps, #secondnav a:visited#allcaps, #secondnav a:hover#allcaps {text-transform:uppercase; font-size:10px;}


/*------------------------------------- =secondnav - second level -------------------------------*/
#secondnav ul li ul {margin:8px;
padding-left:2px;
border-left:1px solid #6698ff;
background-image:none;
}

#secondnav ul li ul li {background-image:none;}

#secondnav ul li ul li a:link, #secondnav ul li ul li a:visited {
color: #abcdef;    
text-decoration:none;
/*text-transform:lowercase;*/
padding:0 4px;
}

#secondnav ul li ul li a:hover {background:transparent url(../images/linkdot.gif)  100% 50% no-repeat;}

/*--------------------------------------------- =content ---------------------------------------------*/
#content {margin:0 40px 36px 50px;
width:460px;
border-width:0;
}

#content_wide{ margin:0 10px 36px 50px;
width:600px;
}

#content h3, #content_wide h3 {color:#b87533;
font-weight:bold; /*#a98765;*/
margin:0;
padding:0 0 9px 0;
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:1px;
border-bottom-width:0;  
}

#content p, #content_wide p{margin:9px 4px 9px 0;
}

#content h4, #content_wide h4 {color:#b87533;
font-weight:normal; /*#a98765;*/
padding:0 0 9px 0;
font-size:11px;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom-width:0;  
}

#content em, #content_wide em, h3 em{color:#666666; font-style:italic;
font-size:11px;}

#content a:link, #content a:visited, #content_wide a:link, #content_wide a:visited {color: #b87533;
text-decoration:none;
border-bottom:1px dotted #b87533;
margin-bottom:220px;}

#content a:hover, #content_wide a:hover {color:#6698ff;
border-bottom:1px solid #6698ff;}

span.e {display:none;}
div.email a:link, div.email a:visited, div.email a:hover, span.email a:link, span.email a:visited, span.email a:hover { /*only this explicit code works with Widnows IE*/
padding-left:18px; 
margin:0;
color:#6698ff;
font-family: Georgia, "Times New Roman", Times, serif;
background:url(../images/mail.gif) 0 50% no-repeat;
border-bottom: none;
}

.pdf{padding: 2px 0 2px 18px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
background: url(../images/pdf_icon.gif);
background-position: 0 3px;
background-repeat: no-repeat;
}

span.ph {display:none;}
.phone {margin-left:0;
padding-left:18px;
font-family: Georgia, "Times New Roman", Times, serif;
background:url(../images/phone.gif) 0 50% no-repeat;
}

span.f {display:none;}
.fax {margin-left:0;padding-left:18px;
font-family: Georgia, "Times New Roman", Times, serif;
background:url(../images/fax.gif) 0 50% no-repeat;
}

div.bio{padding:0 0 36px 0;
background:url(../images/under_bright.png) left bottom repeat-x ;
margin-bottom: 18px;
}

.address {width:260px;}

span.question {margin-left:-20px;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#333;
font-family: Georgia, "Times New Roman", Times, serif;
}

.left span.question {margin-left:0;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#333;
font-family: Georgia, "Times New Roman", Times, serif;
}

.left{float:left;
width:180px; 
margin:0 19px 9px 0; 
padding:0 9px 9px 0; 
color:#333;
;}

span.answer {
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#333;
font-family: Georgia, "Times New Roman", Times, serif;
}

.top {margin:0;}


#content ul, #content_wide ul{margin-left:10px;
margin-right:10px;
}

#content ul li, #content_wide ul li{color:#555;
padding:2px 12px;
background: url(../images/lidot.gif) 0 4px no-repeat;
line-height:18px;}


#content ul.nodot, #content_wide ul.nodot{margin-left:10px;
margin-right:10px;
}

#content ul.nodot li, #content_wide ul.nodot li{color:#555;
padding:9px 12px;
background: none;
line-height:18px;}


#content dl{
margin-right:10px;
line-height:18px;
}

#content dl dt {margin-top:9px;
color:#c98655;
font-weight:bold;
}

#content dl dd {margin-bottom:9px;
margin-left:10px;
padding-left:9px;
color:#666;
}


/*----------- =sidebar -----------------------------------------*/

#sidebar {width:160px;
margin-top:50px;
}


#sidebar ul li {
margin:2px;
line-height:18px;
padding:4px 0;
background:url(../images/under_brown.png) bottom left repeat-x;
}


#sidebar ul li a:link, #sidebar ul li a:visited {
margin:0 0 0 6px;
padding:0 0 0 15px;  
color: #a97654;    
background: url(../images/linkarrow.png) 0 5px no-repeat;
}

#sidebar ul li a:hover {
margin:0 0 0 6px;
padding:0 0 0 15px;  
color: #6698ff;
background: url(../images/linkarrow.png) 0 5px no-repeat;
}

#sidebar a:link.pdf, #sidebar a:visited.pdf, #sidebar a:hover.pdf{
margin: 0 0 0 3px;
padding:0 0 0 18px;  
background: url(../images/pdf_icon.gif) 0 3px no-repeat;
}

#sidebar ul li.image{
background-image:none;
border-width: 0;
}

#sidebar ul li.image a:link, #sidebar ul li.image a:visited, #sidebar ul li.image  a:hover{
margin:0 0 10px 0;
background-image:none;
border-width: 0;
} 

/*----------------------------------------------- =breadcrumbs -----------------------------------------------*/
#breadcrumbs {
padding-top:4px;
padding-bottom:14px;
margin-left:246px;
font-size:10px;
color:#999;
text-transform:lowercase;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
font-size:10px;
line-height:18px;
color:#666;
text-decoration:none;
/*background:url(../images/linkunder.png) repeat-x bottom left;*/
}
 
#breadcrumbs a:hover {color:#6698ff;
border-bottom:1px solid #6698ff;}
 

/* ----------------------------------------------- =footer-----------------------------------------------*/
#footer{clear:both;
margin:36px 0 18px 0;
padding:9px;
width:940px;
text-align:right;
font-size:10px;
color:#777;
background: url(../images/footer_top.gif) top right no-repeat;
}


.column {float:left;
margin-bottom:40px; }


.right{float:right;
width: 120px;
height:120px;
margin: 0 0 18px 18px;
}

#content img, #content_wide img {width:106px;height:106px;}

/* =table *******/
table.roster td {width:189px;
background-color:#FFF;}

.roster td, .roster th {padding:9px 4px;
border:1px solid #abc6ef;
font-size:11px;}

.roster th.campus {text-transform:uppercase;
letter-spacing:1px;
 color:#987654; /*#b87533;*/
}

.roster tr#horizontal {text-transform:uppercase;
color: #abc6ef;}

p#topup {text-align:right;
margin-top:27px;
}

p#topup a:link{padding:9px;
}