* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #ffffff;
  border-top: 5px solid #333333;
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
 background-color: #2B2F32;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 height: 125px;
 margin: 0px 0px 0px 0px;
 background: url(assets/hdr_bkg.png);
}
#flash_sec {
 color: #333;
 width: 900px;
 float: left;
 height: 230px;
 margin: 0px 0px 0px 0px;
 background: #E2D1BF;
}
#nav_sec {
 float: left;
 width: 876px;
 height: 25px;
 color: #ffffff;
 margin: 0px 0px 5px 0px;
 background: url(assets/ftr_bkg.gif);
 padding: 10px;
 text-align: center;
 border: 2px solid #000000;
}
#nav_sub {
 float: left;
 width: 880px;
 color: #333;
 margin: 0px 0px 5px 0px;
 background-image: url(assets/nav_sub.png);
 padding: 10px;
 text-align: center;
}
#head_sub {
 float: left;
 width: 900px;
 height: 10px;
 color: #333;
 margin: 0px 0px 0px 0px;
 background: url(assets/nav_sub.png);
 text-align: center;
}
a {
	color: #FF1B30;
	text-decoration: none;
}
#r_col {
 float: right; 
 color: #fff;
 background: url(assets/r_colbkg.jpg);
 margin: 0px 0px 0px 0px;
 min-height: 450px;
 width: 210px;
 padding: 10px;
}
#r_col a{ 
color: #FF1B30;
}
#l_col {
 float: left; 
 color: #333;
 background: url(assets/r_colbkg.jpg);
 margin: 0px 0px 0px 0px;
 height: 470px;
 width: 25px;
}
#content { 
 float: left;
 color: #333;
 background: #ffffff;
 margin: 0px 5px 0px 0px;
 padding: 10px;
 width: 620px;
 border-top: 4px solid #cccccc;
 border-left: 4px solid #333333;
  border-right: 6px solid #333333;
}
#content-blog { 
 float: left;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 645px;
 border-top: 4px solid #cccccc;
 border-left: 4px solid #333333;
  border-right: 6px solid #333333;
}
#content h2 {
color: #333333;
}
#footer { 
 width: 876px;
 clear: both;
 color: #ffffff;
 background: url(assets/ftr_bkg.gif);
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 25px;
 border: 2px solid #000000;
}
#wel_sec {
 width: 950px;
 height: 150px;
 background: url('assets/bkg_rp.jpg');
 float: left;
}
ul {
	margin-left: 0;
	padding-top: 10;
	padding-left: 20px;
}

-->dropdown menu
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 1px solid #ffffff;
background: url('assets/steel.jpg');
line-height: 20px;
margin-left: 10px;
width: 100px;
color: #266890;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color: #ffffff;
}
.subuls{
display: none;
width: 100%;
left: 0;
background-color: #6495C0;
border: 1px solid #266890;
}

.subuls li{
width: 100%;
line-height: 25px;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { 
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { 
display: block;
}

-->navbar menu
#navmenu, #navmenu ul {
padding: 0;
margin-left: 0;
list-style: none;
}

#navmenu li {
float: left;
}

.menuitems{
border-top: 5px groove #E70012;
border-right: 2px dotted #E70012;
border-left: 2px dotted #E70012;
background: url('assets/nav_bkg.png');
height: 20px;
margin: 0px 0px 0px 7px;
width: 150px;
color: #365365;
list-style: none;
float: left;
padding: 3px;
}

.menuitems a{
margin-left: 15px;
margin-right: 0px;
text-decoration: none;
color: #000000;
font-size: 14px;
font-weight: bolder;
}
#navmenu2, #navmenu2 ul {
padding: 0;
margin-left: 0;
list-style: none;
}

#navmenu2 li {
float: right;
}
.menuitems2{
border-top: 5px groove #E70012;
border-right: 2px dotted #E70012;
border-left: 2px dotted #E70012;
height: 15px;
margin: 0px 0px 0px 5px;
width: 100px;
color: #365365;
list-style: none;
float: left;
padding: 3px;
}

.menuitems2 a{
margin-left: 12px;
margin-right: 0px;
text-decoration: none;
color: #000000;
font-size: 12px;
font-weight: bolder;
}
.subitems{
display: none;
width: 200px;
left: 0;
background-color: #6495C0;
border: 1px solid #266890;
}

.subitems li{
width: 200px;
line-height: 20px;
background-color: #365365;
border-bottom: 1px solid #ffffff;
}

.subitems li a{
text-decoration: underline;
}

#navmenu li>ul { 
top: auto;
left: auto;
}

#navmenu li:hover ul, li.over ul { 
display: block;
}
.message_sec {
width: 250px;
min-height: 100px;
border-top: 2px solid #FFFF00;
border-bottom: 2px solid #FFFF00;
float: right;
padding: 5px;
}

.roundcont {
	width: 600px;
	min-height: 320px;
	background-color: #ffffff;
	color: #000000;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	float: left;
}
.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(assets/tr.gif); 
	width: 600px;
	height:20px;
}

.roundbottom {
	background: url(assets/br.gif);
	width: 600px;
	height:20px; 
	clear: both;
}

img.corner {
   width: 30px;
   height: 30px;
   border: none;
   display: block !important;
}
#contentspan {
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}
.pad{
padding: 5px;
}
#browse_sec {
width: 185px;
min-height: 15px;
border-bottom: 2px solid #FF0000;
padding: 3px;
color: #FFFFFF;
text-align: justify;
margin-top: 10px;
font-size: 14px;
float: right;
}
#browse_sec2 {
width: 185px;
min-height: 15px;
border-bottom: 4px solid #FFFF00;
padding: 3px;
color: #FFFFFF;
text-align: justify;
margin-top: 10px;
font-size: 14px;
float: right;
}
.normal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
font-weight: 500;
}
.field {
height: 30px;
width: 250px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 16px;
float: left;
}
.label {
width: 175px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
float: left;
}
.input {
width: 250px;
border: 2px solid #333333;
height: 17px;
padding: 2px;
}
.txtarea {
width: 250px;
height: 50px;
border: 2px solid #333333;
padding: 3px;
}
<!----->

		#gallery_nav img {
			border: 3px solid white;
			margin-bottom: 5px;
		}

		#gallery_nav {
			float: left;
			width: 600px;
			text-align: center;
			height: 100px;
			overflow: auto;
			text-align: left; 
		}

		#gallery_output {
			float: left;
			width: 400px;
			height: 300px;
			overflow: hidden;
			margin-left: 10px;
			position: relative;
			left: 50%;
			margin-left: -200px;
		}

		#gallery_output img {
			display: block;
			margin: 20px auto 0 auto;
		}
		
		
		
		ul#menu { width: 850px; height: 23px; font-size: 11px; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 10px; }
ul#menu li a { height: 23px; color: #ffffff; text-decoration: none; display: block; float: left; }
ul#menu li a:hover { color: #ccc; }

ul#arrow1 {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
list-style-image: url(assets/arrow_home.jpg);
list-style-position: outside;
list-style-type: square;
margin-left: 25px;
margin-bottom: 100px;
}

#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
img{border:none;}
#popup ul,li{
	margin:0;
	padding:0;
}
#popup li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}
h2 {
color: #FFFFFF;
}
.post {
border-bottom: 3px solid #FF0000;
margin-bottom: 20px;
padding: 5px;
}
#post {
border-bottom: 2px solid #333;
}