/* CSS File */

/**************************************
Main body style
***************************************/
	body {
	font-family :  Verdana, Arial, sans-serif;
	margin:0px 10px 10px 10px;
	border:0px solid #000066;
	font-size : 10pt;
	font-style : normal;
	font-weight : normal;
	background-color: #000000;
  		}
	
	
	#wrap {
	border:0px solid #000066;
	width:100%;
	position:absolute;

		}

		
	#header {
		border:0px solid #000066; 
		background:#000066;
		width:800px; 
		height:130px;
	}
		
	
	#main {
		border:0px solid #000; 
		background:#fff;
		width:800px;
		text-align : left;
		}
		
		#bg {
		border:0px solid #000; 
		background:#fff;
		width:800px;
		text-align :center;
		}

/* 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 #000066;
		border-left:2px solid #000066; 
		border-bottom:2px solid #000066;
		border-right:2px solid #000066;
		float:right;
		width:170px;
		background:#eee;
		margin:10px 5px 10px 10px;
		}
		

p,h1,h2,h3,h4 {
		margin:0px 10px 10px 10px;
		}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

		
h1.title{
		font-family :  Arial Narrow, sans-serif;
		font-size : 36pt;
    	font-style : normal;
    	font-weight : bolder;
    	color : #FFFFFF;
		margin:30px 5px 30px 20px;
		}
	h1 {
	font-size : 16pt;
	font-style : normal;
	font-weight : bolder;
	color : #000000;
	text-decoration : none;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
		}
	h2 {
	font-family :  Verdana, Arial, sans-serif;
	font-size : 14pt;
	font-style : normal;
	font-weight : bolder;
	color : #CC0000;
	text-decoration : none;
	padding-top:10px;
		}
	
	h3 {font-family :  Verdana, Arial, sans-serif;
		font-size : 12pt;
        font-style : normal;
        font-weight : bolder;
        color : #bf0000;
        text-decoration : none;
    	padding-top:10px;
		}
	h4 {font-family :  Verdana, Arial, sans-serif;
		font-size : 12pt;
        font-style : normal;
        font-weight : bolder;
        color : #000000;
        text-decoration : none;
    	padding-top:10px;
		}
	p { font-family :  Verdana, Arial, sans-serif;
		font-size : 10pt;
        font-style : normal;
        font-weight : normal;
        color : #000000;
        text-decoration : none;
    	}
		
	p.title {
		font-size : 16pt;
        font-style : normal;
        font-weight : bolder;
        color : #000066;
        text-decoration : none;
    	}
				
	#right p { 
		font-family :  Verdana, Arial, sans-serif;
    	font-size : 8pt;
        font-style : normal;
        font-weight : bolder;
        }
	
		
a:link {
	color: #CC0000;
	font-weight : bolder;
	text-decoration: none
}
a:visited {
	color: #CC0000;
	font-weight: bolder;
	text-decoration: none
}
a:hover {
	color: #FF9900;
	font-weight: bolder;
	text-decoration: underline
}
a:active {
	color: #CC0000;
	font-weight : bolder;
	text-decoration: none
}
	
		
/**************************************
footer content
***************************************/	
		
#footer {
	border-top:1px solid #000066;
	background:#333333;
	width:800px;
		}
		

.footer1 {
	font-family : Arial, Verdana, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : normal;
    color : #000;
    text-decoration : none;
	text-align: center;
               
}	
.footer2 {
	font-family : Arial, Verdana, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : bolder;
    color : #fff;
    text-decoration : none;
	text-align: center;
}


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

a.footer2:link {  color: #ffffff; font-weight : bolder; text-decoration: none}
a.footer2:visited {  color: #ffffff; 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
{
	font-weight:		bold;
	font-size :		 18px;
	font-family:		Arial, Helvetica, sans-serif;
	color:			#000000;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: left;
	padding-left: 0px;
}

.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: 14px;
	font-weight:bold;
	font-family: Verdana,Arial,Times New Roman;
	color: #333333;
}


/* 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: #CC0000;
	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}
blockquote {
}


 .Pictures{
   padding: 10px;
}