body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01.jpg) repeat-x;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
}


img { border:0px; }
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F49500;
}

h2 {
	text-transform: uppercase;
	font-size: 18px;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 11px;
}

p, blockquote, ul, ol {
	line-height: 18px;
}

blockquote {
	padding-left: 20px;
	background: url(images/img05.gif) repeat-y;
}

a {
	color: #F49500; text-decoration:none; text-align:justify;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	width: 930px;
	height: 85px;
	margin: 0 auto;
	background: url(images/img02.jpg);
}

#header h1, #header h2 {
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 120px 0 0 20px;
	font-size: 36px;
}

#header h2 {
	float: right;
	padding: 134px 20px 0 0;
	font-size: 22px;
}

/* Menu */

#menu {
	width: 760px;
	height: 50px;
	margin: 0 auto;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 17px 20px 0 20px;
	background: url(images/img03.gif) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #D8D8D8;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .first a {
	background: none;
}

/* Content */

#content {
	width: 918px;
	margin: 0 auto 20px auto;


	background: #FFFFFF url(images/img04.jpg) repeat-x left bottom;
	
	padding:5px;
   border:1px solid #CCCCCC;

}

/* Posts */

#posts {
	float: right;
	width: 700px;
}

/* Links */

#links {
	float: left;
	width: 200px;
	padding-left: 20px;
	background: url(images/img05.gif) repeat-y;
}

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

#links li ul {
	padding: 5px 0 30px 0;
}

#links li li {
	padding: 7px 10px;
	background: url(images/img06.gif) repeat-x left bottom;
}

#links li a {
	text-decoration: none;
}

#links li a:hover {
	text-decoration: underline;
}

#links li i {
	font-style: normal;
	font-size: 9px;
}

#links li h2 {
	font-size: 14px;
}

/* Footer */

#footer {
	height: 15px;
	padding: 20px;
	background: #2D2D2D url(images/niceboximg09.gif) repeat-x;
}

#footer p {
	text-align: center;
	color:#94BCE4;
}




#seo_text { width:800px; text-shadow:#CC0033 }






#PageDetails 
{
/* width: 545px;	This Will Change Width of PageDetails Body */
line-height:normal;
}


#PageDetails p
{
line-height: 1.3;
}


#PageDetails table 
{
/*table-layout:auto;
margin-top:-100px;
line-height: 1.3;*/
} 






.glossymenu{

	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/Orange/menu_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 19px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/Orange/menu_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
	height: 46px;
	margin-top:-3px;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/Orange/menu_hover_right.gif) no-repeat right top; /*right tab image path*/
	height: 40px;
	margin-top:0px;
	
}





/*Nice Different Style Boxes     START*/
.teaser {
	PADDING-RIGHT: 0px; PADDING-LEFT: 11px; BACKGROUND: url(images/tsr-l.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 10px; PADDING-TOP: 0px
}
.teaser H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/tsr-r.gif) no-repeat right top; PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-TOP: 8px
}
.teaser P {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 11px; BORDER-TOP: #d8d8d8 0px solid; PADDING-LEFT: 11px; BACKGROUND: #fff; PADDING-BOTTOM: 0.5em; MARGIN: 0px 0px 0px -11px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #d8d8d8 0px solid
}
.teaser DIV {
	PADDING-LEFT: 11px; BACKGROUND: url(images/tsr-l.gif) no-repeat left bottom; MARGIN: 0px 0px 0px -11px
}
.teaser A.more {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(images/tsr-r.gif) no-repeat right bottom; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.teaser a:hover {
color:#FFFFFF;
background-color:#FF6600;
}




.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


#nice_inner {
    width:200px;
    float:left;
    margin-right:2%;
    border:3px solid #D6D6C2;
    background:#E0E9F8;
    padding: 3px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    -moz-border-radius: 15px 0 15px 0;
}


#glossybox
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 40em;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 
#glossycontent
	{
	padding:3em;
	}

#glossycontent h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#glossycontent p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
 
