/**			The Default CSS styling tools			**/
/**			Author: Ryan Caldwell 					**/
/**			http://www.ryancaldwelldesign.com		**/
/**			ryan@ryancaldwelldesign.com				**/
/**													**/
/**		How to Use 																										**/
/** 	Use these classes as a quick and easy way to style a web page, for any element just insert 						**/
/**		a class to get the style you want to acheive, create custom colors in the colors section and 					**/
/**		you can simply use these classes to describe how the element is to appear, for example:							**/
/**  	<h1 class="Big White Underline Times PadLg">Text</h1>															**/
/**		this would make the text big, white in color, add an underline, put it in times font and give it some padding!  **/

/** initialize **/
*{margin:0px;padding:0px;border:0px;font-family:sans-serif;font-size:14px;font-weight:normal;}

/** Fonts **/

/** Sizes **/
.F1{font-size:1px;}
.F2{font-size:2px;}
.F3{font-size:3px;}
.F4{font-size:4px;}
.F5{font-size:5px;}
.F6{font-size:6px;}
.F7{font-size:7px;}
.F8{font-size:8px;}
.F9{font-size:9px;}
.F10{font-size:10px;}
.F11{font-size:11px;}
.F12{font-size:12px;}
.F13{font-size:13px;}
.F14{font-size:14px;}
.F15{font-size:15px;}
.F16{font-size:16px;}
.F17{font-size:17px;}
.F18{font-size:18px;}
.F19{font-size:19px;}
.F20{font-size:20px;}
.F21{font-size:21px;}
.F22{font-size:22px;}
.F23{font-size:23px;}
.F24{font-size:24px;}
.F25{font-size:25px;}
.F26{font-size:26px;}
.F27{font-size:27px;}
.F28{font-size:28px;}
.F29{font-size:29px;}
.F30{font-size:30px;}
.F31{font-size:31px;}
.F32{font-size:32px;}
.F33{font-size:33px;}
.F34{font-size:34px;}
.F35{font-size:35px;}
.F36{font-size:36px;}
.F37{font-size:37px;}
.F38{font-size:38px;}
.F39{font-size:39px;}
.F40{font-size:40px;}
.F41{font-size:41px;}
.F42{font-size:42px;}
.F43{font-size:43px;}
.F44{font-size:44px;}
.F45{font-size:45px;}
.F46{font-size:46px;}
.F47{font-size:47px;}
.F48{font-size:48px;}
.F49{font-size:49px;}

/** Fonts **/
.Times{font-family:Times New Roman, Times, serif;}
.Arial{font-family:Arial, sans-serif;}

/** Colors **/
.Black{color:#000000;}
.White{color:#ffffff;}
.Plum{color:#770000;}
.DrkGreen{color:#007700;}
.DrkBlue{color:#000077;}
.BrBlue{color:#27b0f7;}

/** Background **/
.B000000{background-color:#000000;}
.B770000{background-color:#770000;}
.B007700{background-color:#007700;}
.B000077{background-color:#000077;}

/** Decorations **/
.Bold{font-weight:bold;}
.Overline{text-decoration:overline;}
.Linethru{text-decoration:line-through;}
.Underline{text-decoration:underline;}
.Blink{text-decoration:blink;}

/** Paddings **/

/** LEFT AND RIGHT **/
.PLR1{padding-left:1px;padding-right:1px;}
.PLR2{padding-left:2px;padding-right:2px;}
.PLR5{padding-left:5px;padding-right:5px;}

/** ALL SIDES **/
.P1{padding:1px;}
.P2{padding:2px;}
.P5{padding:5px;}
.P10{padding:10px;}
.P20{padding:20px;}
.P50{padding:50px;}

/** TOP **/
.PT10{padding-top:10px;}
.PT20{padding-top:20px;}
.PT50{padding-top:50px;}
.PT75{padding-top:75px;}

/** BOTTOM **/
.PB5{padding-bottom:5px;}
.PB10{padding-bottom:10px;}
.PB20{padding-bottom:20px;}
.PB30{padding-bottom:30px;}

/** LEFT **/
.PL5{padding-left:5px;}
.PL10{padding-left:10px;}
.PL20{padding-left:20px;}
.PL100{padding-left:100px;}
.PL350{padding-left:350px;}
.PL400{padding-left:400px;}
.PL500{padding-left:500px;}

/** RIGHT **/
.PR10{padding-right:10px;}
.PR20{padding-right:20px;}
.PR100{padding-right:100px;}

/** Margins **/

/** All Sides **/
.M1{margin:1px;}
.M2{margin:2px;}
.M3{margin:3px;}
.M4{margin:4px;}
.M5{margin:5px;}
.M6{margin:6px;}
.M7{margin:7px;}
.M8{margin:8px;}
.M9{margin:9px;}
.M10{margin:10px;}
.M11{margin:11px;}
.M12{margin:12px;}
.M13{margin:13px;}
.M14{margin:14px;}
.M15{margin:15px;}
.M16{margin:16px;}
.M17{margin:17px;}
.M18{margin:18px;}
.M19{margin:19px;}
.M20{margin:20px;}
.M21{margin:21px;}
.M22{margin:22px;}
.M23{margin:23px;}
.M24{margin:24px;}
.M25{margin:25px;}
.M26{margin:26px;}
.M27{margin:27px;}
.M28{margin:28px;}
.M29{margin:29px;}
.M30{margin:30px;}

/** Top **/
.MT10{margin-top:10px;}
.MT50{margin-top:50px;}
.MT100{margin-top:100px;}

/** Bottom **/
.MB10{margin-bottom:10px;}

/** Left **/
.ML20{margin-left:20px;}
.ML50{margin-left:50px;}
.ML100{margin-left:100px;}
.ML540{margin-left:540px;}

/** Right **/
.MR20{margin-right:20px;}
.MR50{margin-right:50px;}
.MR100{margin-right:100px;}


/** Left and Right **/
.MLR1{margin-left:1px;margin-right:1px;}
.MLR2{margin-left:2px;margin-right:2px;}
.MLR3{margin-left:210px;margin-right:210px;}
.MLR4{margin-left:275px;margin-right:275px;}
.MLR5{margin-left:200px;margin-right:200px;}
.MR5{margin-left:5px;margin-right:5px;}


/** Positions & Floats **/

.Center{margin:0 auto;text-align:center;}
.Top{vertical-align:top;}
.Bottom{vertical-align:bottom;}
.Left{text-align:left;}
.Right{text-align:right;}
.FloatL{float:left;}
.FloatR{float:right;}

 /** Widths **/
 .W150{width:150px;}
 .W300{width:300px;}
 .W350{width:350px;}
 .W400{width:400px;}
 
/** Display Level **/
.Invisible{display:none;}
.Block{display:block;}
.Inline{display:inline;}

/** Background Colors **/
.Red{background-color:#FF0000;}
.Orange{background-color:#FF6600;}
.Yellow{background-color:#FFFF00;}
.Green{background-color:#33CC00;}
.Purple{background-color:#990066;}
.Blue{background-color:#0000FF;}

/** Special **/

.FullScreen{width:100%;height:100%;}

/** Designsmith Styles **/

.greentag {
	font: italic 16px "Times New Roman", Times, serif;
	color: #007700;
	margin-bottom: 12px;
	width: auto;
}
.border {
	margin-top: 24px;
	margin-bottom: 6px;
	border: 1px solid #000000;
}