/* CSS Document */

/* padding: 5px 5px 5px 5px;		top, right, bottom, left */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}

	
body {
background : url("images/0-bg.jpg") repeat top left;
height : 100%;
text-align:center; /*For IE*/
}

.sitewrap {
width : 840px;
margin : 0 auto;
text-align:left;  /*For body text-align center*/
}	

.top-header {
width : 100%;
height : 20px;
background : url("images/1a-header-top_02.jpg") repeat top left;
font-size: 10px; 
color: #666;
padding-top : 0;
}

.header {
width : 100%;
height : 119px;
background : url("images/1b-header_04.jpg") repeat top left;
padding-top : 0;
}

.header-left {
width : 270px;
margin-top : 69px;
line-height : 15px;
word-spacing : 5px;
}


.header-right {
width : 560px;
margin-top : 8px;
text-align : center;
line-height : 15px;
}

.bottom-header {
width : 100%;
height : 11px;
background : url("images/1c-header-bott_05.jpg") no-repeat;
padding-top : 0;
}



/* Navs */

.uppernav1 {
width : 100%;
height : 36px;
background : url("images/2a-menu-bar_06.jpg") repeat top left;
padding-left : 0;
line-height : 2;
word-spacing : 5px;
}

.uppernav1-left {
width : 150px;
height : 36px;
font-family : Arial, Helvetica, sans-serif;
padding-left : 20px;
}

.uppernav1-right {
width : 600px;
height : 36px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight: bold;
color : #fff;
text-align : right;
padding-right : 20px;
line-height : 3;
word-spacing : 2px;
}



/* links */


a:link {
font-family : Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}

a:visited {
font-family : Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}

a:hover {
font-family : Arial, Helvetica, sans-serif;
color : #c70e51;
text-decoration : underline;
}

a:active {
font-family : Arial, Helvetica, sans-serif;
color : #c70e51;
text-decoration : none;
}



a.black:link {
font-family : Arial, Helvetica, sans-serif;
color : #666;
text-decoration : none;
}
a.black:visited {
font-family : Arial, Helvetica, sans-serif;
color : #666;
text-decoration : none;
}
a.black:hover {
font-family : Arial, Helvetica, sans-serif;
color : #c70e51;
text-decoration : underline;
}
a.black:active {
font-family : Arial, Helvetica, sans-serif;
color : #c70e51;
text-decoration : none;
}




/* Content */

.top-content {
width : 100%;
height : 21px;
background : url("images/3a-top-border_07.jpg") repeat top left;
padding-top : 0;
}

.content-wrap {
height : 430px;
padding : 0;
}

.content-wrap-long {
height : 650px;
padding : 0;
}

.content-stretchleft {
width : 6px;
height : 100%;
background : url("images/3b-strech-lr_11.gif") repeat top left;
padding : 0 0 10px 0;
}

.content-stretchright {
width : 6px;
height : 100%;
background : url("images/3c-strech-lr_13.gif") repeat top left;
padding : 0 0 10px 0;
}

.content-bodywrap {
width : 828px;
height : 100%;
background : url("images/3d-stretch-body_09.jpg") repeat top left;
padding : 0 0 10px 0;
}

.content-left {
width : 580px;
height : 100%;
padding : 0;
margin-left : 10px;
}

.content-right {
width : 198px;
height : 100%;
background : url("images/3e-stretch-box_15.jpg") repeat top left;
padding : 0;
margin-right : 10px;
border-style : solid;
border-width : 1px;
border-color : #999;
}

.content-rightheader {
width : 198px;
height : 20px;
background : url("images/3f-box-header_20.jpg") repeat top left;
padding-top : 5px;
}

.bottom-content {
width : 100%;
height : 22px;
background : url("images/3g-bott-border_18.jpg") repeat top left;
padding-top : 0;
}

.content-middle {
width : 750px;
height : 650px;
padding : 0 ;
margin : 0 10px 0 10px;
}



/* Footer */

.footer {
width : 100%;
height : 36px;
background : url("images/2a-menu-bar_06.jpg") no-repeat;
}

.footer-left {
width : 400px;
height : 100%;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ccc;
padding-left : 20px;
line-height : 2;
word-spacing : 5px;
}

.footer-right {
width : 400px;
height : 100%;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666;
text-align : right;
padding-right : 20px;
line-height : 3;
word-spacing : 1px;
}




/* paragraph */

br {
padding : 10px 10px 0 10px;
}

p {
font-family : Arial, Helvetica, sans-serif;
padding : 10px 10px 0 10px;
line-height : 125%;
}

.padding {
padding : 5px 5px 5px 5px;
}

.no-padding {
padding : 0 0 5px 0;
}

.zero-padding {
	padding: 0;
}

.top-padding {
padding-top : 10px;
}

.left-padding {
padding-left : 10px;
padding-top : 0;
}

.line-height-small {
line-height : 5px;
}

ol, ul {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666;
line-height : 14px;
list-style-type : none;
padding-left : 10px;
margin : 0;
}

li {
background-image : url("images/list_arrow.png");
background-repeat : no-repeat;
background-position : 0 5px;
padding-left : 14px;
}

.left {
float : left;
}

.text-right {
	text-align: right;
}

.right {
float : right;
}

.clear {
clear : both;
}

.center {
text-align : center;
}

.horizontal_dotted_line {
border-bottom : 1px dotted #fff;
width : 198px;
margin-top : 10px;
} 


/* fonts and heading */


h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #666;
padding-left : 15px;
margin-top : 5px;
margin-bottom : 2px;
}

h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999;
padding-left : 15px;
margin-top : 0;
margin-bottom : 0;
}

h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #fff;
padding-left : 15px;
margin-top : 0;
margin-bottom : 0;
}

.font1-body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #666;
}

.font1-normal {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666;
}

.font1-normal-small {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666;
}

.font2-medium {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999;
}

.font3-light {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ccc;
}

.font3-light-small {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ccc;
}

.font4-link {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #fff;
}

.strong {
font-weight : bold;
}

.underline {
text-decoration : underline;
}

.navborder {
border-top : 1px solid #ccc;
position : relative;
border-bottom : 1px solid #ccc;
position : relative;
margin-bottom : 10px;
}