#glossytlc, #glossytrc, #glossyblc, #glossybrc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#glossytlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#glossytrc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#glossyblc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#glossybrc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#glossytb, #glossybb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#glossytb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#glossybb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#glossyrb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#glossylb
	{
	background-color: #eeeeee;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

#corners-wrapper {
	BACKGROUND: #fff
}
#corners-b {
	BORDER-RIGHT: #295c7d 1px solid; BORDER-TOP: #295c7d 1px solid; BORDER-LEFT: #295c7d 1px solid; BORDER-BOTTOM: #295c7d 1px solid; BACKGROUND-COLOR: #6ff
}
#corners-b .x1 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(images/cr_big.gif) no-repeat; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: left
}
#corners-b .x1a {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(images/cr_big.gif) no-repeat; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: left
}
#corners-b .x2 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(images/cr_big.gif) no-repeat; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: left
}
#corners-b .x2a {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(images/cr_big.gif) no-repeat; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: left
}
#corners-b .x1 {
	RIGHT: -1px; WIDTH: auto
}
#corners-b .x2 {
	RIGHT: -1px; WIDTH: auto
}
#corners-b .x1a {
	LEFT: -2px; WIDTH: 18px
}
#corners-b .x2a {
	LEFT: -2px; WIDTH: 18px
}
#corners-b .x1 {
	BACKGROUND-POSITION: 100% 0px; TOP: -1px
}
#corners-b .x1a {
	BACKGROUND-POSITION: 0px -36px
}
#corners-b .x2 {
	BACKGROUND-POSITION: 100% -18px; WIDTH: 100%; BOTTOM: -1px; POSITION: absolute; _bottom: -2px
}
#corners-b .x2a {
	BACKGROUND-POSITION: 0px -54px
}
#corners-wrapper .mod#corners-b {
	CLEAR: right; FLOAT: left; MARGIN-RIGHT: 20px
}
#corners-wrapper .mod-wrapper {
	CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: #f9f; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 310px; PADDING-TOP: 10px
}
#corners-wrapper .sprite-wrapper {
	CLEAR: right; FLOAT: left
}
#corners-wrapper .notes {
	CLEAR: right; FLOAT: left
}
#corners-wrapper .sprite-wrapper {
	WIDTH: 200px
}
#corners-wrapper .notes {
	WIDTH: 700px
}
#corners-nb-wrapper {
	BACKGROUND: url(images/camogreen_bg.gif) 0px 0px
}
#corners-nb-wrapper H3 {
	COLOR: #fff
}
.mod#corners-nb {
	LEFT: 10px; COLOR: #fff
}
#corners-nb .mod-content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#corners-nb PRE {
	COLOR: #000
}
#corners-nb .hd {
	PADDING-RIGHT: 10px; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
