@import url(admin/admin-style.css); /*-- DO NOT REMOVE --*/

/*colours

Purple - standard purple for text etc - #542C87;
Light Purple - backgrounds						- #DCD2F3;
Light Grey - search form						 	- #C2C2C2;
V light Grey - L&R columns						- #E4E4E4;
Footer Grey														- #9F9F9F;
Grey - standard content text colour		- #262626;
Green - warning messages 							- #00A94F;
Dark Grey - header menu background		- #595959;
light pink - breadcrumb background		- #F2DFFF;
Very light pink - body background			- #F9F0FF;
light pink grey - listing separators	- #947EB1;
*/

/* standard overrides */
* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	background-color: white;
	color: #262626;
}

form {
	margin: 0px;
	padding: 0px;
}

input, select, textarea {
	font-size: 100%;
	padding-left: 3px;
}

a, a * {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*color for a links that are marked as highlighted*/
a.highlight {
	color: #542C87;
}

a:hover.highlight {
	text-decoration: underline;
}

/*color for highlighted text*/
.highlight {
	color: #542C87;
}

/*color for warning text*/
.warning {
	color: #00A94F;
}

h1 {
	color: #542C87;
	font-size: 130%;
	margin: 0px;
	padding: 5px 0px;
}

h2 {
	color: #542C87;
	font-size: 100%;
	margin: 0px;
	font-weight: bold;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 105%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	font-weight:normal;
}

hr {
	height: 1px;
	border: 0px;
	color: #b7b7b7;
	background: #b2bcbd;
}

/* end standard overrides */


/* standard styles */
#container {
	width: 773px;
	margin: 1px;
	margin-left: auto;
	margin-right:auto;
}

 /*styles the standard text fields for the site*/
.textfield {
	color: #262626;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
}

/*styles form labels for use on the site*/
.formlabel {
	margin-top: 6px;
	color: #262626;
}

/*styles sitewide fieldsets*/
fieldset {
	color: #262626;
	border:1px solid #DCD2F3;
	padding: 0px 6px 6px 6px;
}
/* end standard styles */


/* header styles */
#header { float: left; }

#elrp {
	float: left;
	width: 582px;
}

#ocn {
	float: left;
	width: 170px;
	padding-top: 10px;
	padding-left: 21px;
}
/* end header styles */

/*container for the menu*/
.menu_container {
	width: 773px;
	float: left;
	background-image: url(images/menu_bg.gif);
	border-top: 1px solid white;
}

/* nav row styles */
#navRow {
	float: left;
	width: 565px;
	padding-left: 18px;
	/*background-image: url(images/menu_bg.gif);*/
	margin-top: 1px;
	margin-bottom: 1px;
}

/*Style for the purple tagline in top menu
total width: 582px*/
.tagline{	
	float: left;
	background-color: #542C87;
	width: 562px;
	padding: 3px 0px 3px 20px;
	border-bottom: 1px solid white;
}
/*fullwidth version of the tagline*/
.taglineWIDE{
	float: left;
	background-color: #542C87;
	width: 753px;
	padding: 3px 0px 3px 20px;
}
.taglineSearch{	
	float: left;
	background-color: #542C87;
	width: 570px;
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid white;
	color: White;
	font-weight:bold;
}

.unitsearch, .unitsearchgridlefttitle, .unitsearchgridleftdetail{
	background-color:#F2DFFF;
	padding-left:10px;
	padding-bottom:5px;
	color:#542C87;
	font-weight:bold;
}

.unitsearch, .unitsearchgridlefttitle, .unitsearchgridleftdetail ul{
	padding-left:10px;
}

.unitsearch label {
	float: left;
	margin-right: 10px;
	clear: left; 
	width: 150px;
	padding-top: 6px;
}

.unitsearch select, .unitsearch input {
	float: left;
	margin-top: 2px;
}

.unitsearchsnippet{
	background-color: White;
	width:580px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	color:#542C87;
	font-weight:bold;
}

.unitsearchresultgrid{
	background-color: #DCD2F3;
}

 .unitsearchcenterdetailheading{
	background-color: #F2DFFF;
	border: solid 1px silver;
	margin-bottom: 5px;
	border-collapse:collapse;
	border-spacing:0px;
	width:570px;
	clear:both;
}

.unitsearchresultgriddata td {
	background-color:White;
}

