/* CSS File */

/**************************************
Main body style
***************************************/
	body {
		margin:0px 0px 0px 0px;
		background: #000000;
		/*background: url("../images/bg1.gif");*/
		font-family :  Verdana, Arial, sans-serif;
    	font-size : 10pt;
    	font-style : normal;
    	font-weight : normal;
    	color : #1C3E59;
  		}
	
	
	#header {
		border:0px solid #000; 
		background: #244765;
		background: url("../images/bg.jpg");
		/*width:800px; */
			}
		
	#main {
		border:0px solid #000; 
		background: #244765;
		/*width:800px; */  
		text-align : left;
		}
	#news {
		border:0px solid #000; 
		background: #FFFFFF;
		width:800px;  
		text-align : left;
		padding:0px 10px 0px 10px;
		}

/* 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-left:2px solid #FFCC00; 
		border-top:2px solid #FFCC00;
		border-right:2px solid #FFCC00; 
		border-bottom:2px solid #FFCC00;
		float:right;
		width:170px;
		background:#eee;
		margin:0px 5px 10px 10px;
		}
		
	#main #left {
		margin-top: 1em;
		border-left:2px solid #FFCC00; 
		border-top:2px solid #FFCC00;
		border-right:2px solid #FFCC00; 
		border-bottom:2px solid #FFCC00;
		float:left;
		width:180px;
		background:#eee;
		margin: 10px 10px 10px 5px;
		}
	
	p,h1,h2,h3,h4,li,hr {
		margin:3px 10px 3px 10px;
		}
		
	h1 {
		font-family :   Arial, Verdana, sans-serif;
		font-size : 16pt;
        font-style : normal;
        font-weight : bolder;
        color : #00c0ff;
        text-decoration : none;
		text-align : center;
    	padding-top:10px;
		}
	h2 {font-family :   Arial, Verdana, sans-serif;
		font-size : 14pt;
        font-style : normal;
        font-weight : bolder;
        color : #66CCFF;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	
	h3 {font-family :   Arial, Verdana, sans-serif;
		font-size : 14pt;
        font-style : normal;
        font-weight : bolder;
        color : #FFFFFF;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	h4 {font-family :   Arial, Verdana, sans-serif;
		font-size : 12pt;
        font-style : normal;
        font-weight : bolder;
        color : #FFFFFF;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	p {
		font-size : 10pt;
        font-style : normal;
        font-weight : normal;
        color : #d0e9ff;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
		
	p.box {font-family :   Arial, Verdana, sans-serif;
		font-size : 8pt;
        font-style : normal;
        font-weight : normal;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-left:5px;
		}
	h4.box {font-family :  Verdana, Arial, sans-serif;
		font-size : 10pt;
        font-style : normal;
        font-weight : bolder;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-left:5px;
		}
	li {
		font-size : 10pt;
        font-style : normal;
        font-weight : bolder;
        color : #FFFFFF;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
		
a:link {  color: #00c0ff; font-weight : bolder; text-decoration: none}
a:visited {  color: #00c0ff; font-weight: bolder; text-decoration: none}
a:hover {  color: #FFFFFF; font-weight: bolder; text-decoration: underline}
a:active {  color: #00c0ff; font-weight : bolder; text-decoration: none}

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

		
/**************************************
footer content
***************************************/	
		
#footer {
		border-top:0px solid #999;
		background:#244765;
		/*width:800px; */
		}
		

.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: center;
}


/**************************************
Links in the footer section
***************************************/
a.footer1:link {  color: #00c0ff; font-weight : bolder; text-decoration: none; text-align: center;}
a.footer1:visited {  color: #00c0ff; font-weight: bolder; text-decoration: underline}
a.footer1:hover {  color: #FFFFFF; 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
***************************************/

/* the header bgcolor of category list and item list */
TD.bgcolor
{
	background-image: url("../images/bg1.gif") ;
}
/* For the header text of the department 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 top row background color */
.cartTopBgcolor
{
	background-color:	#003399;
	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 in classSchedule.aspx */
.classesName
{
	background-color:	#99CCFF ;
	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: #FFCC00;
}


.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}



.title {
		font-family : Arial, Verdana, sans-serif;
        font-size : 18pt;
        font-style : normal;
        font-weight : bolder;
        color : #FFCC00;
        text-decoration : none;
		text-align : center;
       }
		
.header2 {
		font-family : Arial, Verdana, sans-serif;
        font-size : 13pt;
        font-style : normal;
        font-weight : bolder;
        color : #ffffff;
        text-decoration : none;
		text-align : left;
         }