/********** START RESET **********/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
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;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********** END RESET **********/

img { behavior: url(/stylesheets/iepngfix.htc) }



/********** Generic Styles **********/

body {
	font-family: georgia;
	background: #808080;
	font-size: 13px;
	color: #333333;
}

#container {
	width: 834px;
	margin: 0 auto;
	position: relative;
}


.clear {
	clear: both;
}


/********** Admin Styles **********/

#adminBar {
	width: 790px;
	margin: 0 auto;
	text-align: center;
}

#adminBar a {
	color: orange;
}

/********** Header Styles **********/

#header {
	width: 790px;
	margin: 0 auto;
}

#headerImage {
	float: left;
}

#twitterInternal {
	background: url(../images/twitterInternal.png) no-repeat;
	width: 258px;
	height: 120px;
	position: relative;
	left: 500px;
	*left:180px;
	top: 15px;
}

#twitterInternal .more {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	top: -100px;
	left: 215px;
	font-weight: bold;
}

#twitterInternal .follow {
	font-size: 12px;
	position: relative;
	top: -80px;
	left: 65px;
	*left: 50px;

}

#twitterInternal .follow a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 0;
	left: 0;
}

#tweetsInternal {
	position: relative;
	width: 250px;
	top: -100px;
	*top: 25px;
	left: 15px;
}

#twitterInternal .tweet {
	font-size:11px;
	height:160px;
	margin-bottom:10px;
	width:240px;
}

/********** Nav Styles **********/

#nav {
	width: 790px;
	margin: 0 auto;
}

#nav ul li {
	float: left;
	margin-right: 23px;
}

#underline {
	position: absolute;
	display: none;
	width: 122px;
	height: 39px;
	top: 0;
	left: 0;
}

/********** Flash Homepage Styles **********/

#homeFlash {
	width: 834px;
	height: 288px;
}

/********** Homepage Callout Styles **********/

#homeCallouts {
	width: 795px;
	margin: 0 auto;
}

#twitterHome {
	background: url(../images/home/twitterBackground.png) no-repeat;
	height: 239px;
	width: 257px;
	float: left;
	margin-right: 10px;
}

#twitterHome .more {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 220px;
}

#twitterHome .follow {
	font-size: 12px;
	position: relative;
	top: 30px;
	left: 60px;
}

#twitterHome .follow a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 0;
	left: 0;
}

#tweets {
	margin-top: 40px;
	width: 230px;
	margin-left: 10px;
	height: 140px;
}

#twitterHome .tweet {
	border-top:1px solid #FED8A0;
	font-size:13px;
	margin-bottom:10px;
	margin-top:-5px;
}

#facebookHome {
	float: left;
	background: url(../images/home/facebookBackground.png) no-repeat;
	height: 239px;
	width: 257px;
	margin-right: 10px;
}

#facebookHome .more {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	top: 190px;
	left: 220px;
}

#eventsHome {
	font-size: 13px;
	width: 220px;
	position: relative;
	top: 100px;
	left: 15px;
	color: #333333;
}

#eventsHome td {
	line-height: 16px;
	
}

#eventsHome .cellStrong {
	font-weight: bold;
}

#eventsHome .details {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

#facebookHome img {
	margin-top: 100px;
	margin-left: 10px;
}

#splitHome {
	float: left;
	height: 239px;
	width: 257px;
}

#splitHomeTop {
	margin-bottom: 5px;
}


/********** Share Template Styles **********/

.addthis_toolbox {
	float: left;
	display: inline;
}



/********** Internal Callouts Styles **********/

#internalCallouts {
	width: 200px;
}

#internalCallouts .callouts {
	margin: 0;
	padding: 0;
}

#internalCallouts .callouts li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

/********** Standard Template Styles **********/

#standardContentTop {
	background: url(../images/distressedTop.png) top no-repeat;
	width: 785px;
	height: 20px;
	margin: 0 auto;
}

#standardContent {
	background: url(../images/distressedBackground.png);
	width: 785px;
	margin: 0 auto;
}

#calculatorContent {
	background: url(../images/distressedBackground.png);
	width: 785px;
	margin: 0 auto;
	height: 500px;

}

#calculator {
	height: 410px; 
}

#standardCopy {
	padding: 20px;
	min-height: 500px;
	overflow: auto;
	_overflow: none;
}

#standardCopy p {
	line-height: 18px;
}

#standardCopy a {
	color: #31c3f2;
	font-family: verdana;
}
#standardContentBottom {
	background: url(../images/distressedBottom.png) top no-repeat;
	width: 785px;
	height: 20px;
	margin: 0 auto;
}

#standardCopy .headerText {
	font-size: 18px;
	line-height: 25px;
	color: #f1592a;
	width: 500px;
}

#standardCopy h1 {
	font-size: 18px;
	color: #31c3f2;
	font-weight: normal;
}

