/******************* main elements **********************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, input, fieldset, blockquote, cite
 {
    margin: 0;
    padding: 0;
    border: 0;
}

.clear {clear: both;}
.space {height: 20px;}
.space_line {height: 5px; border-top: 1px solid #cacaca; margin-top: 2px;}
.left {float: left;}
.right {float: right;}

html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    height: 100%;
}

body {
    font-size: 1.2em;
    color: #323232;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: #fff url('../images/top-shadow.gif') 0 0 repeat-x;
}

a {
	color: #316b95;
}

a:hover {text-decoration:underline;}

p {margin:0 0 10px 0;}

h1{
    font-size: 20px;
    font-weight: normal;
    color: #316b95;
    padding: 0 0 5px 0;
    margin: -8px 0 15px 0;
    border-bottom: 1px solid #cacaca;
}
h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #73a200;		
}

h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #316b95;
}

h4{
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 0 0;
	text-decoration: underline;
}

/* table {padding: 0 0 15px 0;}
th, td {
  padding: 5px 40px 5px 15px;
  text-align: left;
  border: 1px solid #dadada;
  margin: 1px;
  background: url('../images/shadow-back.gif') repeat-x left bottom;
}
*/

/******************* main text area elements *******************/

#text, #text ul, #text ol {
    line-height: 1.6;
    color: #444;
}

#text ul, #text ol {
    line-height: 1.3;
    margin: 5px 0 10px 17px;
	list-style-type: square;
}

#text ul ul, #text ul ol, #text ol ol, #text ol ul {margin: 0 0 0 30px;}

#text img {
    border: 1px solid #dedfde;
}

#text table img {
    border: 1px solid #dedfde;
}

#text img.right {
    float: right;
    margin: 0 0 10px 10px;
}

#text .noborder {
    border: 0;
}

.quote {background: url('../images/blockquote-middle.gif') 0 0 repeat-y;padding-top:10px;}

blockquote{
    font-size: 0.9em;
    background:  url('../images/blockquote-start.gif') 0 0 no-repeat;
    margin: 0;
}

blockquote div {
	padding: 20px 45px;
	background: url('../images/blockquote-end.gif') left bottom no-repeat;
}

#text blockquote p {padding: 0;}

blockquote cite{
    width: 98%;
    display: block;
    font-style: italic;
    font-weight: bold;
    color: #798263;
	padding: 0;
}


/***************************** layout divs *******************/
#outerwrapper {    
    width: 100%;
	background: url('../images/footer-shadow.gif') 0 100% repeat-x;		
    min-height: 100%;
    height: auto !important;
}

#wrapper {
    width: 945px;
    margin: 0 auto; 
    min-height: 100%;
    height: auto !important;
}

#header {
	height: 100px;
}

#topmenu {
    float: right;
    margin: 5px 26px 0 0;
    font-size: 11px;
    text-align: right;
	color: #cacaca;
	clear: both;
	width: 500px;
}

#topmenu a {
	margin: 0 10px;
	font-weight: bold;
}

#logo {
	float: left;
	margin: 5px 0 0 65px;
	*margin: 30px 0 0 65px;
	_margin: 30px 0 0 30px;	
}

#text {
    width: 580px;
    float: left;
    margin: 0 0 0 50px;
    padding: 0 0 0 0;
}


/********************** main horizontal menu ***************/


#mainmenu {
    float: right;
    position: relative;
	top: 88px; 
	right: 26px;
	z-index: 999;
	clear: both;
}

#mainmenu ul {
    list-style: none;
}

#mainmenu li{
    float: left;
	_width: 1px;
    height: 25px;
    min-height: 25px;	
    list-style: none;	
	border-left: 1px solid #fcfcfc;

}

#mainmenu li a, #mainmenu li a:hover{
    font-weight: bold;
	font-size: 11px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    letter-spacing: 0.05em;
    color: #fff;
    display: block;
    height: 25px;
    min-height: 25px;
    line-height: 25px;		
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none;
	background: url('../images/mainmenu-back2.gif') left top repeat-x;
}

#mainmenu li:hover {}

#mainmenu li a:hover, #mainmenu li a.activemenu {
	background: url('../images/mainmenu-back2-hover.gif') left top repeat-x;
}

/******************* header for inner pages **********************/

.panel-inner {
    width: 945px;
    height: 200px;
    background: url('../images/banner-inner.jpg');
}

.slogan2 {
    width: 600px;
	margin: 0 0 0 300px;
    padding: 50px 0 0 0;	
}

.slogan2 p {
    color: #fff;
    font-size: 12px;	
    line-height: 150%;
    padding: 10px 0 15px 0;
}

.slogan2 strong {
    color: #adddff;
    font-size: 24px;
    font-family: "Trebuchet MS", Arial, sans-serif;
}

/******************* left sidebar **********************/

#sidebar{
    width: 260px;
    float: left;
    padding: 0 0 0 20px;
}

