/* CSS File */

/**************************************
Main body style
***************************************/
	body {
		margin:0px 10px 0px 10px;
		background: url("../images/bg4.gif");
		font-family : Arial, Verdana, sans-serif;
    	font-size : 10pt;
    	font-style : normal;
    	font-weight : normal;
    	color : #000;
  		}
	
	
	#header1 {
		border-top:0px solid #fff;
		border-left:0px solid #fff; 
		border-bottom:0px solid #fff;
		border-right:0px solid #fff;
		background:#fff;
		background: url("../images/header_01.jpg");
		width:800px;  
		z-index:5;
		}
		
	#navigation{

 margin-top:27px;
 right:9px;
 width:153px;
 z-index:1;
 background:#fff;
 color: #ffffff;
 border-left:0px solid #000;
 }

 #header2 {
		border-top:0px solid #fff;
		border-left:1px solid #fff; 
		border-bottom:0px solid #fff;
		border-right:1px solid #fff;
		background:#fff;
		width:800px; 
		z-index:5;
		}
	
	#main {		
		border-top:0px solid #fff;
		border-left:1px solid #fff; 
		border-bottom:0px solid #fff;
		border-right:1px solid #fff;
		background:#fff;
		width:800px; 
		text-align : left;
		}

/* Looks like you have to specify the width of #menu or IE5 Mac stretches it all the way across the div, 
and Opera streches it half way. */

	#main #right {
		margin-top: 1em;
		border-top:2px solid #999;
		border-left:2px solid #999; 
		border-bottom:2px solid #999;
		border-right:2px solid #999;
		float:right;
		width:180px;
		background:#eee;
		margin:0px 5px 10px 10px;
		}
		
	#main #left {
		margin-top: 1em;
		border-left:0px solid #999; 
		border-top:0px solid #999;
		border-right:1px solid #999; 
		border-bottom:0px solid #999;
		float:left;
		width:160px;
		background:#fff;
		margin: 20px 20px 20px 10px;
		padding: 10px 10px 10px 0px;
		}
	
	p,h1,h2,h3,h4,li,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size : 18pt;
        font-style : normal;
        font-weight : bolder;
        color : #FF0000;
        text-decoration : none;
		text-align : center;
    	padding-top:10px;
		}
	h2 {
		font-size : 16pt;
        font-style : normal;
        font-weight : bolder;
        color : #FF0000;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	
	h3 {
		font-size : 14pt;
        font-style : normal;
        font-weight : bolder;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
		
	p.title {
		font-size : 18pt;
        font-style : normal;
        font-weight : bolder;
        color : #FF0000;
        text-decoration : none;
		text-align : center;
    	padding-top:10px;
		}
	p {
		font-size : 10pt;
        font-style : normal;
        font-weight : normal;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	li {
		font-size : 10pt;
        font-style : normal;
        font-weight : bolder;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-top:5px;
		}
		
	#news p { font-size:10px}
	
		
a:link {  color: #FF0000; font-weight : bolder; text-decoration: none}
a:visited {  color: #FF0000; font-weight: bolder; text-decoration: none}
a:hover {  color: #000000; font-weight: bolder; text-decoration: underline}
a:active {  color: #FF0000; font-weight : bolder; text-decoration: none}
	
		
/**************************************
footer content
***************************************/	
		
#footer {
		border-top:0px solid #fff;
		border-left:1px solid #fff; 
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		background:#fff;
		width:800px;
		}
		
 #footer2 {
		border:0px solid #000; 
		background:#fff;
		background: url("../images/header_05.jpg");
		width:800px; 
		height:18px;
		
		z-index:3;
		}
	
		
.footer1 {
	font-family : Arial, Verdana, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : normal;
    color : #FFFFFF;
    text-decoration : none;
	text-align: center;
               
}	
.footer2 {
	font-family : Arial, Verdana, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : bolder;
    color : #000000;
    text-decoration : none;
	text-align: right;
	
}


/**************************************
Links in the footer section
***************************************/
a.footer1:link {  color: #FF0000; font-weight : bolder; text-decoration: none; text-align: center;}
a.footer1:visited {  color: #FF0000; font-weight: bolder; text-decoration: underline}
a.footer1:hover {  color: #000000; font-weight: bolder; text-decoration: underline; text-align: center;}

a.footer2:link {  color: #000000; font-weight : bolder; text-decoration: none}
a.footer2:visited {  color: #000000; font-weight: bolder; text-decoration: underline}
a.footer2:hover {  color: #FFFFFF; font-weight: bolder; text-decoration: underline}


div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }


/**************************************
For the texts of MyOffice, departments and item list
***************************************/

.listHeader 
{
	font-size: 10pt;
	font-weight:bold;
	font-family: Verdana,Arial,Times New Roman;
    	color: black
}

/* for the item short description on the item list */
.description
{
	
	color: black;
	font-size :	 9px;
	font-family: Verdana,Arial,Times New Roman;	
}


/* Shopping cart and Schedule top row background color */
.cartTopBgcolor
{
	background-color:	#ED0C06;
	font-weight:		bold ;
	font-size :		 	12px;
	font-family:		Verdana,Arial,Times New Roman;	
	color:				white;
}

/* Shopping cart middle row background color */
.cartMiddleBgcolor
{
	background-image:	url("../images/bg1.gif");
	font-weight:		bold ;
	font-size :		 	12px;
	font-family:		Verdana,Arial,Times New Roman;
	color:				black;
}

/* Shopping cart bottom row background color */
.cartBottomBgcolor
{
	background-color:	#CCCCCC;
	font-weight:		bold ;
	font-size :		 	12px;
	font-family:		Verdana,Arial,Times New Roman;	
	color:				black;
}

/* color and bgcolor for the Class names row in classSchedule.aspx */
.classesName
{
	background-color:	#F7BBBA ;
	font-weight:		bold ;
	font-size :		 	11px;
	font-family:		Verdana,Arial,Times New Roman;	
	color:				black;
}

.price
{
	font-weight:bold ;
	font-family: Verdana,Arial,Times New Roman;
    color: yellow ;
}



.textwhite {
    font-size: 11pt;
    font-family: Verdana,Arial,Times New Roman;
    color: #FFFFFF;
}


/* for the department -> category -> item text */
.category
{
	font-size: 12px;
	font-weight:bold;
	font-family: Verdana,Arial,Times New Roman;
	color: #3366ff;
}


/* For each link in the Department (category) list */
a.category:link, a.category:visited, a.category:active, a.category:hover
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #3366ff;
	font-weight: bold
}


/* For each link in the Department (subcategory) list */
a.subcategory:link, a.subcategory:visited, a.subcategory:active, a.subcategory:hover
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #333366
}

.small 
{
	font-size: 10pt;
	font-family: Verdana,Arial,Times New Roman;
	color: blue;
}


.x-small
{
	font-size: 9px;
    font-family: Verdana,Arial,Times New Roman;
}
.xx-small
{
	font-size: 10px;
    font-family: Verdana,Arial,Times New Roman;
}


img
{
	border:0;
}
tr.hi {background-color: #C3D6F6}
tr.lo {background-color: #FFFFFF}