#standardCopy ul {
	list-style-type: disc;
	margin-left: 50px;
	line-height: 18px;
}

#standardCopy ul li {
	margin-bottom: 25px;
}

.footnotes {
	font-size: 10px;
}

#standardCopy ol li {
	margin-bottom: 20px;
	font-size: 11px;
}

/********** Video Template Styles **********/


.videoCopy {
	width: 482px;
	float: left;
}

#mainVideo {
	background: url(../images/video/mainBack.png) no-repeat;
	height: 181px;
	width: 482px;
	font-family: verdana;
}

.randomVideo { 
	margin-left: 15px;
	margin-top: 7px;
	float: left;
	height: 168px;
	width: 253px;
}

#mainVideo embed { 
	margin-left: 15px;
	*margin-top: 7px;
	float: left;
	height: 168px;
	width: 253px;
}

#randomVideoCopy {
	text-align: center;
	padding-top: 10px;
}

#randomVideoCopy .title {
	font-weight: bold;
	font-size: 14px;
	width:480px;
	*width:200px;
}

#randomVideoCopy p {
	font-size: 11px;
}

#randomVideoCopy a {
	color: #333333;
}

.scrollBox {
	background: url(../images/video/scrollBack.png) no-repeat;
	height: 112px;
	width: 482px;
	display: block;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 360px; 
    height:80px; 
	margin: 0 auto;
	float:left;
	margin: 5px 0 0 0;
	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.scrollPrev {
	float: left;
	height: 40px;
	width:40px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 5px;
}

.scrollNext {
	float: left;
	height: 40px;
	width:40px;
	margin-top: 20px;
	margin-left: 5px;
}

.disabled {
	display: none;
}

/********** Video Submit Styles **********/


.video p {
	float: left;
}


/********** Share Story Styles **********/

#fsSubmitButton819322 {
	background:url(/images/submit.png) no-repeat;
	cursor:pointer;
	width: 135px;
	height: 38px;
	border: none;
	text-indent: -10000em;
	position: relative;
	left: -50px;
	top: -120px;
	text-transform: lowercase;
	display: block;
}


#stories {
	margin-top: -100px;
	width: 700px;
}

.arrow {
	margin-right:10px;
	display: block;
	float: left;
	height: 80px;
}
.story .nickname {
	font-size: 10px;
	color: #f1592a;
}

.story .report {
	font-size: 9px;
	color: #f1592a;
}

#fsError819322 {
	display: none;
}

/********** What You Can Do Styles **********/

#fsPage821011-1 {
	width: 500px;
}

#fsSubmitButton821011 {
	background:url(/images/submit.png) no-repeat;
	cursor:pointer;
	width: 135px;
	height: 38px;
	border: none;
	text-indent: -10000em;
	position: relative;
	left: -20px;
	*left: 100px;
	top: -120px;
	text-transform: lowercase;
	display: block;
}

#fsError821011 {
	display: none;
}

/********** Sidebar Styles **********/

#sidebar {
	float: right;
	margin-left: 10px;
}

#tagCloud {
	background: url(/images/tagCloud.png) no-repeat;
	height: 218px;
}

#tags {
	width: 190px;
	left:5px;
	position:relative;
	top:40px;
}

#tags a {
	color : #fcb040;
	text-decoration: none;
}
.tagCloud1 { font-size: 4px; }
.tagCloud2 { font-size: 6px; }
.tagCloud3 { font-size: 8px; }
.tagCloud4 { font-size: 10px; }

/********** Guidelines Styles **********/

#guidelinesTable td,#guidelinesTable th {
	border: 1px solid black;
	padding: 5px;
}

/********** Sitemap Styles **********/

#sitemap li {
	list-style-type: none;
}

/********** Footer Styles **********/

#footer {
	width: 790px;
	margin: 0 auto;
	margin-top: 20px;
	color: #000000;
}

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

#footerBar {
	background: url(../images/footer.png) no-repeat;
	height: 32px;
	width: 646px;
	float: left;
	margin-right: 10px;
}

#footerBar p {
	line-height:32px;
	margin-left: 10px;
	font-size: 12px;
}

#footerBar p a {
	color: #000000;
	text-decoration: none;
	margin-right: 20px;
}

#footerIcons {
	float: left;
	width: 130px;
}

#footerIcons img {
	margin-right: 2px;
}

#footerNotice {
	font-size: 11px;
	margin-bottom: 20px;
}

/********** Backend Styles **********/

#adminContent {
	width: 750px;
	margin: 0 auto;
	background: #ffffff;
	text-align: center;
	padding: 20px;
}

#adminContent table {
	margin: 0 auto;
	text-align: center;
}

#adminContent table td {
	width: 150px;
}

.video li  {
	list-style-type: none;
}

#mainVideo EMBED {
	margin-left: 0;
}

#mainVideo img {
	float: left;
	margin: 15px 0 0 10px;
}