/*

 Design Monkey
 layout.css

*/



/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

a img { 
	border: 0; 
}


/* Typography
------------------------------------------------------------------------------------------------- */

body{
	font-family:Trebuchet MS;
	font-size: 1.0em;
	background: transparent url(../images/bg.jpg) repeat-x top left;
}

p{
	font-size:0.75em;
	line-height: 1.5em;
}

h1,h2,h3,h4{
	font-family:Arial, Trebuchet MS, sans-serif;
}

a{
	text-decoration:none;
}

div#container a:hover{
	border-bottom: 1px #999 dashed;
}
	

/* Overall Layout
------------------------------------------------------------------------------------------------- */


div#container{
	width: 1000px;
	margin: 0 auto;	
	line-height: 1.6em;
}


/* Header 
------------------------------------------------------------------------------------------------- */
div#header{
	width:1000px;
	background: transparent url(../images/header.png) no-repeat left;
	height:100px;
	margin-top:10px;
}

div#devAnalogClock{
	font-size: 1.1em;
	padding-top: 16px;
	height: 30px;
}

div#header h1{
	width: 230px;
	height:80px; 
	display:block;
	float: left;
}

div#header h1 a{
	background: transparent url(../images/secon.png) no-repeat left;
	width: 230px;
	height:80px; 
	display:block;
	text-indent:-3000px;
	padding-top:20px;
	margin-left:10px;
}

div#header h1 a:hover{
	border-bottom: none;
}

div#header p{
	font-size:0.9em;
	font-weight:normal;
	width:250px;
	float:left;	
	margin-top:28px;
	text-align:center;
}

div#header div.search{
	font-size:0.8em;
	float:right;
	width:180px;
	text-align:left;
	line-height: 1.7em;
	margin-top: 12px;
}

div#header div.search a{
	color: #000;
}

div#header fieldset{
	clear: both;
	border: none;
	margin: 0;
	padding: 4px;
	width:176px;
	clear: right; 
	float: right;
}

div#header fieldset legend{
	display: none;
}

div#header fieldset input{
	background: transparent url(../images/search.png) no-repeat top left;
	width: 162px;
	height: 26px;
	border: none;
	padding: 5px 10px;
	color: #999;
}


div#livechat{

}

div#livechat a{

}
div#livechat a small{

}

div#livechat a:hover{

}

div#timedate{
	float: left;
	width: 100px;
	text-align: center;
	color: #666;
	font-size: 0.7em;
	padding-top: 6px;
	
}

/* Content 
------------------------------------------------------------------------------------------------- */
div#content{
	width:1000px;
	margin-top:15px;
	overflow: hidden;
}

div.inner{
	height: auto!important;
	overflow: hidden;
}

div#leftcol{
	width:780px;
	height:300px;
	background:transparent url(../images/box.jpg) repeat-y left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:left;
}

div.inner div#leftcol{
	background: none;
	height: auto!important;
	width: 220px;
	padding-top: 20px;
}

div.inner div#leftcol img{
	-webkit-border-radius: 10px!important;
	-moz-border-radius: 10px!important;
	border-radius: 10px!important;
}

div.inner div#maincol{
	width:540px;
	float:left;
	padding: 26px 10px;
	font-size: 1.1em;
}

div.inner div.fullwidth{
	width: 1000px!important;
}

div.inner div.col2{
	width: 760px!important;
}

div.inner div#maincol p{
	margin-bottom: 10px;
}

div.inner div#maincol ul, div.inner div#maincol ol{
	margin: 10px 0 10px 50px;
	font-size: 0.75em;
	line-height: 1.5em;
}

div.inner div#maincol ul ul{
        list-style-type: circle;
	margin: 10px 0 10px 50px;
	font-size: 1.0em;
	line-height: 1.5em;
}

div.inner div#maincol ul ul ul{
        list-style-type: disc;
	margin: 10px 0 10px 50px;
	font-size: 1.0em;
	line-height: 1.5em;
}


div.inner div#maincol ol ol{
        list-style-type: lower-roman;
	margin: 10px 0 10px 50px;
	font-size: 1.0em;
	line-height: 1.5em;
}

div.inner div#maincol ol ol ol{
        list-style-type: decimal;
	margin: 10px 0 10px 50px;
	font-size: 1.0em;
	line-height: 1.5em;
}

div.inner div#maincol p a, div.inner div#maincol li a{
	color: #224A7D;
	border-bottom: 1px #666 dashed;
}

div.inner div#maincol h1{
	margin-bottom: 10px;
	font-weight: normal;
	color: #224A7D;
}

div.inner div#maincol h2{
	margin-bottom: 10px;
	font-weight: normal;
	color: #333;
}

div.inner div#maincol h3{
	margin-bottom: 10px;
	font-weight: normal;
	color: #224A7D;
}

div.inner div#maincol h4{
	margin-bottom: 10px;
	font-weight: normal;
	color: #666;
}

div.inner div#maincol p strong{
	color: #224A7D;
}

div#rightcol{
	width:160px;
	height:260px;
	background:transparent url(../images/box1.jpg) repeat-y left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:right;
	padding:20px 20px;
}

div.inner div#rightcol{
	background: none;
	height: auto!important;
}

div#rightcol h4{
	color:#fff;
	font-size: 1.0em;
	margin-bottom: 5px;
}

div#rightcol ul{
	margin-left: 15px;
}

div#rightcol ul li{
	color:#fff;
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 0;
	margin: 2px 0;
}

div#rightcol ul li a{
	color:#fff;
}

body.inner div#rightcol h3{
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 10px;
}

body.inner div#rightcol ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.1em;
}

body.inner div#rightcol ul li a{
	color: #333;
}

body.inner div#rightcol ul li a.selected{
	color: #224A7D;
}

