/* CSS for Kingsbridge Community College */

/*****---------------------   RESET  ------------------------------------------*****/  

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, * {
	margin: 0;
	padding: 0;
}



/*****---------------------  BASIC ELEMENTS  ------------------------------------------*****/  


body {
	background:url(../images/bg.jpg) repeat-x #96999c;
	color:#3c404e;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
}

* {
	margin:0;
	padding:0;
}

#wrapper {
	background:#f0ecec;
	margin:0 auto;
	padding:10px 5px 10px 0;
	width: 950px;
	min-height:560px;
	height: auto;
    clear:both;
	overflow: auto;
	}

#header {
	height:110px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#date { color:#FFFFFF; font-size: 120%; float: right; margin-right: 45px;}

img {border: 0; outline: none;}

.breadcrumbs {color: #b2373a}
.breadcrumbs a:link {color: #b2373a; text-decoration: underline;}
.breadcrumbs a:visited {color: #b2373a; text-decoration: underline;}
.breadcrumbs a:hover {color: #480b0d; text-decoration: underline;}
.breadcrumbs a:active {color: #b2373a; text-decoration: underline;}

/*****--------------------- HOMEPAGE GALLERY IMAGES  ------------------------------------------*****/  

#homepage-gallery { background-color:#ffffff; margin: 10px 0 0 0; }
.gallery-thumbs img  { padding: 5px 0 0 3px; }



/*****---------------------   NAVIGATION  ------------------------------------------*****/  

#flash-mask{
overflow:hidden;
padding: 0px;
z-index:1;
} 

#navigation {
	background:#f0ecec;
	float:left;
	font-size:120%;
	margin:0 5px 0 0;
	padding: 0 10px 5px 10px;
	z-index:2;
	behavior:url(../cssHoverFix.htc);
}

#navigation ul { margin:0px; padding:0px; background-color:#cbcbd0; }

#navigation ul li{ list-style-type: none; border-bottom:1px solid #c0c2c8; }

#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active  {
line-height:25px; 
list-style:none; 
padding: 5px 0 0 20px;
color:#000000; 
background-image:url(../images/menu.png);
background-position:left;
background-repeat: no-repeat;
text-decoration: none;
}

#navigation ul li a:hover {
color:#ffffff; 
background-color:#acaeb4;
background-position:left;
background-repeat: no-repeat;
text-decoration: none;
}


#navigation ul li:hover {
background-color:#acaeb4; 
position:relative;
}

/*Sub Menu*/
#navigation ul ul {
display:none; 
font-size:80%;
position:absolute; 
left:75px; 
top:5px; 
border: 1px solid #ffffff; 
text-transform:uppercase;
background-color: #6f6d78;
width: 150px;
}

#navigation ul li:hover ul {
color:#ffffff; 
display:block; 
list-style-type: none; 
padding: 0;
}

#navigation ul ul li a:link {
color:#ffffff; 
background-image: none; 
display:inline; 
border:none; 
list-style-type: none; 
padding: 3px 20px 3px 10px; 
border-bottom:1px solid #c0c2c8; 
background-color: #6f6d78;
line-height: 20px;
}

#navigation ul ul li a:hover {
background-image: none; 
background-color:#000000; 
color:#ffffff; 
border:none; 
list-style-type: none;
border-bottom:1px solid #c0c2c8; 
padding: 3px 20px 3px 10px; 
}

#navigation ul ul li a:active {
background-image: none; 
background-color:#000000; 
color:#ffffff; 
border:none; 
list-style-type: none;
padding: 3px 20px 3px 10px; 
}

#navigation ul ul li a:visited {
color:#000000; 
background-image: none; 
display:inline; 
border:none; 
list-style-type: none; 
border-bottom:1px solid #c0c2c8; 
background-color: #6f6d78;
padding: 3px 20px 5px 10px; 
}


/*****---------------------  BOTTOMS LINKS FOR PAGES  ------------------------------------------*****/  

#sub { margin: 15px 0 10px 0 ;  }

#sub ul {border: none; background-color:#c9ccdf; }

h2#sub  {
	font-family: "Lucida Grande", sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	background-color:#40456b;
	color:#ffffff;
	padding: 7px 0 7px 10px;
	margin: 0px;
	width: 171px;
}



/*****---------------------   RIGHT HAND SIDE BAR  ------------------------------------------*****/  


#sidebar_right {	
	background:#e4e1e1;
	color:#000000;
	float:right;
	font-size:120%;
	margin:0 0 0 5px;
	padding:0px;
	width:209px;
}

#sidebar_right p {margin: 8px 0 0 0; padding: 0; line-height: 25px;}

#news-panel {
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	color: #666666;
}
a.news-panel:link {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;   
}
a.news-panel:visited {
   color: #B13539;
   background-color:transparent;
   text-decoration: none;
   font-weight: bold;   
}
a.news-panel:hover {
	color: #FFFFFF;
	background-color: #B13539;
	font-weight: bold;   
}
a.news-panel:active {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;   
}

.newslist {
	list-style-type: square;
	list-style-position: inside;
}
newslistlink.a {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;   
}

.NewsSummary {
   margin: 0 0 10px 0;
   border-bottom: 1px dotted #A1A0A5;
}
#events-panel {
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	color: #666666;
	width: 190px;
	height: 75px;
	list-style-type: disc;
	list-style-position: inside;
	overflow: auto;
	font-size: 100%;
	overflow-x: hidden;
}
a.events-panel:link {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;   
}
a.events-panel:visited {
   color: #B13539;
   background-color:transparent;
   text-decoration: none;
   font-weight: bold;   
}
a.events-panel:hover {
	color: #FFFFFF;
	background-color: #B13539;
	font-weight: bold;   
}
a.events-panel:active {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;   
}

