html {
	overflow: -moz-scrollbars-vertical !important;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { border:0; 
} 


body {
	background-color: #3B003D;
	background-image: url(../images/background.gif);
	background-repeat: x-repeat;
	margin: 0px;
	padding: 20px 0 0 0;
	font-size: 70%;
	color: #444;
}

div {
	font-family: tahoma;
}

img { 
	display: block; 
}

a { text-decoration: none; }

form { margin: 0px; padding: 0px; }
.formerror { color: red; }
fieldset { border: 1px solid #888; padding: 5px; -moz-border-radius: 10px; }
legend { padding: 0px 5px; }

.imginline { 
	border: 0px;
	display: inline;
	padding: 5px 0 0 0;	
}

h1 {
	margin: 2px 0px 2px 0px;
	font-family: georgia, garamond;
	font-size: 2.0em;
}

h3 {
	margin: 7px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
}

p {
	margin: 10px 0px;
	padding: 0px;
}

strong {
	font-weight: bold;
}

.php {
	padding: 5px;
	background-color: #EEE;
	border: 1px dotted #AAA;
	text-align: left;
	clear: both;
}

.html {
	padding: 5px;
	background-color: #EEE;
	border: 1px dotted #AAA;
	text-align: left;
	clear: both;
}

.sql {
	padding: 5px;
	background-color: #EEE;
	border: 1px dotted #AAA;
	text-align: left;
	clear: both;
}

#banner {
	padding: 0;
	margin: 0 auto;
	display: block;
}

#projectsImage {
	margin-left: -10px;
}

#content {
	position: relative;
	background-color: #FFCC00;
	width: 800px;
	border-width: 0px 5px 5px 5px;
	border-style: solid;
	border-color: #000;
	padding: 10px 0px;
	margin: 0 auto;
	display: block;
}

#headerleft {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

#headerright {
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: right;
}

.header {
	margin: 10px 10px 0px 10px;
	padding: 0px;
	list-style-type: none;
}

.header li {
	margin: 0px;
	padding: 0px;
	display: inline;
}


#leftcol {
	width: 385px;
	text-align: justify;
	padding: 0px 5px 0px 10px;
	float: left;
}

#rightcol {
	width: 385px;
	text-align: justify;
	padding: 0px 10px 0px 5px;
	float: right;
}

.menu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.menu li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}


.boxheader, h2 {
	font-size: 1.0em;
	color: #FFF;
	background: URL("../images/boxheader.gif");
	background-color: #ffffff;
	width: 364px;
	margin: 10px 0px -1px 0px;
	padding: 5px 10px 8px 10px;
	font-family: verdana;
	font-weight: bold;
}

.bhleft {
	color: #FFF;
	width: 60%;
	float: left;
	text-align: left;
}

.bhright {
	color: #FFF;
	width: 40%;
	float: right;
	text-align: right;
	margin-right: -1px;
}


.boxout {

	background-color: #fff;
	background-image: URL("../images/boxfooter.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 354px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 15px 10px;
	border-left: 5px solid #FF9900;
	border-right: 5px solid #FF9900;

}























#leftcol_full {
	width: 565px;
	text-align: justify;
	padding: 0px 5px 0px 10px;
	float: left;
}

#rightcol_full {
	width: 188px;
	text-align: justify;
	padding: 0px 10px 0px 5px;
	float: right;
}



.fullheader {
	font-size: 1.0em;
	color: #FFF;
	background: URL("../images/fullheader.gif");
	background-color: #ffffff;
	width: 560px;
	margin: 10px 0px -1px 0px;
	padding: 5px 10px 8px 10px;
	font-family: verdana;
	font-weight: bold;
}


.sideheader {
	font-size: 1.0em;
	color: #FFF;
	background: URL("../images/sideheader.gif");
	background-color: #ffffff;
	margin: 10px 0px -1px 0px;
	padding: 5px 10px 8px 10px;
	font-family: verdana;
	font-weight: bold;
}


.fullboxout {

	background-color: #fff;
	background-image: URL("../images/fullfooter.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 550px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 15px 10px;
	border-left: 5px solid #FF9900;
	border-right: 5px solid #FF9900;

}




#leftcol_print {
	width: 760px;
	text-align: justify;
	padding: 0px 5px 0px 10px;
	float: left;
}

.printheader {
	font-size: 1.0em;
	color: #FFF;
	background: URL("../images/printheader.gif");
	background-color: #ffffff;
	width: 760px;
	margin: 10px 0px -1px 0px;
	padding: 5px 10px 8px 10px;
	font-family: verdana;
	font-weight: bold;
}

