/*****************************/
/*   Author: Brian Ascani    */
/*****************************/
/*****************************/
/* 1. Site Wide.             */
/* 2. Div Structure.         */
/* 3. Navigation.            */
/* 4. Sub Navigation         */
/* 5. Bottom Navigation      */
/* 6. Sylabus Navigation     */
/* 7. Lists                  */
/* 8. Links                  */
/* 9. Definition Lists       */
/* 10. Headers               */
/* 11. Paragraphs            */
/* 12. Tables                */
/* 13. Forms                 */
/* 14. Images                */
/* 15. Classes               */
/*****************************/

/*****************************/
/*      1. Site Wide         */
/*****************************/
body {
	background-color: #D7D7D7;
	/*background-color: #333333;*/
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

/*****************************/
/*     2. Div Structure      */
/*****************************/
div#wrapper {
	background-color: transparent;
	color: #000000;
	margin: 0px auto;
	text-align: left;
	width: 800px;
	/*border: 1px solid #000;
		if header image rectangular
	*/
}
div#header {
	background-color: transparent;
	background: url(../images/header/brian/brianRoundedD7.jpg) no-repeat;
	color: #000000;
	height: 200px;
	width: 800px;
	margin-top: 10px;
}
div#outer {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0px;
	color: #000000;
}
div#inner {
	background-color: transparent;
	margin: 0px;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
div#left {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 124px;	
}
div#content {
	border-left: 1px dashed #CCCCCC;
	margin-left: 150px;
	width: 549px;
  	background-color: #fff;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
div#footer {
	background-color: transparent;
	background: url(../images/header/brian/footerFF800x100.png) no-repeat;
	color: #000000;
	clear: left;
	height: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 20px;
	text-align: center;
}

/*****************************/
/*      3. Navigation        */
/*****************************/
div#navigation {
	background-color: #0A65BF;
	width: 800px;
}
div#navigation ul {
	border-left: 1px solid #FFFFFF;
	padding: 4px 4px;
	margin: 0px auto;
	background-color: #0A65BF;
	color: #FFF;
	width: 60%;
		/* For Geneva, Arial font: */
		/* width: 65%; */
}
div#navigation ul li {
	display: inline;
	margin-left: -4px;
	padding: 0px;
}
div#navigation ul li a {
	background-color: #0A65BF;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	border-right: 1px solid #FFF;
	padding: 0.16em 1em;
		/* For Geneva, Arial font: */
		/* padding: 0.2em 1em; */
}
div#navigation ul li a:link {
	color: #FFFFFF
}
div#navigation ul li a:visited {
	color: #FFFFFF;
}
div#navigation ul li a:hover {
	background-color: #0081FF;
	color: #FFF;
}
div#navigation ul li a:active, a:focus {
	background-color: #0081FF;
	color: #FFFFFF;
}

/*****************************/
/*    4. Sub Navigation      */
/*****************************/
div#left ul#leftNavlist {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-top: 5px;
}
div#left ul#leftNavlist li {
	margin: 0px;
	padding: 0px;
}
div#left ul#leftNavlist li a {
	color: #000;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	font-weight: normal;
	padding-left: 15px;
	padding: 0.15em 1em;
	text-align: left;
	text-decoration: none;
}
div#left ul#leftNavlist li a:link {
	color: #000;
}
div#left ul#leftNavlist li a:visited {
	color: #000;
}
div#left ul#leftNavlist li a:hover {
	color: #0000FF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(http://css.maxdesign.com.au/listamatic/images/list-on.gif) left center no-repeat;
}
div#left ul#leftNavlist li a:active, div#left ul#leftNavlist li a:focus {
	color: #000;
}
div#left ul#leftNavlist li a#current {
	color: #0000FF;
	background: transparent url(http://css.maxdesign.com.au/listamatic/images/list-on.gif) left center no-repeat;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/*****************************/
/* 	 5. Bottom Navigation    */
/*****************************/
div#footer ul#bottomNavlist {
	margin-bottom: 10px;
}
div#footer ul#bottomNavlist li {
	display: inline;
	margin: 0px 5px;
}

/*****************************/
/*   6. Sylabus Navigation   */
/*****************************/
div#content ul#sylabusNav {
	margin: 0 auto;
	margin-bottom: 20px;
}
div#content ul#sylabusNav li {
	display: inline;
	margin: 0px 2px;
}
div#content ul#sylabusNav li a#sylabusCurrent {
	background-color: transparent;
	color: #FF66CC;
}

/*****************************/
/*        7. Lists           */
/*****************************/
ul, ol, dl {
	padding-top: 5px;
	padding-bottom: 5px;
}
li {
	padding-bottom: 2px;
	list-style-type: none;
}
ul li ul {
	padding-left: 10px;
}
div#content ul.listPictures {
	margin: auto;
}
div#content ul.listPictures li {
	display: inline;
}
div#content ol.listSyllabus {
	padding-left: 25px;
}
div#content ol.listSyllabus li {
	list-style-type: upper-roman;
}
div#content ol.listSyllabus li ul li {
	list-style-type: none;
	padding: 5px 10px;
}

