body {
background: #7fa1b5;
}

td {
	font: normal 11px Tahoma, Arial;
	color: #305869;
}

h1, h2, h3, h4, h5 {

    color: #ffffff;
    margin: 0px;
}


h1 {
    font-size: 35px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
}


a {

font: normal 11px Tahoma, Arial;
color: #3d90ae;
text-decoration: underline;
}

a:hover {

font: normal 11px Tahoma, Arial;
color: #3d90ae;
text-decoration: none;

}

a.white-link-underline {	
	text-decoration: underline;
	color: #FFFFFF;
}

.white-text{
color: #305869;
text-decoration: none;

}
a.b1
{
font:  14px tahoma, Arial;
color: #fffea0;
text-decoration: none;
padding: 15px;
margin: 0px;

}
.p1
{
padding: 0 0 0 20px;
}
.bg1
{
background:url(images/index_09.gif) #ffda9f top repeat-x;
}
.bg2
{
background:url(images/index_18.gif) #ffdca4 top repeat-x;
}
.menu 
{
vertical-align:top;
height: 35px;
background:url(images/index_03.gif);
padding: 10px 0 0 85px;
}
.menu a
{
color:#FFFFFF;
font: bold 11px  tahoma, Arial;
text-decoration: none;
}


.blye-text-underline {
color: #47beed;
text-decoration: underline;
}

.blye-text-regular {
color: #47beed;
text-decoration: none;
}

.yellow-text-regular {
color: #ece92c;
text-decoration: none;
}

.yellow-text-underline {
color: #ece92c;
text-decoration: underline;
}

.orange-text-regular {
color: #e88520;
text-decoration: none;
}

.orange-text-underline {
color: #e88520;
text-decoration: underline;
}
.broun-text-regular {
color: #de4e06;
text-decoration: none;
}

.broun-text-underline {
color: #de4e06;
text-decoration: underline;
}

.red-text-regular {
color: #c12b27;
text-decoration: none;
}

.red-text-underline {
color: #c12b27;
text-decoration: underline;
}
.black-text-regular {
color: #000000;
text-decoration: none;
}

.black-text-underline {
color: #000000;
text-decoration: underline;
}


.gray-text-underline{
color: #7c7c7c;
text-decoration: underline;
}
.gray-text-regular{
color: #7c7c7c;
text-decoration: none;
}

.green-text{
color: #a5b66e;
text-decoration: none;
}

.green-text-underline{
color: #a5b66e;
text-decoration: underline;
}

/*
CSS from:
http://www.alistapart.com/articles/onionskin/
modified to use descendant selectors instead of class names,
as suggested by Sergio: http://www.alistapart.com/discuss/onionskin/3/#c8219
Updated to allow for multiple shadow styles throughout the site
*/

div.shadow1, div.shadow1 div, div.shadow1 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow1 {
	float:left;
	background:url(../images/shadows/01/shadow.gif) right bottom no-repeat;
	}
div.shadow1 div {
	background:url(../images/shadows/01/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow1 div div {
	padding:0 8px 8px 0;
	background:url(../images/shadows/01/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow1 div div img {
	display:block;
	}
	
div.shadow2, div.shadow2 div, div.shadow2 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow2 {
	float:left;
	background:url(../images/shadows/02/shadow.gif) right bottom no-repeat;
	}
div.shadow2 div {
	background:url(../images/shadows/02/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow2 div div {
	padding:0 8px 8px 0;
	background:url(../images/shadows/02/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow2 div div img {
	display:block;
	}
	
div.shadow3, div.shadow3 div, div.shadow3 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow3 {
	float:left;
	
	background:url(images/shadows/03/shadow.gif) right bottom no-repeat;
	}
div.shadow3 div {
	background:url(images/shadows/03/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow3 div div {
	padding:0 8px 8px 0;
	background:url(images/shadows/03/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow3 div div img {
	display:block;
	}
	
body {
    padding: 0px;
    margin: 0px;
    background-image: url(site-background-image.png);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}
.main {

}
.shadow {
    background-image: url(images/shadowsides.png);
    background-repeat: repeat-y;
    background-position: top center;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
}
 .outerpair1 {
	background: url(images/upperrightfade.png) right top no-repeat;
	width: 98.2%;
}

outerpairshadow {
	
	width: 240px;
}

/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


.outerpair2 {
background: url(images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


 .shadowbox {
background: url(images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


.innerbox {
	position: relative;
	left: -8px;
	top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 0px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */



.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 130px 0 0 450px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.textbox .innerbox {
border: 1px solid #ccc;
background: #e8e8e8;
width: 330px;
height: 210px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to
div.inner, div.outerpair1, or an external wrapper element. */

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox {
display: block;
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}