body.inner div#rightcol ul li li a.selected{
	border-bottom: 1px #999 dashed;
}

body.inner div#rightcol ul li{
	background:transparent url(../images/bull.jpg) no-repeat 0 8px;
	color: #333;
	margin-left: 0;
	padding-left: 15px;
}

body.inner div#rightcol ul ul{
	list-style: circle;
	margin-left: 10px;
}

body.inner div#rightcol ul li li{
	background: none;
	padding-left: 0;
}

body.inner div#rightcol ul li em{
	color: #999;
	font-size: 0.8em;
}

h4 a{
	color: #224A7D;
}

h4 a small{
	color: #999;
}

div.hr{
		border-bottom: 1px #CCC dashed;
		height: 10px;
		width: 100%;
}

div.hr hr{
	display: none;
}

/* Contentbottom 
------------------------------------------------------------------------------------------------- */
div#contentbottom{
	width:1000px;
	height:400px;
	margin:auto;
	line-height: 1.6em;
}

body.inner div#contentbottom{
	height: 100px;
}

div#contentbottom ul#mainnav{
	list-style: none;
	clear: both;
	margin-bottom: 10px;
}

div#contentbottom ul#mainnav ul ul{
	display: none;
}

div#contentbottom ul#mainnav a{
	color: #333;
}

div#contentbottom ul#mainnav > li{
	background:transparent url(../images/dots.jpg) repeat-y top right;
	height: 182px;
	padding-right: 10px;
	font-size: 1.0em;
}

div#contentbottom ul#mainnav > li.item4{
	background: none;
}

div#contentbottom ul#mainnav li{
	width:170px;
	float:left;
	padding:2px 6px;
}

div#contentbottom ul#mainnav li em{
	color: #999;
	font-size: 0.8em;
}

div#contentbottom ul#mainnav li ul{
	list-style: none;
	margin-left: 0;
}

div#contentbottom ul#mainnav li ul li{
	float: none;
	clear: left;
	background:transparent url(../images/bull.jpg) no-repeat 0 12px;
	margin-left: 0;
	padding-left: 15px;
	font-size: 0.8em;
	line-height: 1.6em;
	width: 135px;
	padding-top: 7px;
}

div.bp{
	width:180px;
	height:200px;
	background:transparent url(../images/dots.jpg) repeat-y top right;
	float:left;
	padding:10px;
}

div#col5{
	width:180px;
	height:200px;
	float:left;
	padding:10px;
}

div#contentbottom h1{
	color:#103f83;
	margin: 20px 10px;
}

div#contentbottom h3{	
}

div#contentbottom h4{
	font-size:0.9em;
	color: #333;
}

div#contentbottom li{
	font-size:0.8em;
	margin-left:15px;
	color: #333;
}
/* Nav 
------------------------------------------------------------------------------------------------- */
ul#nav{
	list-style:none;
	width:960px;
	height:40px;
	margin-top:15px;
	font-size:1.4em;
}

ul#nav a{
	color: #000;
}

ul#nav a.selected{
	color: #224A7D;
}

ul#nav li{
	float:left;
	margin-left:10px;	
	position: relative;
}

ul#nav li.item1 a, ul#nav li.item2 a, ul#nav li.item3 a, ul#nav li.item4 a, ul#nav li.item5 a, ul#nav li.item6 a, ul#nav li.item7 a{
	background:transparent url(../images/line.jpg) no-repeat left;
	padding-left:10px;
}

body.inner ul#nav{
	font-size:1.1em;
	margin-top: 5px;
	padding-top: 0;
}

ul#nav li ul{
	position: absolute;
	top: 20px;
	background: #CCC;
	display: none;
	list-style: none;
}

ul#nav li:hover ul{
	display: block;
}

ul#nav li ul li{
	clear: both;
	background: none;
}

/* Forms
------------------------------------------------------------------------------------------------- */

fieldset.form{
	border: none;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
	color: #333;
}

fieldset.form legend{
	display: none;
}

fieldset.form dt{
	clear: left;
	float: left;
	width: 140px;
	margin-bottom: 3px;
}

fieldset.form dd{
	float: left;
	width: 400px;
	margin-bottom: 3px;
}

fieldset.form dd input, fieldset.form dd textarea{
	width: 320px;
}

fieldset.form dd textarea{
	height: 200px;
}

fieldset.form dd input.submit{
	width: 120px;
}

fieldset.form p.mandetory{
	clear: both;
	font-size: 0.8em!important;
}

ul.errorMessage{
	margin: 10px 10px 20px 0!important;
}

fieldset.sitesearch dt{
	clear: left;
	float: left;
	width: 100px;
}

fieldset.sitesearch dd{
	float: left;
	width: 320px;
}

fieldset.sitesearch dd input{
	width: 300px;
}

fieldset.sitesearch dd input.submit{
	width: 100px;
}

fieldset.sitesearch{
	border: none;
	padding: 10px 0;
	font-size: 0.8em;
}

fieldset.sitesearch legend{
	color: #224A7D;
	font-size: 1.4em;
}

.fileupload dd a{
	font-size: 0.8em;
	color: #224A7D;
	line-height: 0.7em;
}

/* Footer 
------------------------------------------------------------------------------------------------- */

p#footer{
	clear: both;
	margin: 0px 10px 10px 10px;
}

p#footer a{
	color: #224A7D;
	border-bottom: 1px #666 dashed;
}

/* Helper Styles 
------------------------------------------------------------------------------------------------- */	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlight {
	font-weight: bold;
	color: #c90033;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}

.clearleft{
	clear: left;
}
	
.bold {
	font-weight: bold;
}

.date {
}
	
.error {
}
	
em { 
	font-style: italic;
}