#corners-nb .bd {
	PADDING-RIGHT: 10px; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#corners-nb {
	BACKGROUND: url(images/rc_nb.gif) no-repeat; POSITION: relative
}
#corners-nb .mod-content {
	BACKGROUND: url(images/rc_nb.gif) no-repeat; POSITION: relative
}
#corners-nb .ft {
	BACKGROUND: url(images/rc_nb.gif) no-repeat; POSITION: relative
}
#corners-nb .ft-content {
	BACKGROUND: url(images/rc_nb.gif) no-repeat; POSITION: relative
}
#corners-nb {
	BACKGROUND-POSITION: 100% 0px
}
#corners-nb .mod-content {
	BACKGROUND-POSITION: 0px 0px; LEFT: -7px; WIDTH: 100%
}
#corners-nb .ft {
	BACKGROUND-POSITION: 100% 100%; RIGHT: -7px; WIDTH: 100%; BOTTOM: -7px
}
#corners-nb .ft .ft-content {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 100%; PADDING-LEFT: 10px; LEFT: -7px; PADDING-BOTTOM: 7px; PADDING-TOP: 0px
}
#corners-nb .x2a {
	BORDER-TOP: transparent 10px solid; DISPLAY: block; FONT-SIZE: 0px; RIGHT: -15px; BORDER-LEFT: #2899e0 15px solid; WIDTH: 1px; LINE-HEIGHT: 0; BORDER-BOTTOM: transparent 10px solid; POSITION: absolute; TOP: 15px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px; _border-top-color: cyan; _border-bottom-color: cyan; _filter: chroma(color="cyan")
}
.mod#corners-nb {
	CLEAR: right; FLOAT: left; MARGIN-RIGHT: 50px
}
#corners-nb-wrapper .sprite-wrapper {
	CLEAR: right; FLOAT: left; WIDTH: 500px
}
#shadow-wrapper {
	BACKGROUND: url(images/stitch_bg_btm.gif) #544433 0px 100%
}
#shadow {
	_padding-bottom: 6px; _overflow-y: hidden
}
#shadow .mod-content {
	BORDER-RIGHT: #746555 1px solid; BORDER-TOP: #746555 1px solid; BACKGROUND: #bdafa1; BORDER-LEFT: #746555 1px solid; BORDER-BOTTOM: #746555 1px solid
}
#shadow .x2a {
	DISPLAY: block; Z-INDEX: -1; BACKGROUND: #000; FILTER: alpha(opacity="30"); LEFT: 6px; WIDTH: 100%; POSITION: absolute; TOP: 6px; HEIGHT: 100%; opacity: .30; _height: 3000px
}
.mod#shadow {
	CLEAR: right; FLOAT: left; MARGIN-BOTTOM: 30px
}
#shadow-wrapper .notes {
	CLEAR: right; FLOAT: left; MARGIN-BOTTOM: 30px
}
#shadow-wrapper .notes {
	WIDTH: 500px
}
#opaque-wrapper {
	BACKGROUND: url(images/leaves_bg_btm.jpg) #94d33e 0px 0px
}
#opaque {
	_padding-bottom: 6px; _overflow-y: hidden
}
#opaque .mod-content {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid
}
#opaque .x1a {
	DISPLAY: block; BACKGROUND: #fff; FILTER: alpha(opacity="40"); WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; opacity: .40; _height: 2000px; _bottom: 6px
}
#opaque .x2 {
	DISPLAY: block; LEFT: 6px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 6px; HEIGHT: 100%; _bottom: -6px; _top: auto
}
#opaque .x2a {
	BORDER-RIGHT: #000 6px solid; BORDER-TOP: #000 0px solid; DISPLAY: block; RIGHT: 6px; FILTER: alpha(opacity="30"); BORDER-LEFT: #000 0px solid; WIDTH: 100%; BOTTOM: 6px; BORDER-BOTTOM: #000 6px solid; POSITION: relative; HEIGHT: 100%; opacity: .30; _height: 2000px
}
.mod#opaque {
	CLEAR: right; FLOAT: left; MARGIN-BOTTOM: 40px
}
#opaque-wrapper .notes {
	CLEAR: right; FLOAT: left; MARGIN-BOTTOM: 40px
}
#opaque-wrapper .notes {
	MARGIN-LEFT: 30px; WIDTH: 500px
}
#gradient-wrapper {
	BACKGROUND: url(images/lines_bg.gif) 0px 0px
}
#gradient-wrapper H3 {
	COLOR: #fff
}
#gradient {
	_padding-bottom: 6px; _overflow-y: hidden
}
#gradient .mod-content {
	BORDER-RIGHT: #c06 1px solid; BORDER-TOP: #c06 1px solid; BORDER-LEFT: #c06 1px solid; BORDER-BOTTOM: #c06 1px solid
}
#gradient .x1a {
	DISPLAY: block; BACKGROUND: url(images/grd_white.png) #c06 repeat-x 0px 100%; FILTER: alpha(opacity="40"); WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; opacity: .40; _height: 2000px; _bottom: 6px; _background: #f39
}
.dark#gradient .x1a {
	BACKGROUND-IMAGE: url(images/grd_black.png); _background: #f39
}
#gradient .x2 {
	DISPLAY: block; LEFT: 6px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 6px; HEIGHT: 100%; _bottom: -6px; _top: auto
}
#gradient .x2a {
	BORDER-RIGHT: #000 6px solid; BORDER-TOP: #000 0px solid; DISPLAY: block; RIGHT: 6px; FILTER: alpha(opacity="30"); BORDER-LEFT: #000 0px solid; WIDTH: 100%; BOTTOM: 6px; BORDER-BOTTOM: #000 6px solid; POSITION: relative; HEIGHT: 100%; opacity: .30; _height: 2000px
}
#gradient-wrapper .mod {
	CLEAR: right; FLOAT: left; MARGIN-BOTTOM: 40px; MARGIN-RIGHT: 20px
}
#glow-wrapper {
	BACKGROUND: url(images/hlokitty_bg_btm.gif) 0px 0px
}
#glow {
	MARGIN-TOP: 30px
}
#glow .mod-content {
	BORDER-RIGHT: #eaeaea 1px solid; BORDER-TOP: #eaeaea 1px solid; BACKGROUND: #e9dac9; BORDER-LEFT: #eaeaea 1px solid; BORDER-BOTTOM: #eaeaea 1px solid
}
#glow .x1 {
	DISPLAY: block; BACKGROUND: url(images/glow.png) no-repeat; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; _background: transparent
}
#glow .x1a {
	DISPLAY: block; BACKGROUND: url(images/glow.png) no-repeat; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; _background: transparent
}
#glow .x2 {
	DISPLAY: block; BACKGROUND: url(images/glow.png) no-repeat; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; _background: transparent
}
#glow .x2a {
	DISPLAY: block; BACKGROUND: url(images/glow.png) no-repeat; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; _background: transparent
}
#glow .x1 {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: 0px 0px; PADDING-LEFT: 0px; Z-INDEX: -2; LEFT: -10px; PADDING-BOTTOM: 10px; BOTTOM: 0px; PADDING-TOP: 0px; TOP: -10px
}
#glow .x1 .x1a {
	BACKGROUND-POSITION: 100% 0px; RIGHT: -10px; WIDTH: 10px; TOP: 0px; HEIGHT: 10px
}
#glow .x2 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 100% 100%; PADDING-LEFT: 10px; Z-INDEX: -1; RIGHT: -10px; PADDING-BOTTOM: 0px; BOTTOM: -10px; PADDING-TOP: 10px
}
#glow .x2 .x2a {
	BACKGROUND-POSITION: 0px 100%; LEFT: -10px; WIDTH: 10px; BOTTOM: 0px; HEIGHT: 10px
}
#glow-wrapper .sprite-wrapper {
	CLEAR: right; FLOAT: left
}
.mod#glow {
	CLEAR: right; FLOAT: left
}
#glow-wrapper .sprite-wrapper {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN-LEFT: 20px; WIDTH: 520px; PADDING-TOP: 0px
}