.unitsearchresultheadinggrid td {
	color:#542C87;
	font-weight:bold;
}

.unitsearchgridlefttitle {
	width: 120px;
	border-bottom: solid 1px silver;
}

.unitsearchgridleftdetail {
	width: 450px;
	background-color:White;
	color:Black;
	border-bottom: solid 1px silver;
	border-left: solid 1px silver;
}

.unitsearchcenterdetailheading td{
	color:#542C87;
	font-weight:bold;
	border-left:solid 1px silver;
	border-bottom: solid 1px silver;
	width: 285px;
	padding-left:10px;
}

.unitsearchcenterdetail td.title{
	width: 200px;
}

.unitsearchcenterdetail td.narrow{
	width: 20px;
}

.unitsearchcenterdetail td{
	background-color:White;
	color:Black;
	font-weight:normal;
}

.unitlearningoutcomes{
	padding: 5px;
}

.unitgradinginfo table{
	width: 260px;
}

.unitgradinginfo{
	padding: 5px;
}

/*Class for styling the banner images*/
.banner_image{
	border-right: 1px solid white;
}

/*Style for the search box container
total width: 190px*/
.search {
	float: right;
	width: 190px;
}

#searchForm {
	background-color: #C2C2C2;
	color: #262626;
	width: 182px;
	padding: 0px 4px 3px;
	border-bottom: 1px solid white;
}

#searchForm .font-changer {
	list-style:none;
	margin: 0px;
	padding: 0px 10px;
}
.font-changer li {
	display: inline;
	padding: 0px 14px;
	margin: 0px;
}
.font-changer li a img{
	border: none;
}

#searchKeywords {
	border: 0px;
	width: 154px;
	margin-right: 3px;
}

a.navLink {
	color: white;
	font-size: 90%;
	font-weight: normal;
}

#navRow a.highlight {
	color: #DCD2F3;
}

#navRow ul {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#navRow ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 1.5em;
	background-image: url(images/small_white_square.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.4em;
}

#navRow ul li a {
	color: white
}

#nav1 {
	float: left;
	width: 174px;
	margin-right: 1px;
}

.nav2And3 {
	float: left;
	width: 194px;
	margin-right: 1px;
}

#nav4 {
	float: left;
	width: 190px;
	color: white;
	/*font-size: 90%;*/
}

#nav4 ul {
	list-style-type: none;
	margin: 5px 0px 5px 4px;
	padding: 0px 0px 0px 0px;
}

#nav4 ul li {
	float: left;
	margin: 0px 0px 3px 0px;
	padding: 0px 16px 0px 10px;
	background-image: url(images/large_white_square.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	font-size: 100%;
	font-weight: bold;
}

/*total width: 26px*/
#homeLink {
	width: 18px;
	float: left;
	padding-left: 7px;
	margin-top: 5px;
}
/* end nav row styles */


/* content styles */
.content, .content_whiteleftcol, .content_whitebothcol, .content_whiterightcol{
	float: left;
	background-repeat: repeat-y;
	margin-bottom: 1px;
}
.content {	
	background-image: url(images/content_bg.gif);	
}

.content_whiteleftcol {
	background-image: url(images/content_bg_whiteleftcol.gif);
}

.content_whiterightcol {
	background-image: url(images/content_bg_whiterightcol.gif);
}
/*Pink background for pages - to show through the background image chosen above*/
.content_style_1{
	background-color: #F9F0FF;
}
/*white background for pages - to show through the background image chosen above */
.content_style_2{
	background-color: white;
}

/*container for the breadcrumb
total width 391px*/
#breadcrumb, #breadcrumbWIDE {
	float: left;
	width: 381px;
	padding: 5px 0px 5px 9px;
	color: #542C87;
	font-size: 90%;
	background-color: #F2DFFF;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#breadcrumb a, #breadcrumbWIDE a{
	color: #542C87;
}
/*total width: 581px;*/
#breadcrumbWIDE {
	width: 572px;
}

.leftCol {
	float: left;
	width: 192px;
	border-top: 1px solid white;
}
.leftCol-logo {
	float: left;
	width: 192px;
	margin-top:-1px;
}
/*container to format general text/content for the LH col
Total width: 192px*/
.leftColContent {
	float: left;
	padding: 6px 6px;
	width: 180px;
}