.printboxout {

	background-color: #fff;
	background-image: URL("../images/printfooter.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 750px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 15px 10px;
	border-left: 5px solid #FF9900;
	border-right: 5px solid #FF9900;

}



.clear { clear: both; margin: 0px; padding: 0px; }

.creditsleft {
	width: 40%;
	float: left;
	text-align: left;
	margin-bottom: 10px;
}

.creditsright {
	width: 60%;
	float: right;
	text-align: left;
	margin-right: -1px;
	margin-bottom: 10px;
}


.creditscol1 {
	width: 60%;
	float: left;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}

.creditscol2 {
	width: 20%;
	float: left;
	text-align: left;
	margin-bottom: 5px;
}

.creditscol3 {
	width: 20%;
	float: right;
	text-align: left;
	margin-right: -1px;
	margin-bottom: 5px;
}



.labeladdcol1 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
}

.labeladdcol2 {
	width: 70%;
	float: left;
	text-align: left;
	margin: 0px -1px 5px 0px;
}









.comments {
	width: 100%;
	margin-top: 5px; 
}

.comment {
	padding: 5px;
	border: 1px solid #CCC;
	margin: 0px 0px 10px 0px;
}

.commentname {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0px 0px 6px 0px;
}

.commentmsg {
	float: left;
	width: 100%;
	text-align: justify;
	margin: 0px;
        clear: both;
}


.commentaddcol1 {
	width: 20%;
	float: left;
	text-align: right;
	margin: 0px 10px 5px -10px;
}

.commentaddcol2 {
	width: 80%;
	float: left;
	text-align: left;
	margin: 0px -1px 5px 0px;
}













div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 80px;
	text-align: left;
}

div.row span.formw {
	float: right;
	width: 260px;
	text-align: left;
}

textarea {
	width: 240px;
	height: 120px;
}

div.tablerow {
  color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  width: 100%;
}

div.tablecolumn1 {
  float: left;
  margin: 5px 0 0 0; 
  padding: 0; 
  width: 10%;
}

div.tablecolumn2 {
  float: left; 
  margin: 5px 0 0 0; 
  padding: 0; 
  width: 65%;
}

div.tablecolumn3 {
  float: right; 
  margin: 5px 0 0 0; 
  padding: 0; 
  width: 25%;
}

.formrequired {
	color: red;
}



.col {
	float: left;
	padding-top: 5px;
}

.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

.bold { font-weight: bold; }

.right { text-align: right; }





#labelBox {
	height: 70px;
	line-height: 2.0em;
}

.label {
	text-decoration: none;
	margin-right: 10px;
}

