/********** Global Styles **********/

html,body {
   font-family:     Verdana, "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
   font-size:       90%;	/* Allow IE/Win to resize the document */
   color:           black;
   background:      #f6f1dd;
   margin:          0;
   padding:         0;
   border:          none;
}
#wrapper {
	width: 850px;
	margin-left: auto;
	margin-right:auto;
    height:auto;
	text-align:	left; /* re-align text left for above hack */
	/* background-image: url(../graphics/background.gif); */
    color:#333333;
    border:1px solid #CCCCCC;
    padding:0px;
    margin: 0 auto;
}
.hidden {		/* Used for content that should be displayed */
				/* by non-stylesheet-aware browsers * Top Buttons          */
   display:         none !important;
}

/* Headings */

h1,				/* Headings (H1-H6) should only be used in */
h2,				/* the main content area                   */
h3 {
	color:			#0066ff;
	background:		transparent;
   font-weight:     bold;
   margin:          0.5em 0 0 0;
   padding:         0;
}
h1 {	color:#000066;} /* Dark Blue */
h4,
h5,
h6 {
   font-weight:     bold;
   margin:          1.25em 0 0 0;
   padding:         0.5em;
}

h1,
h2,
h5
h6 { text-align: left }

h3,h4 { text-align:center  }


h1 { font-size:     160% }
h2 { font-size:     145% }
h3 {font-size:      140% }
h4 { font-size:     105% }
h5 { font-size:     80%  }
h6 { font-size:     65%  }

/* Block elements */

p {
   margin:          1em 0;
   padding:         0;
   color:#333333;
}
.red {
	color:#CC0066; 
}
.clear {
	clear:		both;
}
hr {
   color:           #999999;
   background:      transparent;
   height:          1px;	/* Required for IE/Win */
   margin:          1em 0;
   padding:         0;
   border-color:    #999999;
   border-width:    1px;
   border-style:    none none solid none;
}

hr.lighter {			/* Warning: not printed out on paper */
   color:           #F0F0F0;
   background:      transparent;
   border-color:    #F0F0F0;
}
/* Anchors Used just top Navigation */

a:link {
	text-decoration: none;
	color:           #0066ff;  /*  LH Nav text  */
	background:      transparent;
	font-weight: 	 bold;
}

a:visited {
   text-decoration: none;
   color:           #003399;
   background:      transparent;
	font-weight:	bold;
}

a:hover,
a:active {
   text-decoration: underline;
}


/* Inline elements and classes */
.title {			/* Title in floating boxes / left sidebar */
   font-weight:     bolder;
   font-size:		130%;

}
/*  vCard Layouts */
.vcard {
	width:		300px;
	border:		5px solid #c5ae6a;
	padding:	10px;
	margin:		5px;
}
/* Block-inline elements */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}
/*
img.left {			 Left-floating images 
   margin:          2.5em 1.5em 0.75em 1.0em;
   float:           left;
} 

img.right {			 Right-floating images 
   margin:          0.75em 0 0.75em 1.5em;
   float:           right;
}  */

/* Lists */
ul {
   list-style:      square outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}
ul ul {
   margin-top:      0;
   margin-bottom:   0;
}

li {
   margin:          0;
   padding:         0;
}
/********** Styles for Main Content **********/

#main {
   text-align:      justify;
   line-height:     1.5;
   color:           black;
   background:      white;
   margin:          0 0 0 12.5em;
   padding:         0.25em 0.5em 0.5em 0.5em;
   border-left:     1px solid #999999;
}

#main .highlight {		/* Highlight box (for warnings, etc) */
   color:           inherit;
   background:      #F0F0F0;
   margin:          1em 0;
   padding:         1em 2.5em;
   border:          1px solid #999999;
}


/* Other styles related to the main content */

#mainlink {			/* "Skip to main content" link */
   display:         none !important;
}

#endmain {
   visibility:      hidden;
   clear:           both;	/* Doesn't always work under IE/Win */
}


/********** Styles for Floating Boxes **********/

				/* "navbox" is used to provide intra/inter- */
				/* page links; it is NOT printed out on     */
				/* paper.  "floatbox" is used to provide    */
				/* floating boxes that may appear anywhere  */
				/* in the main content; they ARE printed.   */
#address {
	font-size:	1.0em;
	font-weight:bold;
	padding:  	1px 0 2px 0;
	width:		655px;
	height:		250px;
	float:		left;
}
.addresstextbox {
		width: 230px;
		margin:0px;
		float:left;
}
.ukmapbox {
		width: 70px;
		height:120px;
		float:left;
		margin-top: 30px;
		margin-left 30px;
		padding-top:40px;
}

.floatboxhome {
	overflow:        visible;
	font-size:       95%;
	margin:          0 0 0.75em 1.0em;
	padding:         0;
	border:          5px solid #c5ae6a;
	float:           left;
	color:           black;
	width:           320px;
	background-color: #F8F2E0;
	float:			right;
}
.floatboxcox {
   overflow:        visible;
	width:			300px;   
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0 0.0 1.5em;
   padding:         0.5em 1em;
   border:          5px solid #c5ae6a;
   float:           right;
}