.leftColImg {
	border-bottom: 1px solid white;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}

/*container for the left hand menu*/
#lhmenu {
	float: left;
	width: 192px;
	font-family:verdana, arial, Helvetica, sans-serif;
}

/*left hand menu list styles*/
#lhmenu ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #DCD2F3;
}

#lhmenu ul ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 0px;
}

#lhmenu ul li {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 3.3em;
	background-image: url(images/small_purple_square.gif);
	background-repeat: no-repeat;
	background-position: 2.3em 0.7em;
	border-bottom: 1px solid white;
	
}

#lhmenu ul ul li {
	margin: 0px 0px 2px 0px;
	padding: 4px 0px 4px 1.3em;
	background-image: url(images/purple_submenu.gif);
	background-repeat: no-repeat;
	background-position: 0.3em 0.7em;
	border-bottom: 0px;
}

.midCol, .midColWithHeaderBG {
	float: left;
	width: 391px;
}

.midColWithHeaderBGWIDE {
	float: left;
	width: 581px;
}

.midColMainText{
	float: left;
	width: 376px;
	padding: 5px 6px 30px 9px;
}

.midColMainTextWIDE{
	float: left;
	width: 566px;
	padding: 5px 6px 30px 9px;
}


/*style to force rebellious content to fit nicely on wide pages*/
.WIDE{
	width: 566px;
}
/*style for normal width content*/
.NORMAL{
	width: 376px;
}

.horizontalrule{
	border-bottom: 1px solid #947EB1;
	font-size: xx-small;
}

#lhmenu ul li a{
	font-size: 90%;
}

/*styles the selected lhmenu item*/
.lhmenu_selected{
	color: #262626;
}

.lhmenu_selected a{
	/*color: white;*/
}

/*styles list items in the lh column, such as contacts
total width: 192px*/
.lhmenu_list_item {
	float: left;
	width: 176px;
	background-color: #DCD2F3;
	padding: 6px 8px;
	border-bottom: 1px solid white;
	color: #542C87;
	/*font-size: 90%*/
}

.lhmenu_list_item a{
	color: #542C87;
}

.lhmenu_list_item a.highlight{
	color: #542C87;
}

.midColWithHeaderBG {
	/*background-image: url(images/content_bg.jpg);
	background-position: 1px 0px;
	background-repeat: no-repeat;*/
}

.rightCol {
	float: left;
	width: 190px;
	border-top: 1px solid white;
}

/*container to format general text/content for the RH col
Total width: 190px*/
.rightColContent {
	float: left;
	padding: 6px 6px;
	width: 178px;
	color: #262626;
}

/*used for right col page images (e.g. on the news article page)*/
.rightColImg {
	margin-bottom: 1px;
}