.unpopular { font-size: 0.8em; color: #bbb; }
.leastpopular { font-size: 0.8em; color: #999; }
.quitepopular { font-size: 0.9em; color: #777; }
.somewhatpopular { font-size: 1.0em; color: #555; }
.prettypopular { font-size: 1.1em; color: #444; }
.verypopular { font-size: 1.2em; color: #333; }
.extremelypopular { font-size: 1.4em; color: #222; }
.mostpopular { font-size: 1.6em; color: #000; }







.blog {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #DDD;
}

.last {
	border-bottom: 0px;
}

.blog .title {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-family: georgia, garamond;
}

.blog .date {
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: right;
	font-family: georgia, garamond;
}

.blog .entry {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-align: justify;
}

.blog .labels {
	float: left;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	text-align: left;
}

.blog .readmore {
	float: right;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	text-align: right;
}






	/* IMPORTANT:  The SCW calendar script requires all       
	               the classes defined here.                  
	*/                                                        
	table.scw      {padding:       1px;                       
					vertical-align:middle;                    
					border:        ridge 2px;                 
					font-size:     10pt;                      
					font-family:   Arial,Helvetica,Sans-Serif;
					font-weight:   bold;}                     
	td.scwDrag,                                               
	td.scwHead                 {padding:       0px 0px;       
								text-align:    center;}       
	td.scwDrag                 {font-size:     8pt;}          
	select.scwHead             {margin:        3px 1px;       
								text-align:    center;}       
	input.scwHead              {height:        22px;          
								width:         22px;          
								vertical-align:middle;        
								text-align:    center;        
								margin:        2px 1px;       
								font-weight:   bold;          
								font-size:     10pt;          
								font-family:   fixedSys;}     
	td.scwWeekNumberHead,                                     
	td.scwWeek                 {padding:       0px;           
								text-align:    center;        
								font-weight:   bold;}         
	td.scwFoot,                                               
	td.scwFootHover,                                          
	td.scwFoot:hover,                                         
	td.scwFootDisabled         {padding:       0px;           
								text-align:    center;        
								font-weight:   normal;}       
	table.scwCells             {text-align:    right;         
								font-size:     8pt;           
								width:         96%;}          
	td.scwCells,                  
	td.scwCellsHover,             
	td.scwCells:hover,            
	td.scwCellsDisabled,          
	td.scwCellsExMonth,           
	td.scwCellsExMonthHover,      
	td.scwCellsExMonth:hover,     
	td.scwCellsExMonthDisabled,   
	td.scwCellsWeekend,           
	td.scwCellsWeekendHover,      
	td.scwCellsWeekend:hover,     
	td.scwCellsWeekendDisabled,   
	td.scwInputDate,              
	td.scwInputDateHover,         
	td.scwInputDate:hover,        
	td.scwInputDateDisabled,      
	td.scwWeekNo,                 
	td.scwWeeks                {padding:           3px;       
								width:             16px;      
								height:            16px;      
								font-weight:       bold;      
								vertical-align:    middle;}   
	/* Blend the colours into your page here...    */         
	/* Calendar background */                                 
	table.scw                  {background-color:  #888;}  
	/* Drag Handle */                                         
	td.scwDrag                 {background-color:  #FFF;   
								color:             #000000;}  
	/* Week number heading */                                 
	td.scwWeekNumberHead       {color:             #CCC;}  
	/* Week day headings */                                   
	td.scwWeek                 {color:             #000000;}  
	/* Week numbers */                                        
	td.scwWeekNo               {background-color:  #CCC;   
								color:             #000000;}  
	/* Enabled Days */                                        
	/* Week Day */                                            
	td.scwCells                {background-color:  #CCC;   
								color:             #000000;}  
	/* Day matching the input date */                         
	td.scwInputDate            {background-color:  #CC9999;   
								color:             #FF0000;}  
	/* Weekend Day */                                         
	td.scwCellsWeekend         {background-color:  #CCC;   
								color:             #CC6666;}  
	/* Day outside the current month */                       
	td.scwCellsExMonth         {background-color:  #CCC;   
								color:             #666666;}  
	/* Today selector */                                      
	td.scwFoot                 {background-color:  #CCC;   
								color:             #888888;}  
	/* MouseOver/Hover formatting                             
	       If you want to "turn off" any of the formatting    
	       then just set to the same as the standard format   
	       above.                                             
	                                                          
	       Note: The reason that the following are            
	       implemented using both a class and a :hover        
	       pseudoclass is because Opera handles the rendering 
	       involved in the class swap very poorly and IE6     
	       (and below) only implements pseudoclasses on the   
	       anchor tag.                                        
	*/                                                        
	/* Active cells */                                        
	td.scwCells:hover,                                        
	td.scwCellsHover           {background-color:  #FFF;   
								cursor:            pointer;   
								cursor:            hand;      
								color:             #000000;}  
	/* Day matching the input date */                         
	td.scwInputDate:hover,                                    
	td.scwInputDateHover       {background-color:  #FFF;   
								cursor:            pointer;   
								cursor:            hand;      
								color:             #000000;}  
	/* Weekend cells */                                       
	td.scwCellsWeekend:hover,                                 
	td.scwCellsWeekendHover    {background-color:  #FFF;   
								cursor:            pointer;   
								cursor:            hand;      
								color:             #000000;}  
	/* Day outside the current month */                       
	td.scwCellsExMonth:hover,                                 
	td.scwCellsExMonthHover    {background-color:  #FFF;   
								cursor:            pointer;   
								cursor:            hand;      
								color:             #000000;}  
	/* Today selector */                                      
	td.scwFoot:hover,                                         
	td.scwFootHover            {color:             #FFF;   
								cursor:            pointer;   
								cursor:            hand;      
								font-weight:       bold;}     
	/* Disabled cells */                                      
	/* Week Day */                                            
	/* Day matching the input date */                         
	td.scwInputDateDisabled    {background-color:  #999999;   
								color:             #000000;}  
	td.scwCellsDisabled        {background-color:  #999999;   
								color:             #000000;}  
	/* Weekend Day */                                         
	td.scwCellsWeekendDisabled {background-color:  #999999;   
								color:             #CC6666;}  
	/* Day outside the current month */                       
	td.scwCellsExMonthDisabled {background-color:  #999999;   
								color:             #666666;}  
	td.scwFootDisabled         {background-color:  #6666CC;   
								color:             #FFFFFF;}