/*
COLOR PALETTE

#FFF5EE - Seashell
#FF8C00 - Dark Orange
#8A360F - Burnt Sienna

#C6E2FF - Sky Blue
#1C86EE - Bright Blue
#0000CD - Royal Blue
*/

html, body {
  margin: 0px;
  padding: 0px; 
  }

body {	
	font: 0.7em/1.25 verdana, arial, helvetica, sans-serif;
	color: #666;
	background:url(images/headerbg.jpg) 0 0 repeat-x #ccc;
	} 

#wrapper {
	padding: 0px; 
	margin: 0px auto; 
	width: 750px; 
	background-color: #eeeeff; 	
	}

#container {
	padding: 0px; 
	margin: auto; 
	width:750px;
	text-align: center;	
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	}
	
#content {
	padding: 0px;
	margin: 5px 5px 0px 0px;
	float: right;
	width: 551px;
	height: auto;
	background-color: #fff; 
	border: 1px #ccccff solid;
	text-align: left;
		}
		
#clock {width: auto; padding: 0px; margin-left: 20px; margin-top: 10px; float:left; font:10px/14px Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:normal;}
#search-box {width: auto; padding: 0px;  float:right; margin: 10px 50px 0px 0px;}

#twitter-follow {
margin: 0px;
padding-top: 25px;
padding-left:600px;
padding-bottom: 0px;
background:none; 
border-style:none; 
float:left; 
text-decoration: none;
}


#sidebar {
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	width: 170px;  
	float: left; 
	height: auto;
	background: #fff url('images/side-bg.') repeat-y left top;
	text-align: left;
	border: 1px #006699 solid;
	}
	
#signup-box {
padding: 2px 10px;
margin: 10px 10px 10px 10px;
background: #fff url('images/side-bg.') repeat-y left top;
border: 1px solid #666;
text-align: center;
color: #666;
clear: both;
}

#signup-box a {
color: #006699;
font-size: 90%;
font-weight: normal;
text-decoration: none;
padding: 0px;
display: block;
margin: 0px;
width: auto;
text-align: left;
}

#signup-box a:hover {
color: #ccc;
text-decoration: underline;
width: auto;
}
	
#header-container {
	float: left;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
	
#header-image {
	background-color: #fff;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	height: 116px;
	width: 750px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}
	
img {
  border: none;
  }

blockquote {
  margin: 0;
  padding: 1.5em
  }
	