.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(images/quote_arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 300px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.bluegraysidebox {
	FONT-SIZE: 100%; BACKGROUND: url(images/sbbody-r.gif) no-repeat right bottom; MARGIN: 0px auto; WIDTH: 17em
}
.bluegrayboxhead {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/sbhead-r.gif) no-repeat right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.bluegrayboxhead H2 {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(images/sbhead-l.gif) no-repeat left top; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: white; LINE-HEIGHT: 1em; PADDING-TOP: 20px; text-shadow: rgba(0,0,0,.4) 0px 2px 5px
}
.bluegrayboxbody {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; BACKGROUND: url(images/sbbody-l.gif) no-repeat left bottom; PADDING-BOTTOM: 31px; MARGIN: 0px; PADDING-TOP: 5px
}
.widthlessbox {
	FONT-SIZE: 100%; BACKGROUND: url(images/sbbody-r.gif) no-repeat right bottom; MARGIN: 0px 25%
}
/* set the image to use and establish the lower-right position */ 
.bluecssbox, .bluecssbox_body, .bluecssbox_head, .bluecssbox_head h2 {
    background: transparent url(images/demobox.png) no-repeat bottom right; 
} 
.bluecssbox { 
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.bluecssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.bluecssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.bluecssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 



.roundbox-tr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/roundbox_tr.gif) no-repeat right top; PADDING-BOTTOM: 0px; MARGIN: 15px auto; WIDTH: 90%; PADDING-TOP: 0px
}
.roundbox-tl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/roundbox_tl.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.roundbox-br {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/roundbox_br.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.roundbox-bl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/roundbox_bl.gif) no-repeat left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.roundbox-content {
	PADDING-RIGHT: 3.5em; PADDING-LEFT: 3.5em; PADDING-BOTTOM: 2.5em; MARGIN: 0px; PADDING-TOP: 2.5em
}
.roundbox-content P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.6; PADDING-TOP: 0px
}


/*Nice Different Style Boxes     END*/


/*  Nice Frame Around Images */
img.border {

/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}




















/* Boxes */

.box-orange {

	background: url(images/niceboximg09.gif) repeat-x;
}
.box-orange .section {

	background: url(images/niceboximg11.gif) no-repeat right top;

	font-size: 100%;

	color: #FFFFFF;

}