/* Scroller Box */
#scroller_container {
	position: relative;
	width: 120px;
	height: 50px;
	overflow: auto;
}

#scroller_container p {
  padding: 2px;
  margin:0;
  line-height: 1em;
  
}

#scroller_container p a {font-weight:bold;}
#scroller_container p span.morelink a {font-weight:normal;}

/* CSS Hack Safari */
#dummy {;# }


/* Scroller Box */
#musicbox {
	padding: 0 0 0 0;
	margin-right: 25px;
	width: 280px;
	height: 60px;
	float: right;
	margin-top: 0px;
}

#buttonbox {
	background-color:#b13539;
	padding: 0 0 0 0;
	margin-right: 25px;
	width: 120px;
	height: 30px;
	float: right;
	margin-top: 9px;
}

#logobox {
	background-color:#F0ecec;
	padding: 0 0 0 0;
	width: 940px;
	height: 55px;	
}

/*****---------------------   PAGE CONTENT  ------------------------------------------*****/  

#content-homepage {
	font-size:120%;
	padding: 0 0 0 10px;
	list-style-type: square;
	list-style-type: square;
}


#content {
	font-size:120%;
	padding: 0 0 0 0;
	margin-left: 210px;
	margin-right: 5px;
	height: auto;
	width: 732px;
}

#content h1 {
	color: #222;
	border-bottom:1px solid #eee;
	font-size: 140%;
	padding: 5px;
	margin-left: 5px;
}


h1#homepage  {
	font-family: "Lucida Grande", sans-serif;
	font-size: 140%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	background-color:#b13539;
	color:#ffffff;
	padding: 7px 0 7px 10px;
	margin: 5px 223px 5px 197px;
}

h1#other-pages  {
	font-family: "Lucida Grande", sans-serif;
	font-size: 140%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	background-color:#b13539;
	color:#ffffff;
	padding: 7px 0 7px 10px;
	margin: 5px 0px 5px 0px;
}

#content h2 {
	border-bottom:1px solid #eee;
	color:#222;
	font:150% Trebuchet MS;
	margin:15px 0;
}

#content h3 {
	border-top:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
	color:#990000;
	font:140% Arial;
	padding:5px;
	margin:15px 0;
}

#content h4,p,ol,blockquote {
	line-height:18px;
	margin:15px 0;
}
.contentlist {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2;
}
/*****---------------------   TABLES  ------------------------------------------*****/ 

table.width700 {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 700px;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.width700 td {
	background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

table.width700 td.head700{
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
} 

.examtable.full {
	text-align: center;
	font-family: "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: #fff;
	width: 100%;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.examtable td {
	background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
	font-size: 90%;
}

.examtable td.red {
	background-color: #b13539;
	color: #fff;
	padding: 4px;
	text-align: center;
	border-bottom: 2px #fff solid;
	font-size: 120%;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	font-stretch: wider;
} 

.examtable td.head {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 100%;
	font-weight: bold;
} 

a.content:link {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;   
}
a.content:visited {
   color: #B13539;
   background-color:transparent;
   text-decoration: none;
   font-weight: bold;   
}
a.content:hover {
	color: #FFFFFF;
	background-color: #B13539;
	font-weight: bold;   
}
a.content:active {
	color: #B13539;
	background-color:transparent;
	text-decoration: none;
	font-weight: bold;
}
/*****---------------------   FOOTER  ------------------------------------------*****/  


#footer {
	clear:both;
	margin:0 auto;
	padding:15px;
	width: 870px;
}

#footer a:link {color:#3c404e; text-decoration: none;}
#footer a:visited {color:#3c404e; text-decoration: none;}
#footer a:hover {color:#ffffff; text-decoration: none;}
#footer a:active {color:#3c404e; text-decoration: none;}

/* CSS Document */
p.box_indent {
	line-height: 1.6em;
	list-style-position: outside;
	list-style-type: circle;
	text-indent: 5em;
}
p.removetopspace {
	margin-top: 0px;
}

p.removebottomspace {
	margin-bottom: 0px;
}

p.removemargin {
	margin: 0px;
}
#tablecontainer {
	background-color: #f0ecec;
	height: auto;
	width: 732px;
}
#clear {
clear:both;
}


/*****---------------------   CONTACT FORM  ------------------------------------------*****/  
#form_back{
width:500px;
	height:750px;
	padding:0px 0px 0px 0px;
	float: none;
	margin-left: Auto;
	margin-right: Auto;
	background-image: url(../images/formback.jpg);
}

#contact{
	margin:0 0 0 0;
	float:left
}

#contact_form{
	width:480px;
	height:695px;
	padding:0px 15px 0px 15px;
	float: none;
	margin-left: Auto;
	margin-right: Auto;
}

#contact_form .form-label{width:110px}

#contact_form label{font-size:90%; color:#696969}

#contact_form .text_field{height:20px; padding:3px 10px 0px 10px; width:240px; border:0; font-size:100%; color:#5d5d5d}

#contact_form .text_area{height:50px; padding:8px 10px 0 10px; width:250px; border:0; font-size:120%; color:#5d5d5d; overflow:none; background-color:#FFF}

.form form{padding:10px 0 0 0}

.form-item{
	clear:both;
	padding:0;
	margin-bottom:3px;
	margin-left: 0px;
}

.form-item .form-label label{font-size:100%; color:#696969; line-height:20px; cursor:pointer}

.form-item .formError{color:#e32929; font-size:95%}

span.required{
	color:#B13539
}
pictour {
	background-color: #F0ECEC;
	height: auto;
	width: 350px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	visibility: hidden;
	border-color: #990000;
	outline-color: #990000;
}