

/*** GLOBAL  ***/
html,body{height:100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#333333;
	height:100%;
	line-height:20px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #CCC;
	background-color:#CCC;
	height: 1px;
	margin:5px 0px 5px 0px;
	padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:15px;	font-family:Arial, Helvetica, sans-serif; font-size:11px;	font-weight:bold; color:#333333}
h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Helvetica, sans-serif; font-size:11px;	font-weight:bold; color:#333333}
h1 {font-size:26px; line-height:28px;}
h2 {font-size:24px; line-height:26px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}
/* links */
a {text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none}
.imgleft{float:left; margin-right:15px; margin-top:5px;}
.imgborder{padding:0px; margin:5px 0px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px auto 10px auto; display:block; text-align:center}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	/*font-size:12px;*/
	font-size:13px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	font-style:italic;
	/*font-size:12px;*/
	font-size:13px;
	margin:20px 0 25px 0px;
	color:#6b6b6b;
	padding:15px 20px 10px 35px;
	background-image:none;
	line-height:20px;
	border:dotted 1px #f2f2f2;
	border-width:1px 0px;
	}
blockquote.quote {
	font-style:italic;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:20px 0 20px 0px;
	color:#6b6b6b;
	padding:15px 20px 10px 35px;
	background-image:url(../images/blockquote.gif);
	background-repeat:no-repeat;
	line-height:27px;
	border:0px;
	}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#wrapper{background-image:url(../images/bg-wrapper.png); background-repeat:repeat-x; width:100%;}
#wrapper-inner{background-image:url(../images/bg-wrapper-inner.png); background-repeat:repeat-x; width:100%;}
#wrapper-graph{background-image:url(../images/header.png); background-repeat:no-repeat; background-position:right 155px ; width:100%;}
#wrapper-graph-inner{background-image:url(../images/header-inner.png); background-repeat:no-repeat; background-position:right 155px ; width:100%;}
#wrapper-nograph{background-image:none; width:100%;}
#wrapper-nograph-inner{background-image:none; width:100%;}
#container{width:958px; margin:0 auto;}

/* TOP */
#top{height:155px; padding:0px 0px 0px 0px; float:left; position:relative; z-index:100;}
#logo{width:400px; float:left; padding:15px 0px 0px 0px}
#topnavigation{width:558px; float:left; padding:15px 0px 0px 0px}
#topnavigation ul{list-style-type:none; margin:0px; padding:0px; float:right}
#topnavigation ul li a:hover{text-decoration:none;}
#topnav{margin:0px; padding:0px; list-style-type:none;}
#topnav ul{margin:0px; padding:0px; list-style-type:none; position:relative; z-index:100
}
#topnav li{list-style-type:none; padding:0px; margin:0px; float:left; position:relative;}
#topnav li a{font-size:13px; font-weight:bold; display:block; padding:10px 30px 4px 8px; float:left; margin-right:0px;}
#topnav li a:hover{text-decoration:none}
#topnav li li{
margin:0 0 0px 0px;
padding:0px;
position:relative;
z-index:100;
border-width:1px 1px 0px 1px !important;
}
#topnav ul {
display:none;
left:-1px;
position:absolute;
top:34px;
width:159px;
z-index:100;
}
#topnav li ul a{
width:115px;
height:auto;
float:left;
text-align:left;
padding:0 21px 0px 21px;
text-transform:capitalize;
font-size:11px;
font-weight:normal;
line-height:33px;
z-index:100;
}
#topnav ul ul{top:auto;border-top:none;}	
#topnav li ul ul {left:159px; top:0px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{display:none;}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{display:block;}
#topnav li ul a{border-top:none;}

/* HEADER */
#header{height:369px; clear:left;  color:#fff; position:relative; z-index:5}
#header-inner{height:100px; clear:left; position:relative; z-index:5 }


/* LINETOP */
#linetop{ background-image:url(../images/line-top.png);  background-position:bottom !important; background-repeat:no-repeat; width:958px; margin:0 auto; height:9px; }
* html #linetop{margin-top:-6px;}