#sidebar a {
	text-decoration: none;
}

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

#sidebar p, #sidebar ul{
    line-height: 1.5;
    padding: 0 0 15px 0;
    color: #444;
    font-size: 0.9em;
}

#sidebar ul{
    list-style-image: url('../images/tick.gif');
    padding: 0 0 15px 20px;
}

#sidebar ul li{padding: 0 0 0 5px;}

#sidebar img{
    float: left;
    padding: 3px;
    border: 1px solid #C8C8C8;
    margin: 0 25px 5px 0;
}

#sidebar strong{
    text-transform: uppercase;
}

#sidebar #sidemenu li{
    margin: 0 0 5px 0;
    border-bottom: 1px solid #dadada; 
}

#sidebar #sidemenu li a{
    color: #798263;
}

#sidebar .latest_news ul {
	list-style-image: none;
	list-style-type: square;
	margin-left: -2px;
}

#sidebar .latest_news li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sidebar h2 {
	margin-bottom: 0.6em;
	color: #e44f17;
	font-size: 14px;
}

/*

#sidebar .box {
	padding: 2px 15px 5px 15px;
	font-size: 0.9em;
	background: #c4da7e url('../images/box_bg_top.jpg') top left no-repeat;
}

#sidebar .box_bottom {
	height: 8px;
	background: url('../images/box_bg_bottom.jpg') top left no-repeat;
}

#sidebar .box a {
	color: #444;
	font-weight:bold;
}

*/

#sidebar .box2 {
	background: url('../images/box2_bg_top.jpg') top left no-repeat;
}

#sidebar .box2 h2 {
	padding: 0 0 0 10px;
	line-height: 30px;
	margin: 0;
}

#sidebar .box2 div {
	background: url('../images/box2_bg_middle.jpg') top left repeat-y;
	padding: 10px 10px 0 10px;
}

#sidebar .box2 ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

#sidebar .box2_bottom {
	background: url('../images/box2_bg_bottom.jpg') bottom left no-repeat;
	height: 11px;
	_margin-top: -3px;
}

#sidebar .box2 ul.idTabs {
	list-style: none;
	height: 16px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#sidebar .box2 .idTabs li {
	float: left;
    list-style: none;
	height: 16px;
	width: 129px;
	padding: 0;
	margin: 0;				
}

#sidebar .box2 .idTabs li a {
    font-weight: bold;
	font-size: 10px;
    display: block;
	height: 16px;
	line-height: 16px;		
    text-align: center;
	text-decoration: none; 
	background: #ccc;
	color: #444;		
}

#sidebar .box2 .idTabs li a:hover,
#sidebar .box2 .idTabs li a:active,
#sidebar .box2 .idTabs li a:focus {
	background: #c4da7e;
}

#sidebar #newsletter {
	height: 85px;
	margin-top: -17px;
	background: url('../images/newsletter.jpg') left bottom no-repeat;
	border: 1px solid white;
}

#sidebar #newsletter p {
	font-size: 11px;
	margin: 0 0 0 50px;
	line-height: 14px;
}

#sidebar #newsletter h2 {
	color: #444;
	margin: 25px 0 5px 85px;
}

#sidebar #elearning {
	height: 85px;
	margin-top: -17px;
	background: url('../images/elearning.jpg') left bottom no-repeat;
}

#sidebar #elearning p {
	font-size: 11px;
	margin: 0 0 0 50px;
	line-height: 14px;
	color: #fff;
}

#sidebar #elearning h2 {
	color: #fff;
	margin: 25px 0 5px 85px;
}

#sidebar #elearning a {
	color: #fff;
}

/******************* footer *****************************/


#footer {
    height: 80px;
	width: 100%;
	text-align: center;	
}

#footer p {
    margin: 0 auto; 
    padding: 40px 0 0 210px;
    font-size: 0.9em;
	color: #999;
}

#footer a {color:#999;}

/**************** contact form **************************/

input {height:20px;margin-bottom:5px;}
select, option {height:24px;}
input, select, textarea {border:solid 1px #ddd;width:250px;}
option {background:white;}
textarea {width:250px;}
.submit-button {height:22px;;border:1px solid #73a200;background:#ebebeb;padding:0 10px;}
.submit-button:hover {cursor:pointer;}
.required {color:red;}

/**************** banners sidebar **************************/

#banners {height:85px;width:260px;margin-top:-17px;}
#banners .banner {height:85px;width:260px;}
#banners #home {background: url('../images/curve.jpg') left bottom no-repeat;}
#banners #first {background: url('../images/risk.jpg') left bottom no-repeat;}
#banners #second {background: url('../images/elearning.jpg') left bottom no-repeat;}
#banners .banner h2 {color:#fff;font-size:13px;margin:25px 0 5px 50px;}
#banners .banner p {font-size:11px;margin:0 0 0 50px;line-height:14px;color:#fff;}
#banners .banner p a {color:#fff;}