.floatboxinstructorsleftouter {
	overflow:        visible;
	font-size:       95%;
	margin:          0 0 0.75em 0.0em;
	padding:         0;
	float:           left;
	width:           650px;
}
.floatboxinstructorsleft {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0.75em 0.75em 0.25em;
   padding:         0;
   border:          5px solid #c5ae6a;
   float:           left;
   clear:           left;
}
.floatboxinstructorsright {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0.1em 0.75em 1.0em;
   padding:         0;
   border:          5px solid #c5ae6a;
   float:           right;
   clear:           right;
	width:			250px;
}
.floatinstructorsthumb {
   overflow:        visible;
   width:			600px;   
   font-size:       100%;
   margin:          0 0.1em 0.75em 1.0em;
   padding:         0 2em 0 0;
   float:           left;
   clear:			left:
}
.thumb1 {
	margin:			0.1em 0 0.1em 0.6em;
	width:			150px;
	float:			left;
}
.thumb2 {
	margin:			0;
	padding:		0;
	width:			220px;
	float:			left;
	line-height: 	6.5em;	
}
.floatboxcp {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0 0.75em 1.5em;
   padding:         0.5em 0.1em;
   border:          5px solid #c5ae6a;
   float:           right;
   clear:           right;
}
.floatboxcp {
	width:			205px;
}
.floatbox hr{			/* Used for non-stylesheet-aware browsers */
   display:         none !important;
}

.floatbox p{
   margin:          0.75em 0;
   padding:         0;
}

.floatbox ol,
.floatbox ul {
   margin:          0.75em 0;
   padding:         0 0 0 1.5em;
}
.floatboxtimes {
   overflow:        visible;
	width:			470px;   
   font-size:       100%;
   line-height:     1.25;
   margin:          0 0 0.0 0.3em;
   padding:         0.5em 0.1em;
   border:          5px solid #c5ae6a;
   float:           left;
 }
.times1 {
	margin:			0.1em 0 0.1em 0.6em;
	width:			180px;
	float:			left;
}
.times2 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			120px;
	float:			left;
}
.times3 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			100px;
	float:			left;
}
.times4 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			50px;
	float:			left;
}

#main .floatbox .highlight {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          0.75em 0;
}



/********** Styles for Header **********/

				/* In this style sheet, headers are composed */
				/* of three parts: left, right and subheader */
				/* Left part is ideally an image.            */

#header {			/* Warning: not printed out on paper */
	background: url(../graphics/headergraduated.gif) repeat-x;

}

#header a:link,
#header a:visited {
   color:           black;
   background:      transparent;
}

/*As much as possible, style has been separated from content in this web site; for example, not a single table is used for visual formatting. In addition, the amount of “boilerplate” markup is kept to a minimum.
 Left part of header (ideally an image but may be a link) */

#header div.left {
   float:           left;
   clear:           left;
}

#header div.left img {
   display:         block;	/* Otherwise IMG is an inline, causing gaps */
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left .alt {
   color:           #FF9800;
   background:      transparent;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0.5em 1.67em 0 1em;
   float:           right;
   clear:           right;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

/* Subheader for global links */
#header div.subheader {
	color:           #c5ae6a;
	font-size:       0.2em;
	margin:          0;
	padding:         0.5em 1.5em 0.1em 0.5em; /* For IE/Win */
	clear:           both;
	background-color: #c5ae6a;
}

#header > div.subheader {
   padding:         0.5em 1.5em 0.5em 0.5em; /* For all other browsers */
}

#header div.subheader a:link,
#header div.subheader a:visited {
   font-weight:     bolder;
   color:           white;
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
   color:           #FDA05E;
   background:      transparent;
}

/********** Styles for Left Sidebar **********/

#sidebar {			/* Warning: not printed out on paper */
   width:           12.5em;
   border-right:    1px solid #999999;
   float:           left;
   clear:           both;
}

#sidebar div {
   font-size:       95%;
   text-align:      left;
   margin:          0;
   padding:         0.5em 1em;
   border-bottom:   1px solid #999999;
}

#sidebar div.lighter {
   color:           inherit;
   background:      white;
}

#sidebar p {
   margin:         0.5em 0;
}

#sidebar .title a:link,
#sidebar .title a:visited {
   color:           black;
   background:      transparent;
}

#sidebar ul {
   list-style:      none outside;
   margin:          0.5em 0;
   padding:         0;
}

#sidebar ul li {
   margin:          0;
   padding:         0.25em 0;
}
#sidebar ul li.highlight {
   color:           inherit;
   background:      white;
   margin-left:     -1em;
   margin-right:    -1em;
   padding-left:    1em;
   border-top:      1px solid #999999;
   border-bottom:   1px solid #999999;
}

#sidebar ul li.highlight a:link,
#sidebar ul li.highlight a:visited {
   color:           black;
   background:      transparent;
}
#sidebar a:link {
	text-decoration:none;

	color:         #666666;  /*  LH Nav text  */
}
#sidebar a:visited {
	text-decoration:none;
	color:         #666666;  /*  LH Nav text  */

}
#sidebar a:hover,
#sidebar a:active {
   text-decoration: underline;
}


#logo {
		width: 150px;
		float: left;
		padding-top: 7px;
		padding-bottom: 5px;
		}	
#banner {
		padding-top: 35px;
		}	
		

/********** Styles for Footer **********/

#footer {
   font-size:       90%;
   text-align:      left;
   color:           white;
   background:      #c5ae6a;
   margin:          0;
   padding:         0.5em 1.67em 0.5em 15.25em;
   clear:           both;
}

#footer a:link,
#footer a:visited {
   text-decoration: underline;
   color:           white;
   background:      transparent;
}

#footer hr {
   display:         none !important;
}

/* End of the Sinorcaish style sheet */