/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-two-column
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 90%;
	position: relative;
}

#content-main-two-column
{
	width: 50%;
	float: left;
}

#content-side-two-column
{
	float: left;
	width: 160px;
	margin-left: 35px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN (Left Align)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-two-column2
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 90%;
	position: relative;
}

#content-main-two-column2
{
	width: 70%;
	margin-left: 35px;
	float: left;
}

#content-side-two-column2
{
	float: left;
	width: 200px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-three-column
{
	margin-top: 3px;
	margin: 0 auto;
	padding: 15px;
	width: 100%;
	position: relative;
}

#content-main-three-column
{
	width: 550px;
	float: left;
	margin-left: 35px;
	text-align: left;
}

#content-side2-three-column
{
	float: left;
	margin-left: 35px;
	width: 150px;
}

#content-side1-three-column
{
	float: left;
	text-align: left;
	width: 200px;
}


/* 0 BASIC TAGS */

table
{
	font-size: 1em;
}

h1, h2, h3, h4
{
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


hr
{
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}

a
{
	text-decoration: none;
	color: #000066;
}

a:visited
{
	text-decoration: none;
	color: #000066;
}

a:hover
{
	text-decoration: underline;
	color: Red;
}

a:active
{
	text-decoration: none;
	color: #E6CD84;
}

body
{
	background-color: White;
}

.webcontent
{
	
	background-color: #efefef;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	text-align: center;
	margin: 0 auto;
	width: 1000px;
}


form
{
	display: inline;
}

td, th, p
{
	font: 10pt verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

textarea
{
	font: 10pt verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

img
{
	border-width: 0;
}


/* 1 HEADER */

.header
{
	background: #000066;
	color: #FFFFFF;
	position: relative;
	width: 100%;
	height: 76px;
	margin: 0 auto 5px auto;
}

h1
{
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2
{
	position: absolute;
	left: 37px;
	top: 45px;
	font-size: 11px;
}

.menua
{
	position: absolute;
	right: 37px;
	top: 13px;
	text-transform: uppercase;
	font-size: 10px;
}

.nav
{
	position: absolute;
	right: 37px;
	top: 51px;
	text-transform: uppercase;
	font-size: 10px;
}

.menua a:visited, .nav a:visited
{
	color: #ffffff;
}

.menua a:hover, .nav a:hover
{
	color: #ffffff;
}

.menua a:active, .nav a:active
{
	color: #ffffff;
}

.menua a, .nav a
{
	color: #ffffff;
}

.clock
{
	text-align:left;
	font-size: 11px;
	color: #000066;
	text-transform: uppercase;
	padding-left:5px;
	width:500px;
   
}

.temp 
{
	text-align: left;
	font-size: 11px;
	color: #000066;
	text-transform: uppercase;
	padding-left: 5px;
}

.logo
{
	float: left;
	margin-left: 15px;
	margin-top: 12px;
}

/* ---------- Sub Header ------------------*/

#subheader
{
	width: 100%;
	background-color: Silver;
	margin-top: -5px;
	height: 33px;
}

#themeslist
{
	float: right;
	padding: 6px 6px 6px 6px;
}

.themesddl
{
	color: #000066;
	font-size: 11px;
	text-transform: uppercase;
}
.themelabel
{
	color: #000066;
	font-size: 11px;
	text-transform: uppercase;
	text-align:right;
}


/* LIST */
li, ul
{
	list-style-type: square;
	color: #000066;
}

/* 1.1 SHIM */

.shim
{
	display: none;
}

.spacer
{
	height: 10px;
}



/* 2 PAGE */

.page, #page
{
	/*background-color:#C2B280;*/
	background-color: #efefef;
	color: #000000;
}

#sidebar
{
	float: left;
	width: 214px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#content
{
	margin-left: 250px;
	width: 500px;
}

h3
{
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4
{
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}

/* 3 FOOTER */

.footerbg
{
	background: #000066;
	background-color: #000066;
	color: #FFFFFF;
	width: auto;
	height: 60px;
	text-align: center;
	clear: both; /* Wierd Mozilla thing */
}

.footer
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 770px;
	height: 50px;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}

.menub
{
	margin: 8px auto 2px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited
{
	color: #FFFFFF;
}

.menub a:hover
{
	color: #FFFFFF;
}

.menub a:active
{
	color: #FFFFFF;
}

.menub a
{
	color: #FFFFFF;
}

/* Form Items */

.textfield
{
	border: 1px solid #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

/* Login View */

#login
{
	text-align: left;
}
.login .label
{
	display: block;
}

.login .textbox
{
	border: 1px solid #000000;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button
{
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
}

/* Project Content */
.projectcontent
{
	width: 500px;
	text-align: left;
	float: left;
	margin-top: -15px;
}



/***********      ERRORS      ***************/
.errorMsg
{
	color: Red;
	text-align: left;
	margin-left: 4px;
	list-style-type: none;
	list-style-image: none;
	line-height: 1.75em;
}
.errorMsgList
{
	color: Red;
	text-align: left;
	margin-left: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-type: none;
	list-style-image: none;
	line-height: 1.75em;
}

.errorMsgList
{
	color: Red;
	text-align: left;
	margin-left: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-type: none;
	list-style-image: none;
	line-height: 1.75em;
}

/**********  Button  ***************/


.button
{
	font-family: verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	font-size: 10px;
	padding: 1pt 1pt 1pt 1pt;
	background-color: #000066;
	color: White;
	border: solid 1pt #415173;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px;
}



/***********   Read Only / No Edit  ***************/

.ReadOnly, .ReadOnlyRight
{
	background-color: #eaeeee; /* #d9dddd; */
	cursor: default;
}
.NoEdit, .NoEditRight
{
	background-color: #eeeef0;
	cursor: default;
}


/***********   Info Boxes  ***************/


.info, .infobox
{
	border: solid 1px #08246B;
	background-color: #ffffcc;
	padding: 5px 4px 5px 4px;
	margin-bottom: 5px;
}
.box
{
	border: solid 1px #08246B;
	background-color: #eeeeee;
	padding: 5px 4px 5px 4px;
}


/***********   Null Panel   ***************/
.nullpanel
{
	padding: 10px;
	width: auto;
	text-align: center;
}




/***********  TaGs  ***************/

.tagcloud
{
	color: #ffffff;
}

.resume
{
	width: 500px;
	text-align: left;
}

#resume h4, #links h4
{
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo
{
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first
{
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: -20px;
}

#resume .job
{
	font-weight: bold;
	color: DimGray;
}



/************ Panels ***************/

.panel
{
	background: #EFEFEF;
	color: #000000;
	padding: 10px;
	border: outset 2px;
}
.panelsurround
{
	background: #808080;
	color: #000000;
}


/***********  Edit Content  ***************/

.editcontent
{
	margin-top: 60px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 200px;
	margin-right: 205px;
	z-index: 100;
}

.dotted_border
{
	border: dotted 4px #000066;
}

/***********  Charts  ***************/

.chartbutton
{
	font-family: verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 10px;
	font-weight: 500;
	color: #000066;
	padding: 2px;
}
.charttitle
{
	font-family: verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color: #000066;
	font-size: 20px;
	padding: 10px;
}