@charset "utf-8";
/* CSS Document */

html,body { background-color: #666;
margin-left: auto;
margin-right: auto;
padding:0px;
width: 980px;}

body {
	padding: 0;
	margin: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#pageback {
background-position: top left;
background-image: url("images/background.gif");
background-repeat: repeat-y;
width: 980px;}

#pagewrapper {
background-position: top left;
background-image: url("images/pageback.png");
width: 780px;
height: 100%;
}


#nav {
padding: 0;
margin: 0;
position: top left;
width:980px;
float:left;
}

#pagehead {
padding: 0;
margin: 0;
position: top right;
width:980px;}

#sectionhead {
padding: 0 0 50px 0;
margin: 0;
position: top right;
width:980px;}

#flashtop {
background-repeat: repeat-x;	
background-position: left bottom;
                background-image: url("images/photoframe_top.png");
	height:24px;
	width:980px;
/* align: right; */
padding: 0;
margin: 0;
}

#flashbot {
background-repeat: repeat-x;	
background-position: left top;
                background-image: url("images/photoframe_bottom.png");
	height:14px;
	width: 980px;
/* align: right; */
padding: 0;
margin: 0;
}

#contentwrapper {
padding: 15px;
margin:0 ;
width: 710px;

}

#clr {
clear:both;
}

#leftnav {
width: 25%;
padding: 0 0 0 5px;
margin: 0px;
float:left;
border-right: solid 1px #ddd;
}

#content {
width: 80%;
padding: 30px 10px 10px 10px;
text-align: left;
float:left;
position: top left;
}

#contentright {
width: 25%;
padding: 30px 10px 10px 10px;
text-align: left;
float:right;
position: top left;
}

#example {
width: 400px;
padding: 10px;
border: solid 1px #999;
position: relative;
background-image: url("images/pageback.png");
}

#example2 {
width: 266px;
padding: 10px;
border: solid 1px #999;
position: relative;
background-image: url("images/pageback.png");
}

#exampletext {
width: 400px;
padding: 10px;
border: solid 1px #999;
position: relative;
background-image: url("images/pageback.png");
}

#examplelong {
width: 468px;
padding: 10px;
border: solid 1px #999;
background-image: url("images/pageback.png");
}

#examplebanner {
width: 150px;
padding: 10px;
border: solid 1px #999;
position: relative;
background-image: url("images/pageback.png");
}

#contentex {
width: 40%;
padding: 30px 10px 10px 10px;
text-align: left;
float:left;
position: top left;
}

#contentexad {
width: 70%;
padding: 30px 10px 10px 10px;
text-align: left;
float:left;
position: top left;
}

.head1 { font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
color:#666;
}

.projectname { font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
color:#FFA700;
}

.listmenu ul{
list-style: none;
padding: 18px 0 0 0;
margin:0 ;}

.listmenu li{
list-style: none;
padding: 0 0 0 0;
margin:0 ;}

.listmenu a {
list-style: none;
padding: 0 0 0 0;
margin:0 ;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}

a {
list-style: none;
padding: 0 0 0 0;
margin:0 ;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFA700;
}

a:hover {
list-style: none;
padding: 0 0 0 0;
margin:0 ;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

.listmenu a:hover {
list-style: none;
padding: 0 0 0 0;
margin:0 ;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFA700;
}

.caption {
line-height:24px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFA700;
}

.caption a {
list-style: none;
padding: 0 0 0 0;
margin:0 ;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFA700;
}

.li {
list-style: none;
line-height: 16px;
}