/* SNS Training Created by Jason Brown and Guillermo Rosas Nov 10 2009
*  Design styleing and activity by Jason Brown
*  Content and videos created by Guillermo Rosas */

/*Reset the all the styles*/
HTML, BODY
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: georgia;
	font-size: 1em;
}

BODY
{
	line-height: 1.5;
}

OL
{
	list-style: none;
}

blockquote, q
{
	background-color: #dcdcdc;
	quotes: none;
	padding: 5px;
}

BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: '';
	content: none;
}

/*remember to define focus styles!*/
:focus
{
	outline: 0;
}

/*remember to highlight inserts somehow!*/
INS
{
	text-decoration: none;
}

DEL
{
	text-decoration: line-through;
}

ul{
	list-style: disc;
	
}

ul li{
	margin: 20px;
}

.center{
	text-align: center;
}

.clear
{
	clear: both;
}

html{
	height: 100%;
}

BODY
{
	background-image: url(../images/cloudsbg.png);
	background-repeat: repeat-x;
	background-color: #CBECEE;
	height: 100%;
	color: #484848;
}

#container
{
	width: 960px;
	position: relative;
	z-index: 2;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -154px;
}

/* Headers */
H1
{
	margin-top: 40px;
	margin-bottom: 20px;
	text-indent: -10000px;
	width: 475px;
	height: 50px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	float: left;
}

h2{
	color: #0d9d00;
}

/*like from Super Mario 2!*/
#birdo
{
	background-image: url(../images/twitbird.png);
	width: 73px;
	height: 95px;
	float: right;
	margin-right: 30px;
	position: relative;
	top: 20px;
}

/* Conent Layout */
#content-container
{
	background: #D5F5F6;
}

#left-content, #left-bot
{
	width: 730px;
	padding: 15px;
	float: left;
	background: #FFFFFF url(../images/tlcorner.png) no-repeat top left;
}

#right-content, #right-bot
{
	width: 170px;
	padding: 15px;
	background: #D5F5F6 url(../images/trcor.png) no-repeat top right;
	float: left;
}

#right-content a, .active{
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	color: #017fd8;
}

#right-content  .active{
	font-weight: bolder;
	margin-bottom: 10px;
	display: block;
	text-decoration: underline;
	color: #017fd8;
}

#left-bot
{
	height: 16px;
	background-image: url(../images/botl-cor.png);
	background-position: bottom left;
}

#right-bot
{	
	height: 16px;
	background: #D5F5F6 url(../images/botr-cor.png) no-repeat bottom right;
}

.content
{
	margin: 5px;
}

#push{
	height: 154px;
}

#ground-decor
{
	width: 100%;
	background: url(../images/ground.png) repeat-x bottom left;
	height: 154px;
}

/* Page Navigation */
.next-page{
	float: right;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	color: #017fd8;
}

.prev-page{
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	color: #017fd8;
}

/* Misc content styles */
.opsec-img{
	float: left; 
	width: 150px; 
	margin-right: 20px; 
	margin-bottom: 10px;
}

a {
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	color: #017fd8;	
}