/* ===================================== aboutme Stylesheet ========================================== */

/* ====================================== basic structure =========================================== */

body {
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:center;
	padding:0;
}

.container {
	position:relative;
	/*the next bit is a positioning hack for ie*/
	margin: auto;
	/*the next bit is a hack for i.e. in windows xp*/
	width:982px;
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:left;
}
.heading {
    cursor: pointer;
	float:left;
	width:922px;
	padding: 0px 30px 0px 30px;
	border: 1px solid blue;
}

#header {
	width:982px;
	height:110px;
    border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background:url('images/notae_header_right.jpg') no-repeat;
}
#headertxt {
	padding: 24px 0 0 85px;
}

#content {
	border-left:1px solid #FA9600;
	border-right:1px solid #FA9600;
	width:982px;
	background-color:#FFFFFF;
}

.content {
	border-left:1px solid #FA9600;
	border-right:1px solid #FA9600;
	width:982px;
	background-color:#FFFFFF;
}

.contentheader {
	width:922px;
	margin: 0px 30px 0px 30px;
	border: 1px solid white;
}
.profilecontentheader {
	float: right;
	width:114px;
	height:142px;
	margin: 30px 30px 0px 0px;
/*	background:url('images/SimonEaton.jpg') no-repeat;*/
/*	border: 1px solid #FA9600;*/
}

.homecontentheader {
	width:980px;
	height:168px;
	margin: 0px 0px 0px 0px;
	background:url('images/notae_cube.jpg') no-repeat;
	border: 1px solid #FF9900;
}

.column {
	float:left;
	width:922px;
	margin: 0 30px 0 30px;
}

.column1 {
	float:left;
	width:890px;
	margin: 0 0 0 30px;
}

.profilecolumn {
	float:left;
	width:890px;
	margin: 0 45px 30px 45px;
}


.columnleft {
	float:left;
	width:305px;
	margin: 0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

.columnmiddle {
	float:left;
	width:306px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#columnright {
	float:right;
	width:305px;
	margin: 0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
}

#footer {
	width:984px;
	height:35px;
	background:url('images/notae_page_bottom.jpg') no-repeat;
	font-family:Verdana;
	font-weight:lighter;
	font-size:9px;
	color:#FFF;
}

#footer-left {
	float:left;
	margin:10px 0 0 35px;
}

#footer-middle {
	float:left;
	margin:10px 110px 0 0;
}

#footer-right {
	float:right;
	margin:10px 35px 0 118px;
}

#footer a {
	text-decoration:none;
	font-family:Verdana;
	font-weight:lighter;
	font-size:9px;
	color:#FFF;
}
#footer a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
	}

/* navigation =========================================================================== */


#nav {
	width:984px;
	height:33px;
	background:url('images/notae_navbar.jpg') no-repeat;
	padding-left:75px; padding-right:0; padding-top:0; padding-bottom:0;
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#nav ul li a {
	display:block;
	float:left;
	text-decoration:none;
	font-family:Verdana;
	font-size:12px;
	color:#FFF;         
	height:15px;
	margin:0;
	padding:9px 10px;
}

#nav ul li a:hover, .selected {
	background:#FF7800;
    font-weight:bold; 
}


/* text styles =========================================================================== */


h1 {
	font-family:Verdana;
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	color:#999999;
}

h1 span {
	font-size:26px;
	font-weight:light;
	font-style:italic;
	color:#FF9900;
}

h2 {
	font-family:Verdana;
	font-size:20px;
	font-weight:lighter;
	color:#FFF;
}

h3 {
	font-family:Verdana;
	font-size:16px;
	line-height:20px;
	font-weight:lighter;
	color:#FF9900;
}

h3 span {

	padding:0 0 0 50px;
}

h4 {
	font-family:Verdana;
	font-size:14px;
	line-height:20px;
	font-weight:lighter;
	color:#FF9900;

}

h4 span {

	padding:0 0 0 50px;
}

h5 {
	font-family:Verdana;
	font-size:17px;
	font-weight:lighter;
	color:#FF9900;
}

h5 span {

	padding:0 0 0 50px;
}

p {
	font-family:Verdana;
	font-size:12px;
	line-height:17px;
	color:#999999;
}

p span {
      text-align:right; 
      color:blue;	  
}

ul {

}

li {
	list-style:disc;
	font-family:Verdana;
	font-size:12px;
	line-height:17px;
	color:#999999;
}

#list2 ul li {
	list-style:circle;
	font-family:Verdana;
	font-size:12px;
	line-height:17px;
	margin: 0px 0px 0px 50px;
	color:#999999;
}

a {
	text-decoration:none;
	color:#FF7800;
}

a:hover {
	    text-decoration:underline;
		color:#FF9900;
}
/* table  & Form styles =================================================================== */

table 	  {
	     float: left;
		 width: 902px;
         border-collapse: collapse;
         margin: 0px 0px 30px 45px;
      	 }

.profiletable 	  {
	     float: left;
		 width: 400px;
         border-collapse: collapse;
         margin: 0px 0px 15px 55px;
      	 }		 
		 
td, th   {
	  vertical-align:top;
	  text-align:left;
	  font-family:Verdana;
	  font-size:12px;
	  line-height:20px;
	  color:#999999;
	  padding:2px 2px 2px 2px;
      }

th 	{ 
	background-color:#FF9900;
	color:#FFFFFF;
}

.submit  {
        border: 0px solid gray;
	    text-align:center;
}

.center  {
	  text-align:center;
}
.no_border {
         background-color: #FFFFFF;

         border-collapse: collapse;
	     text-align:left;
	     color: #999999;
}

.buttons    {
         background-color: #FF9900;
         color: #FFFFFF;
}

.inputfont  {
	  text-align:left;
	  font-family:Verdana;
	  color: #999999;
}
	