h1 {
margin-left: 0;
margin-right: 0;
padding: 5px;
font-size: 110%;
color: #333;
border-bottom: 1px #000 solid;
border-top: 0px #000 solid;
background-color: #fff;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}

h2 {
margin: 10px 0px 10px 0px;
padding: 0px;
color: #006699;
font-size: 120%;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
border-top: 1px dashed #006699;
border-bottom: 1px dashed #006699;
line-height: 35px;
}

h2.box a:link, h2.box a:visited {
color: #0000FF;
font-weight: bold;
text-decoration: none;
}

h2.box a:hover {
text-decoration: underline;
color: #999;
font-weight: bold;
}

h2.box {
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: bold;
color: #006699;
font-size: 120%;
font-weight: bold;
text-align: left;
letter-spacing: 2px;
border: none;
letter-spacing: 0px;
line-height: 20px;
}

h2.li{
margin: 0px 0px 10px 0px;
padding: 0px;
color: #666;
font-size: 100%;
line-height: 20px;
font-weight: bold;
text-align: left;
text-decoration: none;
letter-spacing: 0px;
clear: both;
border: none;
}

h3 {
margin-bottom: 10px;
padding: 0px;
line-height: 10px;
font-size: 120%;
color: #f3781b;
letter-spacing: 0px;
font-weight: bold;
text-align: left;
height: 20px;
border-bottom: 0px dotted #0a54a8;
}

h1.content {
height: 48px;
width: 551px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 35px;
color: #fff;
font-size: 105%;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
border: 0;
background: #ccccff url(images/contenth1-bg.jpg) no-repeat;
clear: both;
}

h2.content {
margin: 10px 0px 20px 0px;
padding: 0px;
color: #006699;
font-size: 120%;
line-height: 35px;
font-weight: bold;
text-align: center;
border-bottom: 1px dashed #006699;
border-top: none;
clear: both;
}

h1.sidebar {
height: 48px;
width: 170px;
margin: 0px 0px 0px 0px ;
padding: 0px ;
line-height: 35px;
color: #fff;
font-size: 105%;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
border: 0;
background: #fff url(images/sideh1-bg.jpg) repeat-x;
clear: both;
}

h2.sidebar {
height: 27px;
width: 170px;
margin: 10px 0px 10px 0px ;
padding: 0px ;
line-height: 20px;
color: #666;
font-size: 90%;
letter-spacing: 0px;
font-weight: bold;
text-align: center;
background: #669966 url(images/h2sidebar.gif) repeat-x;
border: none;
clear: both;
}

	
/* CSS for forms*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 105px; /*width of left column containing the label elements*/
border-top: 1px dotted gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -105px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.cssform input{
font-size: 90%;
margin-left: 160px;
}

.c-box {
width:auto;
height: auto;
background-color: #fff;
padding: 10px;
border: 1px dotted #0a54a8;
margin: 10px;
}

.box {
width: auto;
height: auto;
background-position: 15px 15px;
background-repeat: no-repeat;
background-color: #fff;
padding:5px 5px 5px 135px;
border:1px dashed #ccc;
margin: 0 0 10px 0;
clear: both;
}

#im1{ background-image:url(images/pen-desk-sm.jpg) }
#im2{ background-image:url(images/people-world-sm.jpg) }
#im3{ background-image:url(images/people_computer1-sm.jpg) }
#im4{ background-image:url(images/woman-comp7-sm.jpg) }
#im5{ background-image:url(images/woman-comp4-sm.jpg) }
#im6{ background-image:url(images/cbcode.gif) }
#im7{ background-image:url(images/comblue.jpg) }
#im8{ background-image:url(images/cbreport.jpg) }
#im9{ background-image:url(images/twitter.jpg) }
#im10{ background-image:url(images/christmas.gif) }
#im11{ background-image:url(images/windowbiz.gif) }
#im12{ background-image:url(images/woman-comp5-sm.jpg) }
#im13{ background-image:url(images/dollar-box-sm.jpg) }
#im14{ background-image:url(images/http-internet-sm.jpg) }
#im15{ background-image:url(images/cbcode-sm.jpg) }
#im16{ background-image:url(images/comblue-sm.jpg) }
#im17{ background-image:url(images/ideas1-sm.jpg) }
#im18{ background-image:url(images/camera-sm.jpg) }


/*Start Navbar*/

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_14 */

.navbar {padding:5px 0 0 20px; margin:0; list-style:none; height:25px; background:#1841c8 url(images/pro_14_back.gif) repeat-x bottom left; text-decoration: none;}
.navbar li {float:left; text-decoration: none;}
.navbar li a {display:block; float:left; height:25px; line-height:23px; background:url(images/pro_14_0.gif); color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 8px; cursor:pointer; font-size:11px;}
.navbar li a b {float:left; display:block; background:url(images/pro_14_0.gif) right top; padding:0 16px 2px 8px; text-decoration: none;}
.navbar li.current a {color:#cc8; background:url(images/pro_14_2.gif); text-decoration: none;}
.navbar li.current a b {background:url(images/pro_14_2.gif) no-repeat right top; text-decoration: none;}
.navbar li a:hover {color:#ff0; background: url(images/pro_14_1.gif); text-decoration: none;}
.navbar li a:hover b {background:url(images/pro_14_1.gif) no-repeat right top; text-decoration: none;}
.navbar li.current a:hover {color:#cc8; background: url(images/pro_14_2.gif); cursor:default; text-decoration: none;}
.navbar li.current a:hover b {background:url(images/pro_14_2.gif) no-repeat right top; text-decoration: none;}

/*End Navbar*/

#top-nav {
margin: 0px;
padding-top: 25px;
padding-left:275px;
padding-bottom: 25px;
background:none; 
border-style:none; 
font-size:90%; 
float:left; 
text-decoration: none;
}

#top-nav a:link, #top-nav a:visited {
color: #666;
word-spacing: 0px;
font-weight: normal;
text-decoration: none;
}

#top-nav a.current {
color: #666;
font-weight: normal;
text-decoration: none;
}

#top-nav a:hover {
color: #fff;
word-spacing: 0;
font-weight: normal;
text-decoration: none;
}


a:link, a:visited {
font-weight: normal;
color: #0000FF;
/*color: #6666CC;*/
/*color: #006699;*/
text-decoration: none;

}

a:hover {
font-weight: normal;
color: #999;
text-decoration: underline;
}


#sidemenu-container {
 margin:  0px 0px 20px 0px;
 padding: 0px;
 float: left;
 width: 100%;
}

#sidemenu-buttons {
margin:  0px;
padding: 0px;
list-style: none;
float: left;
}

#sidemenu-buttons a {
margin: 0px 0px 0px 2px;
padding: 0 0 0 15px;
display: block;
width: 150px;
color: #0000FF;
/*color: #006699;*/
border-bottom: 1px dotted #666;
font-size: 90%;
font-weight: normal;
text-align: left;
line-height: 20px;
background: url(images/arrow1.gif) 0 50% no-repeat #fff;
text-decoration: none;
}

#sidemenu-buttons a:hover {
color: #999;
background: url(images/arrow2.gif) 0 50% no-repeat #fff;
text-decoration: none;
}

#footer {
height: 105px;
text-align: center;
padding: 10px;
margin: 10px 0px 0px 0px;
font: 90%/110% verdana;
color: #666;
font-weight: normal;
background: #000 url(images/footer1bg.jpg) repeat-x;
clear: both;
}

#footer a:link, #footer a:visited {
color: #999;
font-weight: normal;
}

#footer a:hover {
color: #999;
font-weight: normal;
text-decoration: underline;
}

p.footer {
color: #666; 
text-align: center;
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 80%;
}