/* Based on the 'Blog Style' 2 column Liquid Layout by Matthew James Taylor
http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm */



/* alignment of portrait */
img.myimg { 
    float: left;
    margin-left: 3px;
    margin-right: 7px;
} 


/* General styles */
body {
    margin:0;
    padding:0;
    border:0; /* old IE fix  */
    width:100%;
    background:#fff;
    min-width:600px;   
    font-size:90%;
    font-family: Verdana,Helvetica,Arial,Sans-Serif;
/*
    font-family:Georgia,Serif; */
}


html {
    /*overflow:hidden;*/
    border:0;
}
* {
    margin:0;
    padding:0;
    outline:none;
}


a {
    color:#046380;
    text-decoration:none;
    
}

a:hover {
    text-decoration:underline;
} 

h1, h2, h3, h4, h5 {
    margin:1.6em 0 .4em 0;
    padding:0;
    color:#046380;    	
}

h1 {
    font-size:1.8em;
}
h2 {
    font-size:1.4em;
    /* makes h2 after floating image stay at left margin */
    clear: left;
}
h3 {
    
    font-size:1.1em;
}
p {
    line-height:1.4em;
    margin:.1em 0 .8em 0;
}


ul,
ol {
    margin-bottom:1.5em;
}

ul li,
ol li {
    margin-left:2.5em;
    line-height:1.4em;
padding-top: 12px;
}

ul.nobullet li {
    list-style:none;
    margin-left:0em;
    line-height:1.4em;
padding-top: 12px;

}

img {
    margin:10px 0 5px;
}


/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
}
#header {
    border-bottom:1px solid #888
}

#header p,
#header h1,
#header h2 {
    padding:.4em 15px .4em 15px;
    margin:0;
}
#header ul {
    clear:left;
    float:left;
    width:100%;
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
#header ul li {
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}
#header ul li a {
    display:block;
    float:left;
    margin:0 0 0 1px;
    padding:3px 10px;
    text-align:center;
    background:#eee;
    color:#000;
    text-decoration:none;
    position:relative;
    left:15px;
    line-height:1.3em;
}
#header ul li a:hover {
    background:#369;
    color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
    color:#fff;
    background:#000;
    font-weight:bold;
}
#header ul li a span {
    display:block;
}
/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}
/* column container */
.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 */
}
/* 2 column right menu settings */
.rightmenu {
    background:#fff;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:#fff;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 15px 0 215px;
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:170px;
    position:relative;
    left:185px;
}

.news {
 background-color:#eee;
}

/* Footer styles */
#footer {
    color:#292929;
    font-family: Verdana,Helvetica,Arial,Sans-Serif;
    font-size: 0.8em;  
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #888;
}
#footer p {
    padding:10px;
    margin:0;
}

div.col1 p,div.col1 ul,div.col1 ol {
    color:#292929;
    font-family: Verdana,Helvetica,Arial,Sans-Serif;
/*
    font-family:Georgia,Serif;
*/
    font-size:1.0em;
    line-height:140%;
    margin-bottom:1em;
    margin-top:0;
}




div.col2 {
    font-family: Verdana,Helvetica,Arial,Sans-Serif;
    font-size: 0.8em;
    line-height: 150%;
    color:#393939;
}


div.col2 p, div.col2 ul
{
    margin-left:0.0em;
    margin-bottom:0em;
    margin-top:0em;
    padding: 0px;
    list-style:none;	 
}


div.col2 li
{
    margin-left:0em;
    line-height:1.4em;
    padding: 0px;
}


.menusecond
{
    margin-left:1.0em;
}


.rightmenu ul {
    margin-left:0em;
    margin-bottom:0em;
}



/* powered by http://mierendo.com/software/rounded_css_boxes/ */
.r_tl, .r_t, .r_tr, .r_l, .r_r, .r_bl, .r_b, .r_br, .r {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.r_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".r" and change the padding
    */
    background-color: #ffffff;
    background-image: url("img/r_border.png");
    background-repeat: repeat-x;
    background-position: top;
}
.r_tl {
    height: 100%;
    background-image: url("img/r_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.r_tr {
    height: 100%;
    background-image: url("img/r_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.r_bl {
    height: 100%;
    background-image: url("img/r_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.r_br {
    height: 100%;
    background-image: url("img/r_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.r {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
    padding: 6px 7px 6px 7px;
}

.r_l {
    height: 100%;
    background-image: url("img/r_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.r_r {
    height: 100%;
    background-image: url("img/r_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.r_b {
    height: 100%;
    background-image: url("img/r_border.png");
    background-repeat: repeat-x;
    background-position: bottom;
}