/*imlive*/
/*** DO NO COPY! Email me if you want to use this layout: sabin @ camtrial.com ***/

* {padding: 0; margin: 0;}

body {font-family:Arial, Helvetica; color:#000000; font-size:12px; background-color:#006699;}

/*img*/

.img {padding:3px; border:2px solid #ffcc66;}
.img2 {padding:3px; border:none;}
.img3{padding: 3px; border:none; float:left; margin-bottom:-4px;}

/*img float*/
img.floatTL {float:left; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:8px;}
img.floatTR{float:right; margin-left:5px; margin-bottom:5px; margin-top:7px;}

/*wrapper*/
#wrapper {width:770px; margin:5px auto 5px auto;}

/*navigation*/
#navbartop {margin: 0px 5px 0px 5px; padding:5px; vertical-align:middle; background-image:url(../_images/logo.gif);
background-position:center; background-repeat:no-repeat; background-color:#003366; text-align:right; color:#fff;}

#navbartop img {border:none; vertical-align:middle;}

#navbartop a {font-size:12px; color:#fff; text-decoration:none;}

/*navigation menu*/
#navbar {margin:0px 5px 0px 5px; background-color:#ccccff; text-align:center;}

#nav {line-height:60px;}

#nav li {list-style:none; display:inline; padding:10px auto 10px auto;}
		
#nav li a {text-decoration:none; color:#003366; border-bottom:0; padding:10px 5px 10px 5px; font-size:14px; font-weight:bold;}
 
#nav li a:hover {color:#ff7733;}

#nav li a.on {color:#00a7cc;}

.navspan {text-decoration:underline;}


/*main area*/
#maintext {border:1px solid #ccc; margin:0px 5px 0px 5px; padding:4px; background-color:#dfeefc;}

#maintext h1 {color:#fff; font-size:12px; font-weight:bold; padding-left:5px; padding-bottom:4px; padding-top:4px; padding-right:auto; background-color: #003366;}

#maintext h2 {color:#fff; font-size:12px; font-weight:bold; padding-left:5px; padding-bottom:4px; padding-top:4px; padding-right:auto; background-color: #003366;}

#maintext p {color:#000; text-align:justify; padding-top:5px; padding-left:5px; padding-bottom:5px; padding-right:10px;}

#maintext a {color:#003366; text-decoration:underline;}

#maintext a:hover {color:#ff7733; text-decoration:none;}

/*footer*/
#footer {background-color:#ccccff; margin:0px 5px 5px 5px; display:inline; /* IE Hack */ padding:4px; float:left; width:751px;
text-align:center; font-size: 11px;}

#footer a {color:#333360; text-decoration:none;}

#footer a:hover {text-decoration:underline;}

/*miscellaneous */
.inset {float:right; width:250px; height:250px; padding:5px; border:2px solid #003366; margin:5px -7px 0 5px; background:#dfeefc;
color:inherit;}

.iframe {vertical-align:middle;}

.copy {padding-top:3px; text-align:left;}

/*2 colums layout (imlive_member.php)*/
#maintext_left {border:1px solid #ccc; border-right:none; border-bottom:none; margin:0px 0px 0px 5px; padding:4px; background-color:#dfeefc; float:left; width:575px; height:1530px;}
#maintext_left h1 {color:#fff; font-size:12px; font-weight:bold; padding:4px;  background-color: #003366;}
#maintext_left h2 {color:#fff; font-size:12px; font-weight:bold; padding:4px;  background-color: #003366;}
#maintext_left p {color:#000; text-align:justify; padding:5px 10px 5px 5px;}
#maintext_left a {color: #003366; text-decoration: underline;}
#maintext_left a:hover {color:#ff7733; text-decoration:none;}

#right_side {border:1px solid #ccc; border-bottom:none; margin:0px 5px 0px 0px; padding:4px; background-color:#dfeefc; float:right; width:166px; height:1530px;}
#right_side h1 {color:#fff; font-size:12px; font-weight:bold; padding:4px; margin:auto 5px auto 5px; background-color: #003366;}
#right_side h2 {color:#fff; font-size:12px; font-weight:bold; padding:4px;  background-color: #003366;}
#right_side a {color: #003366; text-decoration: underline;}
#right_side a:hover {color:#ff7733; text-decoration:none;}

#jsmbox {background-color:#dfeefc; margin:2px 5px 0px 5px; width:752px; padding: 4px;}
#jsmbox h3 {color:#fff; font-size:12px; font-weight:bold; padding:5px;  background-color:#003366;}
#jsmbox a {color: #003366; text-decoration: underline;}
#jsmbox a:hover {color:#ff7733; text-decoration:none;}
#jsmbox tr td:hover {background:#ccccff;}

/*imlive rss style*/
.imlivetitle {text-align:center; font-size:14px;}
.imlivedescription {text-align:left; text-transform:lowercase; margin: 3px 5px 3px 5px; height:100px; width:auto;}
.imlivedescription img {padding: 5px; margin: 5px 10px 5px 5px; border: 1px dotted #0000FF; width: 96px; height:83px;}

/*imlive style pc*/
.top8{font-family: arial; font-size: 16px; color: #ffffff;font-weight: bold;}
.bottom8{font-family: arial; font-size: 12px; color: #ffffff;font-weight: none;}
.links8{font-family: arial; font-size: 12px; color: #ffffff;font-weight: none; text-decoration: none;}
.bottom18{font-family: arial; font-size: 16px; color: #ffffff;font-weight: none;}
.small8{font-family: arial; font-size: 8px; text-decoration: underline;}
.border8{background-color: #75756F;}
.bgcolor8{background-color: #47B5FE;}

/*** DO NO COPY! Email me if you want to use this layout: sabin @ camtrial.com ***/