/*     Site Map List     */
div#content ul.siteMap {
	margin-left: 50px;
}

div#content ul.siteMap li {
	list-style-type: disc;
}
div#content ul.siteMap li ul {
	margin-left: 15px;
}
div#content ul.siteMap li ul li {
	list-style-type: circle;
}

/*****************************/
/*        8. Links           */
/*****************************/
a {
	background-color: transparent;
	color:  #00A8F9;
	text-decoration: none;
}
a:link {
	background-color: transparent;
	color: #00A8F9;
}
a:visited {
	background-color: transparent;
	color: #00A8F9;
}
a:hover {
	background-color: transparent;
	color: #FF66CC;
}
a:active, a:focus {
	background-color: transparent;
	color: #FF66CC;
}

/*****************************/
/*    9. Definition Lists    */
/*****************************/
dt {
	font-weight: normal;
	padding-bottom: 1px;
}
dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

/*****************************/
/*      10. Headers          */
/*****************************/
h1, h2, h3, h4, h5, h6 {
	text-transform: capitalize;
	font-weight: normal;
	font-variant: normal;
}
h1 {
	font-size: 12px;
	text-indent: -9999px;
}
div#content h2 {
	/*color: #0000FF;*/
	color: #000099;
	font-size: 24px;
	margin-bottom: 15px;
}
div#content h3 {
	background-color: #CECECE;
	color: #0066CC;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 1px;
	padding-left: 5px;
	padding-bottom: 1px;
}
div#content h4 {
	color: #0000FF;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#content h5 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#content h6 {
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}
div#left h2 {
	color: #000099;
	background-color: #CCCCCC;
	margin-top: 3px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	/*padding: 0px;
		to align left navigation
	*/
}
div#left h3 {
	color: #999999;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}

/*****************************/
/*     11. Paragraphs        */
/*****************************/
div#content p {
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
}

blockquote {
	font-size: 15px;
	padding: 10px 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 115px;
	margin-right: 115px;
	text-align: center;
	font-weight: bold;
	border: 3px double #CCC;
}
div#content p#sylabusFooter {
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;
}
div#content p.newsTime {
	margin-bottom: 0px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}
div#content p.newsTimeHeader {
	margin-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 16px;
}
div#content p#pictureDescription {
	margin-top: 0px;
}


div#content p.siteTime {
	margin-bottom: 0px;
	margin-top: 20px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}

div.news {
padding: 15px 40px;
margin-top: -15px;
margin-bottom: 30px;
}
div.spacer {
margin-bottom: 40px;
}

/*****************************/
/*       12. Tables          */
/*****************************/
table {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border: 3px double #CCC;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
}
tr {
	margin-top: 10px;
}
td {
	margin: 5px;
	padding: 5px;
	border: 3px double #CCC;
	vertical-align: middle;
}
caption {
	font-size: 18px;
	margin-left: -10px;
	margin-bottom: -5px;
	padding: 5px;
	text-align: left;
}
table.tableResume {
clear: right;
}
table.tableResume th {
	border: none;
	text-align: left;
}
table.tableResume td {
	border: none;
	vertical-align: baseline;
}
table.tableResume caption {
text-indent: -9999px;
}

/*****************************/
/*       13. Forms           */
/*****************************/
form {
	padding: 15px 0px;
}
label {
	display: block;
	margin-top: 15px;
}
legend {
	margin-left: 5px;
	font-weight: bold;
}
fieldset {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
}
textarea {
	display: block;
	margin-bottom: 5px;
}
input, textarea, select, label {
margin-left: 10px;
}
form#urls {
	float: right;
	margin: 0px;
	padding: 0px;
		/*Padding is to take away from the main form padding.*/
}
form#urls fieldset {
	border: 1px solid #CCCCCC;
	margin: 0px;
}
form#urls label {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 15px;
}
form#urls legend {
	font-size: 14px;
	margin-left: 5px;
}
form#urls input {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/*****************************/
/*       14. Images          */
/*****************************/
div#content img {
	border: 2px solid #0000FF;
}
div#content ul.listPictures img {
	margin: 2px 0px;
}
div#content ul.listPictures li a:link img {
	border: 2px solid #0000FF;
}
div#content ul.listPictures li a:visited img {
	border: 2px solid #0000FF;
}
div#content ul.listPictures li a:hover img {
	border: 2px solid #000000;
}
div#content img.imageFloat {
	float: right;
}

/*****************************/
/*      15. Classes          */
/*****************************/
.clearRightFloat {
	clear: right;
}