@charset "utf-8";

/* default elements */

html, body
{
  height: 100%;
}

body {
	background: #8398A1;
	color: #333;
	font: normal 80% sans-serif;
	padding: 2% 0;
}

a {
	color: #C60;
	text-decoration: none;
}
a.white {
	color: #FFFFFF;
	text-decoration: none;
}


a:hover {
	color: #069;
	text-decoration: none;
}

big {font-size: 1.1em;}

.greyline { border: 1px;}

/* header */
.title {
	background: #E2DED5 url(img/header-h1.jpg) repeat-x;
	border-top: 1px solid #996;
}
.title h1 {
	font: normal 2.2em Georgia,sans-serif;
	padding: 10px 0 10px 10px;
}

.header {
	border-top: 2px solid #663;
	background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
	height: 220px;
}

img {border: none;}

label {display: block;}

p {padding: 2px 0 10px;}

small,.small {font: normal 0.9em sans-serif;}

ul,ol {padding: -0.5em 2.5em 0.2em;}

.listpad {
	margin-left: 5px;
	padding-left: 1em;
	text-indent: 0em;
	list-style-type: circle;
}
.padding {
	padding: 10px;
}



ul.disc {
	list-style-type: disc;
	margin-left: 1em;
}

li {
	padding-bottom: 0.5em;
	}

li.disc {
	padding-bottom: 15px;	
} 

.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

h2,h3 {
	color: #006699;
}

h1 {
	font: normal 2em Georgia,serif;
	color: #669900;
}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {
	font: normal 1.6em serif,sans-serif;
	margin: 10px 0 0.3em 0;
}

h3 {font: 1.4em serif,sans-serif;
	margin: 10px 0 0.3em 0;
	}

h4 {
	font: normal 1.2em sans-serif;
	color: #666666;
	margin: 10px 0 0.3em 0;
	}

h5 {
	font: normal 1em sans-serif;
	color: #CC9900;
	margin: 10px 0 0.3em 0;
	}

h1.feather {
	background: url(images/icon_feather.gif) no-repeat left center;
	padding-left: 50px;
	}	

a.white:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.white:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	text-decoration: none;
}

a.white:visited {
	color: #FFFFFF;	
	text-decoration: none;
}

a.white:active {
	text-decoration: none;
}
 
.border {
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
}

.border-left {
	border-left: 1px solid #C1DAD7;
}

.border-right {
	border-right: 1px solid #C1DAD7;
}

#sub {
margin:0 0 -2em 1px;
padding: 1px 0 1em;
width:500px;
}

.padr {
	margin:0 10px 20px 0;
}

.padl {
	margin:0 10px 20px 30px;
}

#padr {
margin:0 5px 0 0;
padding: 0 5px 0 0;
}


blockquote {
	position: relative;
	text-indent: 2em;
	font: normal 1.1em Georgia,serif;
	color: #669933;
}
.bqstart,.bqend {
	font-size: 300%;
	color: #999999;
}
/* apply IE specific rules first */

.bqstart {
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
}
blockquote> .bqstart {
	/* add extra non-IE rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
}
.bqend {
	position: absolute;
	margin-top: -0.5em;
	right: 0;
	text-indent: 0;
}
blockquote> .bqend {
	margin-top: -0.1em;
}
blockquote cite {
	font: 0.9em sans-serif;
	color: #666666;
}
#container /* hold all html content */
{
background: #CCC;
width: 300px;
height: 500px;
}

#tag1
{
width: 500px;
height: 200px;
}

#tag2
{
float: left;
width: 250px;
height: 300px;
}
#tag3
{
float: right;
width: 350px;
height: 450px;
background: #ffffff;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.no-margin {
	margin: 1px;
}

.box1 {
	background-color: #E3ECEE;
	width: 180px;
	height: 300px;
	margin: 0 auto 15px auto;
	padding: 10px;
	border: 1px solid #336699;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}


.rel {
	margin: 0px 0 0 0px;
	padding: 10px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.container {
        display: block;
    }
 
    .content {
        background: #E3ECEE;		
		margin: 0 auto 0px auto;
		padding: 10px;
    }
    .round_span7 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 7px;
    }
    .round_span6 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 6px;
    }
    .round_span5 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 5px;
    }
    .round_span4 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 4px;
    }
 
    .round_span3 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 3px;
    }
 
    .round_span2 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 2px;
    }
 
    .round_span1 {
        background: #E3ECEE;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 1px;
    }