.box-orange .section b {
	display: block;
	padding: 7px 0 0 10px;
	background: url(images/niceboximg10.gif) no-repeat;
}





.box-blue {
	background: url(images/niceboximg13.gif) repeat-x;
}

.box-blue .section {

	background: url(images/niceboximg15.gif) no-repeat right top;
	font-size: 100%;
	color: #FFFFFF;
}
.box-blue .section b {
	display: block;	padding: 7px 0 0 10px;
	background: url(images/niceboximg14.gif) no-repeat;
}









.boxed {
	margin-bottom: 5px;
}


.boxed .title {
	height: 25px;
	margin: 0;
	padding: 4px 0 0 15px;
	background: url(images/grcimg05.gif) no-repeat;
	font-size: 1.4em;
	color: #5B62BA;

}



.boxed .content {
	padding: 15px;
	border: 1px solid #9FA4FF;
	width: 148px;
}





.boxed2 .content {
	padding: 15px;
	border: 1px solid #9FA4FF;
	width: 248px;
}




#sidebar1 {
	float: right;
	width: 280px;
}



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



#sidebar1 li {
	margin-bottom: 20px;
	padding: 20px 20px 40px 20px;
	background: url(images/sidebar1.jpg) no-repeat;
}



#sidebar1 li ul {
	line-height: 240%;
}



#sidebar1 li li {
	margin: 0;
	padding: 0;
	background: none;
	padding-left: 15px;
	background: url(images/sidebar1.jpg) no-repeat left center;
}



#sidebar1 h2 {

	margin-bottom: 20px;

	text-transform: lowercase;

	color: #4F789F;

}








/* Content > Sidebar > Menu */

#menu_sub {
	margin-bottom: 30px;
	border-bottom: 4px solid #EBEBEB;
}

#menu_sub  ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu_sub  li {
	display: inline;
}

#menu_sub  a {
	display: block;
	padding: 10px 0 10px 24px;
	background: url(images/submenu.gif) no-repeat 10px 17px;
	border-top: 1px solid #EBEBEB;
	color: #E08934;
}

#menu_sub  a:hover, #menu_sub  .active a {
	background: #EBEEF3;
	text-decoration: none;
	font-weight: bold;
	color: #385B88;
}






/* (?) popup properties */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}








/* Small Text Box Here */
textarea#styled {
	width: 180px;
	height: 50px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: auto;
	
}


/* Small Input Box */
input#styled {
font-size:9px;
font:Georgia, "Times New Roman", Times, serif;
width:70px;
height:14px;
padding:0;
margin:0;
}


/* Small Drop Down Menu*/
select#styled {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
height:13px;
}


/* Small Submit Menu*/
.formbutton{
cursor:pointer;
font:Georgia, "Times New Roman", Times, serif;
font-size:9px;
border:outset 1px #CCCCCC;
background:#999;
color:#666;
padding: 0px 0px;
width:35px; height:18px;
background:url(formbg.gif) repeat-x left top;
}









#footerlink ul
{
	padding-left: 0;
	margin-left: 0;
	color: black;
	float: left;
	width: 100%;
}
#footerlink ul li { display: inline; }
#footerlink ul li a
{
	padding: 0.2em 0.5em;
	color: black;
	text-decoration: none;
	float: center;
}
#footerlink ul li a:hover
{

	color:#FFFFFF;
	background-color:#FF9900;

}

































.top_menu{ width:200px; float:right;}
	.top_menu a { display: block; float: left; font-size: 12px; color: #ffffff; text-decoration: none; padding: 0 5px; background: url('images/utility_nav_divider.gif') left no-repeat; font-weight:bold; }
	.top_menu a:hover { background-color:#330000; color:#FFFFFF;  font-weight:bold;}



#latest_news_content { background: url('images/fantasy-background.gif') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#006699; width:265px; height:100px; border: 3px solid #336666; padding:6px; }	

#bottom_right_one {background: url('images/abstract-background-design.gif') repeat-x;  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#006699; width:265px; height:100px; border: 3px solid #CC6600; padding:6px; }

#bottom_right_one li { background: url('images/read_more.gif') left no-repeat; padding-left: 12px; color: #5c91c7; font-size: 11px; }

#bottom_right_one li a:hover { background-color:#333366; color:#FFFFFF; }


#bottom_right_two {background: url('images/abstract-flow.gif') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#006699; width:265px;  height:100px; border: 3px solid #996699; padding:6px; }	
#bottom_right_two li { background: url('images/read_more.gif') left no-repeat; padding-left: 12px; color: #5c91c7; font-size: 11px; }
#bottom_right_two li a:hover { background-color:#333366; color:#FFFFFF; }

h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}


.service_list{
font-size:16px;
color:#663300; font-weight:bold;
background:url(images/article_actions.gif)repeat-x; 0 0; padding:0 ; margin:0;
}

.service_list_heading{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
}

#site_blogs
{
position: relative;
width: 650px;
float: left;
}

#site_blogs h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 3px 5px;
}

