/* TPG site v4.0.0, commented by SG 26/10/07 */

/*/////////////////// - Start - Styles for the main template of the website - Start - ///////////////////*/
/* Reset all margins and paddings for browsers */
* { 
	padding: 0;
	margin: 0;
}

/* Main body style */
body { 
	margin: 0;
	background-position:left top;
	background-repeat:repeat-x;
	background:#ffffff;
	width:780px;
	margin:0px;
	padding: 0px;
	font:bold .7em Arial, Helvetica, sans-serif;
	color:#58585a;
	vertical-align:middle;
}

#wrap {	
	background-color:#ffffff;
	min-width:767px;
	max-width:1000px;
	padding:0px;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
}

/* These styles define the look of any text links other than those defined PER DIV, see below */
a:link { 
	color:#323234;
	font-size:1em;
	text-decoration:none;
}

a:visited { 
	color:#551a8b;
	font-size:1em;
	text-decoration:none;
}

a:hover { 
	color:#323234;
	font-size:1em;
	text-decoration:underline;
}

a:active { 
	color:#323234;
	font-size:1em;
	text-decoration:none;
}

p { margin-top: 10px; }

#topLeftImage { display:none; }
#topRightImage { display:none; }
#bottom { display:none; }
#bottomLeftImage { display:none; }
#bottomRightImage { display:none; }


/*/////////////////// - Start - Styles for the header section of the website - Start - ///////////////////*/
/* This is the top div that contains the upper edge graphic */
#header {
	background:url(../../images/template/tpg_header.gif) no-repeat;
	height:80px;
	margin:0px;
	padding:0px;
	font-size:1em;
	font-weight:normal;
	color:#323234;


}

/* This is the div that holds the logo */
#header_logo {
	float:left;
	display:inline;
	height:70px;
	width:400px;
	text-align:left;
	vertical-align:middle;
	margin-top:0px;
	padding-top:0px;
	padding-left:10px;
}

/* This is the div that holds the right hand side elements of the header */
#header_extras * {
	display:none;
	height:0px;
	width:0px;
	}

/* These are the various sub-elements of the right hand side of the header */
#header_geography_selection {
	display:none;
	height:0px;
	width:0px;
	}

#header_geography_selection a:hover {
	color:#323234;
	font-size:1em;
	text-decoration:underline;
}

#header_geography_selection a:visited {
	color:#551a8b;
	font-size:1em;
	text-decoration:none;
}

#header_last_updated {
	display:none;
	height:0px;
	width:0px;
	}

#header_links {
	display:none;
	height:0px;
	width:0px;
	}

#header_links a { 
	color:#1e7fb6;
	font-size:1em;
	text-decoration:none;
}

#header_links a:hover { 
	color:#1e7fb6;
	font-size:1em;
	text-decoration:underline;
}

#header_links a:visited { 
	color:#551a8b;
	font-size:1em;
	text-decoration:none;
}

#header_search {
	display:none;
	height:0px;
	width:0px;
	}

#header_search form input {
	margin:0px;
	padding:0px;
	font-size:1em;
	text-align:center;
	vertical-align:middle;
}

/* This would format any form (eg Search bar) that you might put up in this header div */
#header form {
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
/*/////////////////// - End - Styles for the header section of the website - End - ///////////////////*/

#navigation_holder { display:none; }
#nav { display:none; }
#navigation { display:none; }
.menu {	display:none; }

#breadcrumbs { display:none; }

#print_holder {	display:none; }
#print { display:none; }

#footer_holder { display:none; }
#footer { display:none; }


/*/////////////////// - Start - Styles for the main content, everything below the breadcrums and above the footer - Start - ///////////////////*/
#main { 
	background-color:#ffffff;
	background-repeat:repeat-y;
	margin-left:20px;
	margin-right:20px;
	font-size:1em;
	font-weight:normal;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
}

#main a {
	color:#0f69b4;
	font-size:1em;
}

