/* These are the root content blocks */

#TopBar {
	background : #171310 url(curves/black-solid-keyline.gif) no-repeat left top;
	width : 100%;
	clear : both;
	padding-bottom : 0.1em;
}

#LeftBar {
	width : 15%;
	position : absolute;
	top : auto;
	left : 0.5%;
}

#RightBar {
	position : absolute;
	top : auto;
	right : 0.5%;
	width : 20%;
}

#MainContent {
	width : 63%;
	margin-left : 16%;
	margin-top : 0.5em;
	min-height: 630px;
    padding-bottom : 1em;
}

#BottomBar {
	padding-top : 1em;
	clear : both;
	width : 100%;
}

/* General */

body {
	font-family : "Helvetica","Arial",sans-serif;
	font-size : medium;
	voice-family : inherit;
	background-color : #FDFDFD;
	margin : 0.5%;
	color : #000000;
}

h1, h2, h3, h4, h5, h6, p {
	margin : 0;
	padding : 2px 0;
}

div, ul, li {
	margin : 0;
	padding : 0;
}

li {
	list-style : disc;
	list-style-position : inside;
}

img {
	border : 0;
}

a:link, a:visited {
	color : #060633;
}

a:hover {
	color : #0000FF;
}

.BTT {
	clear : both;
	text-align : center;
	padding : 0.5em;
}

table {
    border-collapse: collapse;
}

/* Top Bar */

#Banner {
	clear : both;
	padding : 25px;
	vertical-align : middle;
}

#Banner table {
	width : 100%;
}

#Banner_Title {
	width : 100%;
}

#Banner h1 {
	clear : both;
	color : #FDFDFD;
	margin : 0;
    padding: 0 0 0 50px;
    float : left;
	width : 100%;
}

/* Left Bar */

#LNav {
	margin : 0;
	padding : 0;
}

#LNav li {
	margin-top : 3px;
	list-style : none;
	list-style-position : outside;
}

#LNav a, .LNav_Head a, #LNav_Selected a {
    background : url("bullets/right-arrow.gif") no-repeat scroll 3px 50% #006633;
    color : #EEEEEE;
	display : block;
    padding: 3px 3px 3px 20px;
    text-decoration : none;
	font-size : 90%;
}

ul#courseSubcategories {
    display: none;
}
#LNav ul#courseSubcategories li {
    color : #EEEEEE;
    font-size : 90%;
    text-decoration : none;
}
li#LNav_Selected > ul#courseSubcategories {
    display: block;
}

li#LNav_Selected > a {
	background : url("bullets/right-arrow.gif") no-repeat scroll 3px 50% #83B6A4;
    color: #000000;
    font-weight: bold;
    padding-left: 2em;
}

#LNav a:hover {
	background : #008364 url(bullets/right-arrow.gif) no-repeat 3px;
}

.LNav_Head a {
	background : #171310 none !important;
	color : #EEEEEE !important;
    padding-left : 4px !important;
    margin-top: 8px !important;
    font-weight : bold !important;
}

.LNav_Head a:hover {
	background : #008364 none;
	/*color : #171310;*/
}

/* Right Bar */

#RNav {
	margin : 0;
	padding : 0;
}

.RNav_Box h2 {
    background : url("curves/black-corner.gif") no-repeat scroll left top #171310;
    color: #EEEEEE;
    font-size: 80%;
    font-weight : bold;
    margin-top : 10px;
    padding : 0.7em 0.5em 0.3em 1.5em;
    text-align : left;
}


#RNav strong {
	padding-left : 20px;
	font-size : 80%;
}

#RNav ul {
	list-style-position : inside;
	padding-left : 6px;
	font-size : 80%;
}

.RNav_Box {
	padding : 3px;
	margin-top : 3px;
}

.RNav_Box .blockContent {
    /*background-color: #D2D6B5;*/
}

#RightBar .blockContent {
    border: 2px solid #171310;
    margin: 0;
    padding: 5px 10px;
}

/* Main Content */

#MainContent .blockContent {
    border: 2px solid #006633;
    margin: 0;
    padding: 0.8em 0.8em 1.2em;
}

#Main_Title {
	text-align : center;
}

.Main_TopBlock {
	background-color: #D9E8E1;
    border: 1px solid #006633;
    clear: both;
	display : block;
    padding: 0.75em 1.35em;
    margin-top : 0.5em;
	margin-bottom : 0.5em;
}

.Main_TopBlock img {
	float : right;
}

.Main_SubBlocks {
	font-size : 80%;
}

.Main_SubBlocks h5 {
	font-weight : bold;
	text-align : left;
	color : #EEEEEE;
	background : url("curves/sml-dkgreen-corner.png") no-repeat scroll left top #006633;
	padding : 0.7em 0.5em 0.3em 1.5em;
	margin-top : 16px;
}

.Main_SBlockL {
	clear : both;
	width : 49%;
	float : left;
}

.Main_SBlockR {
	clear : right;
	width : 49%;
	float : right;
}

.Main_SBlockF {
	clear : both;
	width : 100%;
	float : left;
}

/* Footer Section */

#AddressDetails {
	background : url(curves/black-corner.gif) 0 0 no-repeat #171310;
	color : #EEEEEE;
	line-height : 2.5em;
	font-size : 0.7em;
    padding: 2px 2px 2px 1em;
}

#AddressDetails a {
	color : #BCD7CB;
}

#AddressDetails a:hover {
	color : #BCD7CB;
}

#CompanyDetails {
	font-size : 0.54em;
	margin-top : 1em;
}

#AddressDetails li, #CompanyDetails li {
	display : inline;
	padding : 0 0.3em 0 0.4em;
	border-left : 0.1em solid #EEEEEE;
}

#CompanyDetails li { 
	border-color : #171310; 
}

#AddressDetails li.FirstItem, #CompanyDetails li.FirstItem {
	padding-left : 0; 
	border-left : none; 
}