/* CONTENT */
#content{padding:0px 0px 0px 0px; background-color:#fff; margin:0 auto; width:950px;}
#content-inner{padding:0px 0px 0px 0px; background-image:url(../images/bg-main-inner.gif); background-repeat:repeat-y; margin:0 auto; width:950px;}
#maincontent{padding:30px 40px 30px 40px;}
#maincontent-full{padding:30px 30px 30px 30px;}
#main{float:left; width:480px; padding-right:20px}
#sideright{float:left; width:310px;padding-left:40px; background:url(../images/sidebar_shadow.png) left top no-repeat}
#maincontent-inner{padding:30px 0px 30px 0px;}
#maincontent-inner #main{width:626px; float:left; padding:0px 40px;}
#maincontent-inner #sideright{width:224px; float:left; padding:0px 10px;}
ul.arrow{list-style-type:none;}
ul.arrow li{ background-image:url(../images/list.gif); background-repeat:no-repeat; background-position:left center; padding:0px 15px; line-height:30px;}
#sidebar h2{padding-left:10px; font-size:18px; line-height:20px; margin-bottom:10px;}
#sidebar ul{list-style-type:none; margin:0px 0px 30px 0px; padding:0px; border-top:solid 1px #f2f2f2;}
#sidebar ul ul{margin:0px; border:0px;}
#sidebar  ul li{list-style-type:none; margin:0px; padding:0px 10px 0px 10px; border-bottom:solid 1px #f2f2f2;  line-height:30px; font-size:12px }
#sidebar p, #sidebar li, #sidebar  ul li a, #sidebar  ul li a:visited{color:#333; font-size:12px}
#sidebar  ul.noborder li{border-bottom:0px; padding-bottom:10px; line-height:20px;}
#sidebar  ul.noborder{border:0px;}
#sidebar h4{margin:0px 0px 0px 0px;}
#maincontent-bottom{clear:both; background-color:#fbfbfb; padding:30px 40px;}
#maincontent-bottom-left{float:left; width:480px; padding-right:20px}
#maincontent-bottom-right{float:left; width:310px;padding-left:40px}
#maincontent-bottom ul{list-style-type:none; margin:0px; padding:0px;}
#maincontent-bottom ul li{list-style-type:none; margin:0px; padding:0px 0px 10px 0px;}
#maincontent-bottom h4, #maincontent-bottom h4 a, #maincontent-bottom h4 a:visited{margin-bottom:0px;}
.bolditalic{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:27px;}
.noitalic{font-style:normal; font-size:12px; font-weight:normal; color:#333; font-family:Arial}
.metadata{font-size:11px; color:#666;}
ul.features{list-style-type:none; margin:0px; padding:0px;}
ul.features li{list-style-type:none; margin:0px; padding:0px 0px 20px 0px;}


/* SOCIAL BOX */
#social-box{margin:0 auto; width:950px; text-align:right; padding:0px 0px 0px 0px; line-height:22px; clear:left}
* html #social-box{padding:0px 0px 0px 0px;} /* ie 6 only */
#social-box ul{list-style-type:none; margin:0px; padding:0px 20px 0px 0px;}
#social-box ul li{list-style-type:none; margin:0px; padding:0px 1px 0px 1px; display:inline; }

#social-box #heca-box{margin-right:30px; color:#036; font-size:8px}

/* BOTTOM */
#bottom{background-image:url(../images/bg-bottom.png); background-repeat:no-repeat; margin:0 auto; width:950px; padding:30px 0px 20px 0px; color:#bc6f9a; font-size:11px;}
#bottom p, #bottom ul{font-size:11px;}
.box-bottom{float:left; width:150px; padding:0px 20px}
* html .box-bottom{width:148px;}/* ie 6 only */
.box-bottom h2{font-size:11px; font-weight:bold; text-transform:capitalize; margin:0px;}
.box-bottom ul{list-style-type:none; margin:0px; padding:0px;}
.box-bottom ul li{list-style-type:none; margin:0px; padding:0px;}
#bottom form p{margin:0px;}
.input-search{background:transparent; border:0px; width:106px; padding:4px 0px 5px 0px; margin-left:10px; color:#857f7f; text-align:left; overflow:hidden }
.bg_input{background-image:url(../images/bg-search.png); background-repeat:no-repeat; background-position:right;width:150px; height:24px; display:block; margin:0px 0px 10px 0px}

/* FOOTER */
#footer{padding:10px 0px; clear:left}
#footer-text{text-align:center; font-size:11px; }