#site_blogs .content
{
padding: 0px 3px 0px 5px;
margin-bottom: 5px;
}

#site_blogs .post
{
margin-bottom:4px;
}

#site_blogs .post .header
{
position: relative;
}

#site_blogs .post .readmore
{
line-height: 5px;
color: #AFAFA4;
font-weight: bold;
}

#site_blogs .post .content
{
margin-bottom: 0px;
}

#site_blogs .post .footer
{
top:30px;
background: url('images/a33.gif') repeat-x;
height: 15px;
padding-bottom:30px;
}

#site_blogs .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#site_blogs .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}




#img_border {
   padding:1px;
   border:1px solid #3366CC;
   background-color:#666666;
}


.img_border {
   padding:5px;
   border:1px solid #CCCCCC;
   background-color:#EEEEEE;
}


#header_h3 {
font-family:Georgia, "Times New Roman", Times, serif; color:#993300; font-size:16px; font-weight:bold;
}








.cool_box_subdiv{
	width:325px !important; float:left; margin:0 15px 0 0; background:url(images/cool_box_sub_div_bg.gif) repeat-y 0 0 #D6D7A0; color:#5C5C5C; 
	padding:0;
	}
.cool_box_subdiv p.top{
	background:url(images/cool_box_sub_div_top.gif) no-repeat 0 0; width:325px; height:13px; font-size:0; padding:0 ; margin:0;
	display:block;
	}
.cool_box_subdiv p.bot{
	background:url(images/cool_box_sub_div_bot.gif) no-repeat 0 0; width:325px; height:20px; font-size:0; padding:0; margin:0; 
	display:block;
	}
	
.cool_box_subdiv #sub_div_1{
	background:url(images/cool_box_more_h2_service.gif) no-repeat 0 0 #fffffe; margin:0 5px 0 5px; display:block; padding:0 0 0 65px; 
	height:41px; color:#FFFFFF; font:bold 16px/41px Arial, Helvetica, sans-serif; width:251px;
	}	
	
.cool_box_subdiv #sub_div_2{
	background:url(images/cool_box_member_h2.gif) no-repeat 0 0 #fffffe; margin:0 5px 0 5px; display:block; padding:0 0 0 65px; 
	height:41px; color:#FFFFFF; font:bold 16px/41px Arial, Helvetica, sans-serif; width:251px;
	}
	
	
	
	
.cool_box_subdiv h4{
	color:#830808; background-color:#FFFFFF; font-size:12px; font-weight:normal; line-height:16px; margin:0 2px 0 20px;
	display:block;
	}

.cool_box_subdiv p.more{
	margin:8px 0 0 260px;
	}
.cool_box_subdiv p.more a{
	width:50px; height:16px; background:url(images/cool_box_more.gif) no-repeat 0 0 #fffffe; text-decoration:none; text-align:center;
	font-weight:bold; font-size:10px; color:#FFFFFF; display:block;
	}
.cool_box_subdiv p.more a:hover{
	background:url(images/cool_box_more_h.gif) no-repeat 0 0;
	}

.cool_box_subdiv ul.servi{
	margin:0 0 0 20px; padding:0 0 24px 0;
	height:180px !important;
	}
.cool_box_subdiv ul.servi li{
	display:block; background:url(images/cool_box_subdiv_arrow.gif) no-repeat 0 7px; padding:0 0 0 12px; 
	}
.cool_box_subdiv ul.servi li a{
	text-decoration:none; font-size:14px; line-height:18px; color:#5C5C5C; background-color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; word-spacing:0px;
	}
.cool_box_subdiv ul.servi li a:hover{
	text-decoration:none;
	}

	



.content_style_1{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333;
}