.rightColSectionHeading {
	display: block;
	padding: 0.2em 0px 0.2em 1.5em;
	background-color: #542C87;
	color: white;
	font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;;
	letter-spacing: 0.2em;
	background-image: url(images/small_white_square.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.7em;
	font-size: 90%;
}

/*styles list items in the rh column, such as documents/ links
total width: 190px*/
.rhmenu_list_item {
	float: left;
	width: 180px;
	background-color: #DCD2F3;
	padding: 6px 5px;
	border-bottom: 1px solid white;
	color: #542C87;
	font-size: 90%
}

.rhmenu_list_item a{
	color: #542C87;
}

.rhmenu_list_item a.highlight{
	color: #542C87;
}

/*Styles the individual document items in the list*/
.document_list_item{
	float: left;
	width: 156px; 
	padding-left: 3px; 
	padding-right: 3px;
}

/*override style for a listing that has been placed in the main body instead of the 
RHCOl due to wide page mode being on*/
.midColMainTextWIDE .rhmenu_list_item{
	background-color: transparent;
	width: 556px;
	/*width: 180px;*/
	border-bottom: 0px;
	padding: 4px 5px;
}
.midColMainTextWIDE .document_list_item{
	width: 500px;
}

/*used to display a heading (such as downloads or links)
total width: 190px*/
.rhmenu_heading {
	width: 173px;
	display: block;
	padding: 5px 0px 5px 17px;
	background-color: #DCD2F3;	
	color: #542C87;
	background-image: url(images/small_purple_square.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.8em;
	border-bottom: 1px solid white;
	font-size: 90%;
}

/*used to display a heading (such as above the login form)
total width: 192px*/
.lhmenu_heading {
	width: 175px;
	display: block;
	padding: 5px 0px 5px 17px;
	background-color: #DCD2F3;	
	color: #542C87;
	background-image: url(images/small_purple_square.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.8em;
	border-bottom: 1px solid white;
	font-size: 90%;
}

/*used to display a linked heading (such as above the login form)
total width: 192px*/
.lhmenu_heading_link {
	width: 169px;
	display: block;
	padding: 5px 0px 5px 23px;
	background-color: #595959;	
	color: white;
	background-image: url(images/small_white_square.gif);
	background-repeat: no-repeat;
	background-position: 12px 0.8em;
	border-bottom: 1px solid white;
	font-size: 90%;
}
.lhmenu_heading_link a{
	color: white;
}

/*used to display a linked heading that masquerades as a lhmenu item
total width: 192px*/
.lhmenu_heading_link_menu, .lhmenu_heading_link_menu_selected {
	width: 169px;
	display: block;
	padding: 5px 0px 5px 23px;
	background-color: #DCD2F3;	
	color: #542C87;
	background-image: url(images/small_purple_square.gif);
	background-repeat: no-repeat;
	background-position: 12px 0.8em;
	border-bottom: 1px solid white;
	font-size: 90%;
}
.lhmenu_heading_link_menu a{
	color: #542C87;
}
/*styles the selected lhmenu item*/
.lhmenu_heading_link_menu_selected{
	color: #262626;
}

.lhmenu_heading_link_menu_selected a{
	color: #262626;
}

/*used to display a grey heading (such as above the login form)
total width: 192px*/
.lhmenu_heading_dark{
	width: 175px;
	display: block;
	padding: 0.2em 0px 0.2em 17px;
	background-color: #542C87;
	color: white;
	font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;;
	letter-spacing: 0.2em;
	background-image: url(images/small_white_square.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.7em;
	font-size: 90%;
}

.lhmenu_heading_dark a{
	color: white;
}

.contentText {
	color: #262626;
}

.introText {
	color: #542C87;
	font-size: 110%;
}

.introText p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
	padding-bottom: 0px;
}
/* end content styles */




/* footer styles */
#footer {
	color: #262626;
}

#footerLeftCol {
	float: left;
	width: 158px;
	padding-top: 17px;
	padding-left: 14px;
}

#footerMidCol {
	float: left;
	width: 120px;
	padding-left: 4px;
	padding-top: 7px;
}

#footerRightCol {
	float: left;
	width: 444px;
	padding: 14px 23px 0px 10px;
	font-family: "Trebuchet MS", verdana, arial, Helvetica, sans-serif;
	text-align: left;
}

#nocn {
	float: left;
	width: 77px;
	background-color: green;
}
/* end footer styles */


/* header and footer duplicated nav bar */
.headerFooterBar {
	width: 742px;
	background-color: #542C87;
	padding: 6px 11px 6px 20px;
	margin-bottom: 1px;
	float:left;
}

.headerFooterLinks { float: right; }