#main form {
	width:90%;
	font-size:1.1em;
}

#main form select {
	width:90%;
	font-size:1.1em;
}

#main input {
	font-size:1.1em;
}

#main form input {
	font-size:1.1em;
}

/* Leftside column in the main content */
#leftside {
	background:#ffffff;
	margin:0px;
	text-align:justify;
	font-size:1.1em;
	font-weight:normal;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
}

#leftside ul {
	margin-top:10px;
	line-height:1.5em;
	margin-left:20px;
	list-style:outside;
}

#leftside ol {
	line-height:1.5em;
	margin-left:28px;
	list-style:outside;
}

/* left column in the main content */
#leftColumn {
	text-align:justify;
	width:49%;
	padding-right:4px;
	float:left;
	padding-top:0px;
	margin-top:0px;
}

/* right column in the main content */
#rightColumn {
	text-align:justify;
	width:49%;
	padding-left:4px;
	float:right;
	padding-top:0px;
	margin-top:0px;
} 

/* left side style where there is no right side column - used with no subs */
#leftside_no_subs {
	background:#ffffff;
	margin:0px;
	text-align:justify;
	font-size:1.1em;
	font-weight:normal;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
}
/*/////////////////// - End - Styles for the main content, everything below the breadcrums and above the footer - End - ///////////////////*/



/*/////////////////// - Start - Styles for the right side column used for the components - Start - ///////////////////*/
/* This style controls the right side column used for the components */
#rightside {
	width:0px;
	float:right;
	background:#ffffff;
	margin:0px;
	padding-bottom:0px;
	padding-top:0px;
	visibility:hidden;
} 
/* ----------------------- */

/* These two styles control the header for the component boxes on the right side of the website */
/* o = odd and e = even - This will be used if the components need to have alternating styles */
.rightsideheadero {
	width:0px;
	visibility:hidden;
	height:1.6em;
	background-image:url(../../images/template/tpg_tabfull_grey.jpg);
	background-repeat:no-repeat;
	color:#58585a;
	margin-left:0px;
	font-weight:bold;
	font-size:1.1em;
	padding-left:22px;
	padding-top:2px;
}
.rightsideheadere {
	width:0px;
	visibility:hidden;
	height:1.6em;
	background-image:url(../../images/template/tpg_tabfull_grey.jpg);
	background-repeat:no-repeat;
	color:#58585a;
	margin-left:0px;
	font-weight:bold;
	font-size:1.1em;
	padding-left:22px;
	padding-top:2px;
}
/* ----------------------- */

/* This style controls the font size for the text in the component boxes on the right side of the website */
#rightside a {
    width:0px;
	visibility:hidden;
	font-size:1.1em;
}
/* ----------------------- */

/* This style controls the font colour on hoving over the text in the component boxes on the right side of the website */
#rightside a:hover {
width:0px;
	visibility:hidden;
	text-decoration:underline;
}
/* ----------------------- */

#rightside a:visited {
width:0px;
	visibility:hidden;
	/*color:#ff0000;*/
}

/* This style controls the format of the component boxes on the right side of the website */
#main #rightside .box {
width:0px;
	visibility:hidden;
	border-top:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	margin-top:-2px;
	margin-bottom: 10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	background:#f2f2f7;
}
/* ----------------------- */
/*/////////////////// - End - Styles for the right side column used for the components - End - ///////////////////*/

/* Course overview pages */

.tradeText { font-size:.8em; }
#noscript { display:none; height:0px; }
#classroomDates { display:none; }
#pricesVAT { display:none; }
#course_sessions { display:none; }
#course_sessions .courses_box {	display:none; }
.exemptions { font-size:0.7em; }
#subContent  {
	border:0px none #ffffff;
	margin:0px;
	padding:0px;
	background:#ffffff;
	font-size:.9em;
	width:75%;
}
#exemptionsTitle { display:none; height:0px; }
#exemptionsDesc { display:none; height:0px; }
#exemptionsLink { display:none; height:0px; }