/*******************
	Page Layout
********************/
body{ font-family:Georgia, serif; text-align:center; }

#page-container{ width:960px; margin:0 auto; overflow:auto; text-align:left; }
	#header{ width:960px; float:left; border-bottom:2px solid #dcdcdc; padding:65px 0 5px 0; }
		#header p{ font-size:16px; color:#333; font-weight:bold;line-height:48px; margin:0; padding:0; }
		#header p a{ color:#505050; text-decoration:underline; font-weight:normal; }
		#header p a:hover{ color:#df007a; text-decoration:none; }
		#header a#logo{ display:block; float:right; width:188px; height:48px; }
	#content{ width:960px; float:left; padding-top:35px; padding-bottom:35px; }
		#left-side{ width:184px; float:left; }
		#right-side{ width:766px; margin-left:194px; }
		.ie6 #right-side{ margin-left:184px; }
			#right-side #welcome{ margin-left:40px; }
	#footer{ border-top:2px solid #dcdcdc; padding:12px 0; overflow:auto; width:960px; float:left; }


/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }
/*h1{text-indent: -100em; overflow: hidden; background: url("../images/path/") no-repeat; height:72px;}*/

h2.column-name{ font-size:18px; color:#666; }

ul#file-list{ border-bottom:1px solid #dcdcdc; width:177px; margin:0; padding:0; }
ul#file-list li{ list-style:none; border-top:1px solid #dcdcdc; margin:0; padding:0; }
ul#file-list li a{ display:block; padding:11px 0; text-decoration:none; color:#000; }
ul#file-list li a:hover, ul#file-list li .on{ color:#df007a; }

h1.page-name{ color:#df007a; font-size:30px; }
p.page-intro{ color:#000; font-size:22px;  }

p.copyright{ float:left; color:#dcdcdc; }
p.jump{ float:right; text-align:right; font-size:16px; }
p.jump a{ color:#505050; text-decoration:none; }
p.jump a:hover{ color:#df007a; text-decoration:underline; }

#video{ margin:0 auto; display:inline-block; border:8px solid #dcdcdc; }
.ie #video{ width:560px; height:340px; }
#pagecontent { border-top:2px solid #dcdcdc; padding:5px 0; margin:10px 0; text-align:left; }

form.comments{ background-color:#ecebeb; padding:22px; margin-bottom:20px; }
form.comments h2{ font-size:26px; color:#df007a; }
form.comments label{ display:block; font-weight:normal; }
form.comments input.text{ background-color:#fff; border:1px solid #b9b9b9; width:45%; margin-bottom:1em;font-family:Arial, sans-serif; font-size:12px; }
form.comments input.submit{ background-color:#e33d98; color:#fff; border:0; margin-top:10px; padding:5px; font-size:17px; font-family:Georgia, serif; }
form.comments textarea{ border:1px solid #b9b9b9; width:700px; height:130px; font-family:Arial, sans-serif; font-size:12px; }
form.comments br{ clear:both; }

#submit_but{ background-color:#e33d98; color:#fff; border:0; margin-top:10px; padding:5px; font-size:17px; font-family:Georgia, serif; }


p.downloadbutton{ text-align:left; margin-top:20px;}
a.download{ background-color:#6D6E71; color:#fff; border:0;  padding:5px; font-size:17px; font-family:Georgia, serif;display:inline; clear:both; text-decoration: none; }

#comments{ border-top:2px solid #dcdcdc; padding:14px 0; margin:1em 0; }
#comments li{ list-style:none; margin:0; padding:0; }
#comments li h3{ font-weight:normal; font-size:14px; margin:0; padding:13px 15px; border-bottom:1px solid #fff; background-color:#f5afd5; }
#comments li div.comment{ background: #f8e3ee url("../images/triangle.gif") no-repeat left bottom; padding:13px 15px 22px 15px; }
#comments li div.comment label{ float:left; display:block; width:70px; font-weight:normal; }
#comments li div.comment p{ margin-left:80px; }

/* Homepage Flash Movie Replacement */
#homepage{ width:960px; float:left; height:612px; margin-bottom:35px; }
		#intro{ width:920px; float:left; padding:20px; margin-bottom:20px; }
		.ie6 #intro, .ie7 #intro{ margin-bottom:0; }
			#intro a{ display:block; float:right; width:456px; border:10px solid #000; }
			#intro div{ margin-top:25px; margin-left:7px; }
			#intro p{ color:#fff; font-size:150%; width:358px; line-height:120%; margin-bottom:20px; }
		#homepage ul{ margin:0 0 0 16px; width:944px; float:left; }
		.ie6 #homepage ul{ margin:0 0 0 8px; }
		#homepage ul li{ margin:0; padding:8px; list-style:none; float:left; width:282px; color:#fff; background-color:#000; }
		#homepage ul li.middle{ margin:0 16px; }
		#homepage ul li h2{ font-size:160%; margin:0; padding-left:10px; color:#df007a; }
		#homepage ul li p{ margin:5px 0; line-height:160%; padding-left:10px; }
		#homepage ul li a{ text-decoration:none; color:#000; }
		#homepage ul li a:hover{ text-decoration:underline; }
		#homepage ul li a.more{ padding-left:10px; }



/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0px;-moz-outline-width: 0px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */