/**************************************************************************************************
-ISC v2.1 2008-2011                                                                               -
-Created for International Students Club at Los Angeles Pierce College.                           -
-This template is created with HTML3 and CSS2.0                  								  -
-Support files : header.jpg, headerBg.jpg, bgshade.png, main.css   								  -
-Based on Chrome CSS Drop Down Menu (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)   -
-Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code                         -
-Free to use as wish - Welathanthri 'Vidu' Karunaratne                                            -
**************************************************************************************************/

body  {
	background-image:url(images/bgshade.png);
	background-repeat:repeat-x;
	background-color:#ca0a0b;
}

hr {
	height:1px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	color:#333;
	background-color:#333;
}
#container {
	background-color:#FFF;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
}

#content {
	width: 740px;
	padding:5px;
}

#header  {
	margin-right: auto;
	margin-left: auto;
	height:160px;
}

#footer {
	border-bottom: 4px solid #D10000; /*Red color theme*/
    background: transparent;
}

#footer p {
	text-align:center;
	font-size:10px;
    padding:0;
	margin-top:0;
}

#footer a {
	text-decoration:none;
	color:#C00;
}

#footer a:hover {
	text-decoration:underline;
}

.clearfloat  {
	clear:both;
}
#homeSlideShow {
	margin-right: auto;
	margin-left: auto;
}
#slide {
	border-color: Transparent; 
	border-style:none;
	overflow:hidden;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #036;
	font-size: 14px;
	font-weight:bold;

}

.header {
	color:#F22;
	font-weight:bold;
	font-size:14px;
}

.subHeader {
	font-weight:bold;
	font-size:13px;
}

.thumbs {
	width:106px;
	height:106px;
	text-align:center;
	position:relative;
	border:1px solid #666;
	background-color:#CCC;
	margin:3px;
	float:left;
}

.thumbs a img {
	margin-top:15px;
}

/* navBar only */

.navBar{
width: auto;
font-weight: bold;
font-size:14px;
line-height:18px;
}

.navBar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.navBar ul{
border: 1px solid #BBB;
width: auto;
min-width: 500px;
background: url(images/navbarbg.gif) repeat-x; /*THEME CHANGE HERE*/
padding: 3px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.navBar ul li{
display: inline;
margin-right: -4px;
padding: 0 0;
}

.navBar ul li a{
color: #FCFCFC;
background: url(images/navbar.gif) no-repeat left top;
padding: 3px 20px;
text-decoration: none;
}

.navBar ul li a:hover, .navBar ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/navbarOver.gif) no-repeat left top; /*THEME CHANGE HERE*/
}

/* Drop Down Menu ONLY*/

.dropDownMenu{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size:14px;
line-height:18px;
z-index:9999;
width: 150px;
visibility: hidden;
}


.dropDownMenu a{
width: 100%;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 3px 10px;
text-decoration: none;
font-weight: bold;
color: #FEFEFE;
background: url(images/navbar.gif) left top;
}

* html .dropDownMenu a{ /*IE only hack*/
width: 100%;
}

.dropDownMenu a:hover{ /*THEME CHANGE HERE*/
background: url(images/navbarOver.gif) left top;
}