*{ margin:0; padding:0; }	/* reset CSS */


/*   GENERAL BODY STUFF   */
body
{
	font-family : Century Gothic;
	font-size : medium;
	margin-left:1%;
	margin-right:1%;
}
p
{
	margin-bottom:10px;
}

p.quote
{
	font-style:italic;
}

h2
{
	font-size : 130%;
	color : #8F4F00;
}

h3
{
	font-size : 150%;
	color : #5A005D;
	margin-top:20px;
}

h4
{
	background-color:#9A399E;
	color:White;
	display:inline;
}

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

/*   PAGE TOP SECTION   */
#PageBanner
{
	background:url("images/redGradientDown.jpg");
	background-repeat:repeat-x;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:30px;
	height:270px;	/* Gradient image is 300 pixels high but lowest part is white anyway */
}

#PageBanner #LogoLocation 
{
	padding:100px 0 0 700px;	/* Makes a box to the right for #PagePhrase */
	height:127px;	/* height of the logo - vert padding */
	background:url("images/Logo_Md.gif");
	background-repeat:no-repeat;
}

.PagePhrase
{
	font-size:120%;
	color:White;
	font-weight:bold;
	width:80%;
	text-align:center;
}

#SectionHeader img
{
	float:right;
	padding: 5px 0px 5px 20px;
}

/*   MENU SYSTEM   */
#awmAnchor-menu
{
	height:auto;
	display:block;
}

ol.MenuTopLevel, ol.MenuSubLevel, ol.Separator
{
	background:#BC7826;
	color:Black;
	border:1px solid black;
	padding:2px 10px 6px 10px;
	font-size:110%;
	height:15px;
	vertical-align:middle;
	text-align:center;
	display:inline-block;
}

ol .MenuSubLevel
{
	display:none;
}

ol .Separator
{ 
	height:2px;
	width:70%;
}

/*   PAGE BOTTOM FOOTER   */
.Footer
{
	width:95%;
	text-align:center;
	font-size:60%;
}


/*   NEWS ARTICLES WIDGET   */
.ArticleList
{
	border:2px solid #5A005D;
	padding:10px;
}

.ArticleList .Headline
{
	font-size:medium;
	font-weight:bold;
	font-variant:small-caps;
	margin-bottom:5px;
}

.ArticleList .ArticleBrief
{
	font-size:small;
	font-style:italic;
}

.subhead
{
	font-size:70%;
	font-style:italic;
	margin-bottom:15px;
}

/*    "OUR SERVICES" SECTION   */
.ServiceDescription
{
	font-weight : bold;
	margin-bottom : 20px;
}


/*  TWO-COLUMN LAYOUT (USE ONE OR THE OTHER - NOT BOTH)  */
.colLeft
{
	float:left;
	width:20%;
	padding-right:2%;
}

.colRight
{
	float:right;
	width:30%;
	padding-left:2%;
}

.widget, .TwitterClient
{
	border: 1px solid #8F4F00;
	padding:10px;
}

.widget ul li
{
	font-size:70%;
	font-weight:bolder;
}

.widget ul li .termName
{
	background-color:#410043;
	color:white;
}

/*  TWITTER CLIENT  */
.TwitterClient
{
	height:300px;
}

.TwitterClient #Title
{
	font-weight:bold;
}

.TwitterClient .Tweet
{
	font-style:italic;
}


/*  WORD DEFINITION  */
div.Definition
{
	margin-bottom:10px;
}

span.WordToDefine
{
	font-family:Courier New;
	font-weight:bold;
	color:#410043
}

#SectionHeader span.WordToDefine
{
	font-size:x-large;
}

span.WordDefinition
{
	font-style:italic;
	font-weight:bolder;
}


/*  MAIN CONTENT SECTION(S)  */
.ContentSection
{
	padding-bottom:15px;
}

.ContentSection img
{
	padding: 10px;
	float : left;
}

#ContentSection1
{}

#ContentSection2
{}

#ContentSection3
{
}


/*  "PROJECTS WE'VE WORKED ON" SECTION  */
.ProjectType
{
	float:left;
	width:75px;
	height:75px;
	padding: 0 10px 10px 0;
	display:block;
}

.ProjectDescription
{
	font-size:80%;
	font-style:italic;
	display:block;
	height:75px;
	padding: 0 0 10px 10px;
}

/*   Web Dev Page   */  /* Should adapt these pages to templates at some point */
.contentPageTemplate2 #image2
{
	float:right;
}