@import url('reset-min.css') ;
@import url('fonts-min.css') ;

 /* 
 FONT Sizes (   http://developer.yahoo.com/yui/fonts/
	px   %   
	10 	77
	11 	85
	12 	93 (was 93)
	13 	100
	14 	108 (was 107)
	15 	116 (was 114)
	16 	123.1 (was 122)
	17 	131 (was 129)
	18 	138.5 (was 136)
	19 	146.5 (was 144)
	20 	153.9 (was 152)
	21 	161.6 (was 159)
	22 	167
	23 	174
	24 	182
	25 	189
	26 	197 
*/

/****************************************************************
 *** Basics
 ***/


/* widths */ 
body {
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}
#fixed {
   width:925px;   /* you can use px, em or % */
}

.rightmenu .colleft {
	margin-left:-235px;
}
.rightmenu .col1 {
	margin-left: 235px;
}
.rightmenu .col2 {
	width:235px;
	left:235px;
}





/* box-model */
html {
	height: 100%;
}
body {
	min-height: 100%;
	text-align:center;
	width:100%;
}

#bg_overlay {
	height: 172px;
	width: 100%;
	position:absolute;
	top:39px;
}

/*
	left:0;
	z-index:100;
*/
#wrap {
	min-height: 100%;
}

#fixed {
   margin:0 auto;
   text-align:left;
}
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
.rightmenu .colleft {
	float:left;
	width:200%;
	position:relative;
	right:100%;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
}
.rightmenu .col1 {
	overflow:hidden;
}
.rightmenu .col2 {
	float:right;
	position:relative;
}
	
	
	
/* general layout */

body {
	color: #444;
	font-family: verdana,clean,sans-serif;
	background: #2E6880 url(../img/bg_body.jpg) repeat-x scroll 0 0;
}
#bg_overlay {
	background: transparent url(../img/bg_overlay.png) repeat-x scroll 0 0;
}
#wrap{
	background: transparent url('../img/bg_doc.jpg') no-repeat top center;
}

.rightmenu .col1 {
	font-size: 93%;
}
#header_img {
	background: red;
}
#header_img img{
	display: block;
}
#content {
	padding-left: 64px;
	padding-right: 60px;
	padding-top: 30px;
	line-height: 20px;
}
#fixed {

}
.rightmenu .col2 {
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	padding-top: 43px;
}
.rightmenu .col2.startpage {
	padding-top: 63px;
}
.rightmenu .col2 a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.rightmenu .col2 a:hover,
.rightmenu .col2 a.act{
	color: #ecbf50;
	font-weight: bold;
}
.rightmenu {

}
.rightmenu .colleft {
	background: transparent url(../img/bg_content.png) repeat-y right top;
}
.rightmenu .col1wrap {
	padding-bottom:1em;
}



/* Header styles */
#header {
	clear: both;
	float: left;
	width: 100%;
	height: 20px;
}
#footer {
	clear:both;
	width:100%;
	background: transparent url(../img/bg_footer.png) no-repeat scroll left top;	
	height: 100px;
}

#footer p {
	font-size: 66%;
	text-align: center;
	padding-top: 60px;
	margin-left: 20px;
	margin-right: 255px;
}

#footer a {
	color: #444444;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
	border-bottom: 1px solid #444444;
}

	
/* basic styles */

h1, h1 a {
	color: #276a87;
	font-weight: bold;
	margin-bottom: 20px;
}
h2, h2 a {
	color: #276a87;
	margin-top: 20px;
	margin-bottom: 10px;
}
h3, h3 a {
	font-weight: bold;
	margin-top: 20px;
}
h1 a, h2 a, h3 a {
	text-decoration: none;
}

#content a {
	color: #276a87;
	text-decoration: none;
}
#content a:hover {
	color: #276a87;
	text-decoration: none;
	border-bottom: 1px solid #276a87;
}

/* menu */
ul#mainmenu {
	margin-right: 62px;
	margin-top: 106px;
	height: 100%;
}
ul#mainmenu li.main{
	background: transparent url(../img/menu_sep.png) no-repeat scroll right bottom;
}
ul#mainmenu li.main a{
	line-height: 30px;
	display: block;
}
ul#mainmenu li.main ul{
	padding-bottom: 10px;
}
ul#mainmenu li.sub-1{
	background: none;
	font-size: 77%;
}
ul#mainmenu li.sub-1 a{
	line-height: 15px;
	display: block;
}

ul#mainmenu li.sub-1 ul{
	
}
ul#mainmenu li.sub-2{
	padding-right: 10px;
	background: transparent url(../img/menubullet.png) no-repeat scroll center right;
}
ul#mainmenu li.sub-2 a{
	font-family: arial,clean,sans-serif;
}

/* customized */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  Xborder: 1px solid #d4d4d4;
}
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left: 30px;
}
dd.csc-textpic-caption {
	font-size: 85%;
	line-height: 10px;
	text-align: right;
}

div#content li,
ul.csc-bulletlist-0 li{
	list-style-type: none;
	list-style-image: url(../img/bullet.gif);
	list-style-position: inside;

}

p.bodytext {
	margin-bottom: 5px;
}