.headerFooterLinks ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.headerFooterLinks ul li {
	float: left;
	margin: 0px;
	padding: 0px 1.5em 0px 1.3em;
	background-image: url(images/large_white_square.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	font-size: 100%;
	font-weight: bold;
}
/* end header and footer duplicated nav bar */


/* list styles */
ul.rightColListing {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.rightColListing li {
	background-color: #DCD2F3;
	border-bottom: 1px solid white;
	padding: 5px 5px 7px 5px;
	color: #542C87;
}

.rightColListingItemTitle {
	color: #542C87;
}
/* end list styles */

/*--------------Calendar List Styles------------*/
/*inner ul*/
.MonthList{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #DCD2F3;
}

.ActiveMonth a, .NormalMonth a, .NormalYear a, .ActiveYear{
	color: #542C87;
}
/*list item*/
.ActiveMonth{
	margin: 0px 0px 2px 0px;
	padding: 4px 0px 4px 2.3em;
	background-image: url(images/small_purple_square.gif);
	background-repeat: no-repeat;
	background-position: 1.0em 0.7em;
	border-bottom: 1px solid white;
	font-size: 90%;
	float: left;
	width: 169px;
}
.ActiveMonth a{color: #262626;}

/*list item*/
.ActiveYear{
	margin: 0px 0px 2px 0px;
	padding: 4px 0px 4px 2.3em;
	border-bottom: 1px solid white;
	font-weight: bold;
}
/*list item*/
.NormalMonth{
	margin: 0px 0px 2px 0px;
	padding: 4px 0px 4px 2.3em;
	background-image: url(images/small_purple_square.gif);
	background-repeat: no-repeat;
	background-position: 1.0em 0.7em;
	border-bottom: 1px solid white;
	font-size: 90%;
	float: left;
	width: 169px;
}
/*list item*/
.NormalYear{
	margin: 0px 0px 2px 0px;
	padding: 4px 0px 4px 2.3em;
	border-bottom: 1px solid white;
	font-weight: bold;
}
/*outer ul*/
.Years{
	list-style-type:	none;
	margin-left:	0px;
	padding-left: 0px;
	margin-top: 0px;
	background-color: #DCD2F3;
	float: left;
}

/*-------------- listings styles -------------- 
	listings are used by the news and events, and any content that requires a standardised listing
*/

/*container for each individual listing*/
.listing {
	float: left;
	width: 376px;
	padding: 6px 0px;

}
/*version for no rh column*/
.listing_wide{
	float: left;
	width: 566px;
	padding: 6px 0px;
	
}

/*container for a listing thumbnail
total width: 72px;*/
.listing_thumbnail_container {
	float: left;
	width: 70px;
	margin: 0px 12px 6px 0px;
}
.listing_image{
	border: 1px solid #542C87;
}

/*container for the listing summary text - used when there is a thumbnail image
total width: 306px*/
.listing_text {
	float: left;
	width: 294px;
	padding: 0px 6px;	
}

/*alternate container for the listing text when there is no thumbnail image
total width: 376px*/
.listing_text_wide {
	float: left;
	width: 376px;
	padding: 0px 0px;
}

/*force the paragraph to fit better for the listing summary*/
.listing_summary p{
	margin-top: 2px;
	margin-bottom: 2px;
	
}

/*container for the listing summary text - used when there is a thumbnail image
and no rh column
total width: 488px*/
.wide_listing_text {
	float: left;
	width: 476px;
	padding: 0px 6px 12px 0px;	
	color: #542C87;
	border-bottom: 1px solid #947EB1;
}

/*alternate container for the listing text when there is no thumbnail image
and no rh column
total width: 560px*/
.wide_listing_text_wide {
	float: left;
	width: 560px;
	padding: 0px 0px 12px 0px;
	color: #542C87;
	border-bottom: 1px solid #947EB1;
}

/*---------paging for the listing---------------------*/
.list_paging{
	float: right;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #542C87;
}

.paging_number {	
	border: 1px solid #542C87;
	padding: 0px 4px;
	background-color: #542C87;
	font-weight: bold;
	color: white;
	margin-right: 4px;
}
.paging_number a{color: white;}

.paging_selected_number {
	border: 1px solid #542C87;
	padding: 0px 4px;
	background-color: #DCD2F3;
	font-weight: bold;
	margin-right: 4px;
}
/*container for the prev/next paging*/
.prevnext_paging{
	float: right;
}
/*style for a purple button*/
.button_purple{
	float: left;
	width: 110px;
	color: white;
	font-weight: bold;
	background-color: #542C87;
	border: 1px solid #542C87;
	padding: 1px 1px 1px 6px;
}
.button_purple a{ color: white; text-decoration: none; }
.button_purple a:hover{ color: white; text-decoration: none; }
/*style for a white button*/
.button_white{
	float: right;
	width: 100px;
	color: #542C87;
	font-weight: bold;
	border: 1px solid #542C87;
	padding: 1px 6px;
	margin-left: 6px;
}
.button_white a:hover{ 
	text-decoration: none; 
}
/*container for the buttons for an article*/
.article_buttons_container{
	float: left;
	width: 566px;
	padding-bottom: 14px;
	padding-top: 6px;
	margin-bottom: 12px;
	border-bottom: 1px solid #947EB1; 
}

/*styling for an image in the body text - e.g. news article*/
.bodytextImage {
	border: 1px solid #542C87;
	margin: 0px 12px 12px 0px;
	float:left;
}
/*----------------------search styles-----------------*/
/*the container for the search group*/

.searchListing {
	float: left;
	width: 376px;
	padding: 3px 0px;
	background-color: #DCD2F3;
	margin-top: 3px;
}

/*The section heading for the search*/
.searchSectionHeading {
	text-transform: uppercase;
	font-size: 100%;
	float: left;
	width: 306px;
	padding-left: 6px;
	
}

/*the container for the search text summary for search results
total width 376px*/
.searchText {
	float: left;
	width: 352px;
	padding: 4px 12px;
}

/*_______________________________Sitemap______________________
Here we style the ul and li elements that make up the sitemap*/

/*Container for the sitemap
Total width:376px*/
#sitemap_container {
	padding: 0px 0px;
	margin-left: 12px;
	width: 376px;
}

#AlphaNav {
	width: 376px;
	padding: 0px 0px 20px 0px;
}

#AlphaNav a{
	color: #542C87;
	padding: 3px 5px;
	background: #DCD2F3;
	font-weight: bold;
	text-decoration: none;
	font-size: 86%;
}

