.list1 li {padding-bottom: 10px;} 



* { margin: 0; padding: 0; }
html,body {

height: auto;
background-color:#004384;
text-align:center;
margin: 0 0 0 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#004384;
}

#viewport {
top:0px;
position:relative;
width:880px;
_height: 100%;/* underscore-hack for IE */
min-height: 100%;
height: auto;

background: #ffffff;

text-align:left;
margin: 0 auto;
padding: 0;
vertical-align:top;
}
#Arran3-02 {
background: #004384 url("../images/Arran3bc_02.jpg");
	position:relative;
	left:0px;
	top:0px;
	width:880px;
	height:131px;
}

#Arran3-04 {
background: #004384 url("../images/Arran3_04.jpg");
	position:relative;
	left:0px;
	top:0px;
	width:880px;
	height:203px;
}

#Arran3-05 {
	position:relative;
	left:0px;
	top:0px;
	width:880px;
	_height: 100%;/* underscore-hack for IE */
min-height: 100%;
height: auto;

}
#InfoBubble {
text-align:center;
background-color:#dde6ee;
color:#004384;
font-size:24px;
margin: 0px auto;
top:2px;
padding-left:10px;



}
#ContentText {

color:#004384;
font-size:14px;
height:600px;
margin: 0px auto;
padding-left:0px;




}
ul  {
margin:0px;
margin-left:10px;
margin-right:0px;
margin-top:0;
padding-left:20px;
list-style:square;

}
li   {
list-style:disc;

}
#ul_menu  {
background: #eaeef4 url("../images/Arran3menu_bg.jpg");
background-repeat:repeat-y;
margin:0px;
margin-left:10px;
margin-right:0px;
margin-top:0;
padding-left:10px;
list-style:none;
width:200px;

}
#li_menu  {
background-color:#dde6ee;
margin:0px;
margin-left:10px;
margin-right:0px;
margin-bottom:1px;
margin-top:0;
padding-left:10px;
list-style:disc;
border-bottom:solid 0px;
border-color:#FFFFFF;

}
#li_menu:hover {
background-color:#ffffff;


}

#content  {
float:right;
width:670px;
margin: 2px;
}
#content ul {
	list-style:disc;

	margin-left: 5;

	padding-left: 10;
	border: none;
	}
	
#content li {
	border-bottom: 0px solid #90bade;
	margin: 0;
	padding-left:5;
		margin-bottom:5px;
	margin-top:7px;
	
}

div#button ul ul ul,
div#button ul ul li:hover ul ul
{display: none;}

div#button ul ul li:hover ul,
div#button ul ul ul li:hover ul
{display: block;}

#button ul ul ul {

position: absolute;
vertical-align:top;
top:0px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
#button ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;

vertical-align:top;
top:0px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}


#button  {
width:200px;
top:0px;
float:left;
padding-right:2px;
text-align:left;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#button li {
	position: relative;
	border-bottom: 1px solid #90bade;
	margin: 0;
	padding: 0;

}

#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}


#calender  {
text-align:center;

}

#calender table  {
background-color:#ffffff;
min-height:300px;
width:670px;
height:300px;
text-align:center;
margin-bottom:10;
}
#calender td  {
text-align:left;
font-size:11px;
padding:1px;
font-weight:600;
height:10%;
width: 14%;
vertical-align:top;
background: #eaeef4 url("../images/Arran3menu_bg.jpg");
background-repeat:repeat-y;
background-position:left;
}

#bc_cal_div  {
background-color:#ffffff;
font-size:9px;
font-weight:100;
padding:0px;
margin: 2;
border:solid;
border-width:2px;
border-color:#0099CC;
}
#bc_cal_div_2  {
background-color:#ffffff;
font-size:9px;
font-weight:100;
padding:0px;
margin: 2;
border:solid;
border-width:2px;
border-color:#FF0000;
}
#bc_cal_div_3  {
background-color:#ffffff;
font-size:9px;
font-weight:100;
padding:0px;
margin: 2;
border:solid;
border-width:2px;
border-color:#00CC33;
}
#bc_cal_div_4  {
text-align:center;
background-color:#ffffff;
font-size:16px;
font-weight:100;
padding:0px;
margin: 2;
border:solid;
border-width:2px;
border-color:#0099CC;
}
#bc_cal_start_div  {
background-color:#ffffff;
font-size:11px;
padding:0px;
border: solid;
border-width:2px;
border-color:#FFCC00;
margin: 2;
}
#class_day  {
height:100%;
width:100%;
background-color:#74a8dc;
}
#class_day_2  {
height:100%;
width:100%;
background-color:#99CCFF;
}
#class_day_3  {
height:100%;
width:100%;
background-color:#dde6ee;
}
#class_time  {
font-weight:700;
font-size:11px;
}
#week_off  {
font-size:16px;
text-align:center;
border:dotted;
border-color:#FFCC00;
border-width:2px;
}
#menu {
 /* set width of menu */
background: #eaeef4 url("../images/Arran3menu_bg.jpg");
background-repeat:repeat-y;
width:200px;
height:100%;
top:0px;
left:0px;
padding-right:2px;
text-align:left;

} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	margin-bottom: 1px;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;


}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #2175bc;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: relative;
top: 0;
left: 5%; /* to position them to the right of their containing block */
width: 95%; /* width is based on the containing block */
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



@media screen {
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
}
#bc_cal_div_4  {
text-align:center;
background-color:#ffffff;
font-size:16px;
font-weight:100;
padding:0px;
margin: 2;
border:solid;
border-width:2px;
border-color:#0099CC; 
}