/*------------------------------------------------------------*
**  Screen Stylesheet
**------------------------------------------------------------*/


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	clear: both;
	}

#Content {
	width: 925px;
	margin-left: 3em;
}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	

#Header {
	margin-bottom: 1em;
	height: 5em;
	width: auto;
}

#LogoBox {
	height: 100%;
	width: 25%;
	float: left;
}

#LogoBox img {
	float: left;
	border: none;
}

#MenuBox {
	height: 100%;
	width: 50%;
	float: right;
	margin-top: 2em;
}

#MenuBox ul {
	font-family: Verdana, Arial;
	font-size: 1em;
	float: right;
}

#MenuBox li {
	display: inline;
	padding: 1em;
}

#MenuBox a {
	text-decoration: none;
}

#MenuBox a:link {
	color: #493f3f;
}   
  
#MenuBox a:visited {
	color: #493f3f;
}  

#MenuBox a:hover {
	text-decoration: underline;
}   


#MenuBox a.active {
	text-decoration: underline;
	color: #493f3f;
	font-weight: bold;
}   

/*------------------------------------------------------------*
**  Banner
**------------------------------------------------------------*/

#Banner {
	height: auto;
	width: auto;
	margin-bottom: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	border-top: 1px solid #C8C7C7;
	border-bottom: 1px solid #C8C7C7;	
}

#Banner h1 {
	font-family: Verdana, Arial;
	font-size: 1.25em;
	font-weight: bold;
}

#BannerLeft {
	width: auto;
	height: auto;
	float: left;
	padding-right: 2em;
	position: absolute;
	left: 24em;
}

#BannerLeft img {
}

#BannerRight {
	width: 30%;
	height: auto;
	float: left;
	position: absolute;
	left: 38em;

}

#BannerRight p {
	font-family: Verdana, Arial;
	font-size: 1.25em;
	font-weight: bold;
}

#Banner2 {
	height: auto;
	width: auto;
	border-top: 1px solid #C8C7C7;
	border-bottom: 1px solid #C8C7C7;
	margin-bottom: 2em;
}

#Banner2 h1 {
	font-family: Verdana, Arial;
	font-size: 2em;
	color: #003479;
}	

#Banner2 ul {
	font-family: Verdana, Arial;
	font-size: 1em;
	float: right;
}

#Banner2 li {
	display: inline;
	padding: 1em;
}

#Banner2 a {
	text-decoration: none;
	color: #493f3f;
	border-bottom:1px dotted #003479;
}

	
/*------------------------------------------------------------*
**  Body
**------------------------------------------------------------*/

#Body {
	height: auto;
	width: auto;
	clear: both;
	font-family: Verdana, Arial;
}

#Body h1 {
	font-family: Verdana, Arial;
	font-size: 1.5em;
	font-weight: bold;
	color: #493f3f;
}

#Body h2 {
	font-family: Verdana, Arial;
	font-size: 1em;
	font-weight: bold;
	color: #003479;
}

#Body a {
	text-decoration: none;
	color: #003479;
	border-bottom:1px dotted #003479;
}

#Body h3 {
	font-family: Verdana, Arial;
	font-size: 1em;
	font-weight: bold;
	color: #493f3f;
}

#Body ul {
	list-style: none;
}


#BodyLeft {
	height: 100%;
	width: 38%;
	float: left;
	margin-bottom: 1em;
	padding-right: 5em;
}

#BodyLeft h1 {
	font-family: Verdana, Arial;
	font-size: 1.5em;
	font-weight: bold;
	color: #003479;
}

#BodyLeft h3 {
	font-family: Verdana, Arial;
	font-size: 1em;
	font-weight: bold;
	color: #C8C7C7;
}

#BodyLeft a {
	text-decoration: none;
	color: #003479;
	border-bottom:1px dotted #003479;
}


#BodyLeft p {
	color: #493f3f;
}

#BodyLeft ul {
	list-style: none;
}

#BodyLeft img {
	border: none;
}

#BodyRight {
	height: 100%;
	width: 48%;
	float: right;
	margin-bottom: 1em;
	padding-left: 2em;
	font-family: Verdana, Arial;
	color: #493f3f;
	border-left: 1px solid #C8C7C7;
}

#BodyRight h1 {
	font-family: Verdana, Arial;
	font-size: 1.25em;
	font-weight: bold;
	color: #493f3f;
}

#BodyRight h2 {
	font-family: Verdana, Arial;
	font-size: 1em;
	font-weight: bold;
	color: #493f3f;
}

#BodyRight h3 {
	font-family: Verdana, Arial;
	font-size: 1em;
	font-weight: bold;
	color: #C8C7C7;
}

#BodyRight ul {
	list-style: none;
}

#BodyRight a {
	text-decoration: none;
	color: #003479;
	border-bottom:1px dotted #003479;
}

#BodyRight a:hover {
	text-decoration: none;
}

#BodyRight table {
	color: #493f3f;
}

#BodyRight table a {
	text-decoration: none;
	color: #003479;
	border-bottom:1px dotted #003479;
}

#BodyRight img {
	border: none;
}

#BodyRight a.alternative {
	text-decoration: none;
	color: #493f3f;
	border-bottom:1px dotted #003479;
}

#BodyRight a.alternative:hover {
	text-decoration: none;
}

/*------------------------------------------------------------*
**  Others
**------------------------------------------------------------*/

#MidBox {
	width: auto;
	height: auto;
	margin-top: 1em;
}

#NewsEventsLeft {
	height: auto;
	width: 100%;
	clear: both;
	padding-top: 1em;
	font-family: Verdana, Arial;
	border-top: 1px solid #C8C7C7;
}

#NewsEventsLeft table {
	list-style: none;
	font-size: .75em;
	color: #493f3f;
}

#NewsEventsLeft p {
	font-size: 1em;
	color: #493f3f;
}

#NewsEventsLeft img {
	float: left;
}

#RSSFeed {
	height: auto;
	width: 40%;
	float: right;
	font-family: Verdana, Arial;
	font-size: .75em;
}

#RSSFeed a {
	text-decoration: none;
	color: #003479;
}

#RSSFeed a:hover {
	text-decoration: underline;
}


#TrainingNewsEventsBox {
	width: auto;
	height: auto;
	clear: both;
	margin-bottom: 2em;
	font-family: Verdana, Arial;
	font-size: .75em;
	border: 1px solid #C8C7C7;
}

#TrainingNewsEventsBox li {
	font-family: Verdana, Arial;
	font-size: 1em;
	color: #493f3f;
	padding: .25em;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/

#Footer {
	height: 6.5em;
	width: auto;
	clear: both;
	/*margin-left: 5em;*/
	/*margin-right: 5em;*/
	margin-top: 2em;
	padding-top: 1em;
	font-family: Verdana, Arial;
	border-top: 1px solid #C8C7C7;
}

#Footer img {
	float: right;
	height: 3em;
	border: none;
}

#Footer p {
	font-family: Verdana, Arial;
	font-size: .75em;
	color: #493f3f;
}


#Footer ul {
	font-family: Verdana, Arial;
	font-size: 1em;
}

#Footer li {
	display: inline;
}

#Footer a {
	text-decoration: none;
}

#Footer li {
	display: inline;
	padding: .5em;
}

#Footer a {
	text-decoration: none;
}

#Footer a:link {
	color: #493f3f;
}   
  
#Footer a:visited {
	color: #493f3f;
}  

#Footer a:hover {
	text-decoration: underline;
}   

a:active.Footer {
	text-decoration: underline;
	color: #493f3f;
}   