.sitemapelement{
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	margin-bottom: 2px;
	margin-top: 2px;
}

#sitemap_container ul {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	list-style-type: none;
	font-weight: bold;
	
}

#sitemap_container ul li{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}

#sitemap_container ul a{
	text-decoration: none;
}

#sitemap_container ul a:hover{
	text-decoration: underline;
}

#sitemap_container ul ul{
	list-style-type: square;
	color:  #542C87;
	font-weight: normal;
	padding: 1px 0px 1px 30px;
}

#sitemap_container ul ul li{
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

/*-----------------------Offices---------------------------*/
/*container for the three offices*/
.offices_container{
	float: left;
	width: 566px;
	border-top: 1px solid #542C87;
	padding-top: 15px;
	margin-top: 15px;
}

.office{
	float: left;
	width: 157px;
	border-right: 1px solid #947EB1;
	margin-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

/*-----------------------Uploads listing-----------------*/


.listing_table{
	width: 566px;
	border: 1px solid white;
}

.listing_header{
	background-color: #542C87;
	color: white;
}

/*style the results alternately*/
.listing_style1{
	background-color: #F2DFFF;
	/*#F9F0FF;*/
}
.listing_style2{
	background-color: white;
}

/*set some padding*/
#listing_container td{
	padding: 3px 6px 3px 9px;
}

.listing_cell{
	color: #542C87;
}
/*style to indicate a file has been downloaded*/
.downloaded{
	color: #00893A;
}

/*-----------------------table styles---------------------*/
/*
#container table{
	border: 0px;
	padding: 0px;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
	width: 376px;
}

#container td{
	background-color: #9C9EA5;
	border-bottom: 1px solid #5A595A;
	border-right: 1px solid #5A595A;
	border-top: 1px solid #C6C7C6;
	border-left: 1px solid #C6C7C6;
	margin: 0px;
	padding: 6px 6px;
	color: white;
}*/


/* base classes */
a { color: #542C87; }
a.clean, a.veryclean {  text-decoration: none; }
a:hover.clean { text-decoration: underline; }
.sml { font-size: 90%; }
.strong { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.clearer { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.hidden { display: none; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.hidden { display: none; }
.inactive, .inactive *, .inactive a { color: silver; }
.whiteText { color: white; }
.blackText { color: black; }
.darkgrey { background-color: #6d6d6d;}
.lightgrey { background-color: #bfbfbf;}
.lightergrey { background-color: #ddd;}
.noul { text-decoration: none; }
.noul:hover { text-decoration: underline; }
.floatLeft { float: left; }
.floatright { float: right; }
.floatleft { float: left; }
.floatRight { float: right; }
.noborder { border: 0px; }
.paddingTop { padding-top: 10px; }
.paddingBottom { padding-bottom: 10px; }
.marginTop { margin-top: 10px; }
.marginBottom { margin-bottom: 10px; }
.indent { padding-left: 13px; }
.ucase { text-transform: uppercase; }
.clearboth {
	clear: both;
	font-size: 1px;
	line-height: 0px;
}
.horizontalList li { display: inline; }
.ieWinItalicsBugFix { overflow: visible; }
/* Only visible by IEWin \*/
* html .hollyhack {height: 1%;}
/* End hide from IE5-mac */ 
/* end base classes */