/*CSS for ian ridpath oil painter/web designer website - other pages-new*/

/*Fonts Note 2.0em = 28pt, 1.6em = 20pt, 1.2em = 16pt, large=1.0em=14pt, mid=0.8em = 12pt,small=0.6em = 10pt */

	h1
	{font-family: "monotype corsiva";font-size: 1.8em;font-weight:bold;color:red;text-align: center;
	}
	
	h2
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#0066ff;text-align:center;
	}

	h3
	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;font-weight:bold;color:#0066FF;text-align: center;
	}
	
	p.largemonotyperedcednter
	{font-family: "monotype corsiva"; font-size: 1.8em; font-weight:bold;color: red;text-align: center
	}

	p.largeblackboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:black;text-align: center;
	}

	p.largeredboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:red;text-align:center;
	}

	p.largeblueboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#0066ff;text-align:center;
	}

	p.midblackbold
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:black;
	}
	
	p.midblackboldcenter
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:black;text-align:center;
	}
	p.midredbold
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:red;
	}

	p.midblacknormal
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:black;
	}

	p.midblacknormalcenter
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:black; text-align:center;
	}

	p.midrednormal
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:red;
	}

	p.smallblacknormal
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:black;
	}

	p.smallrednormal
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:red;
	}

  select.artists-form-background /*background of artists form fields*/
  {
  background-color: #eeffee; /*light-green*/
  }  

  select.select-background /*background of form fields*/
  {
  background-color: #ffffee; /*light-yellow*/
  }	

  textarea.text-background /*background of from text area fields*/
  {
 	background-color: #ffffee; /*light-yellow*/
  }

  input.input-background /*background of form input fields*/
  {
  background-color: #ffffee; /*light-yellow*/
  }

  .progress
  {
     width: 1px;
     height: 14px;
     color: white;
     font-size: 12px;
     overflow: hidden;
     background-color: navy;
     padding-left: 5px;
  }

  .space
  {
	padding-top:0.7em;/*normal space*/
	padding-bottom:0.7em;
  }

  .space-ad /*special space extra to take into account no Google ads on a page*/
  {
	padding-top:0.74em;
	padding-bottom:0.74em;
  }

  .space-ad-minus /*special space minus to take into account no Google ads on a page*/
  {
	padding-top:0.68em;
	padding-bottom:0.68em;
  }

  .space-ad2 /*special spacing to take into account Google ads on Gallery pages*/
  {
	padding-top:0.85em;
	padding-bottom:0.85em;
  }

  body
  {
	background: #ffffff; /*this is the background colour for the page and should match the adcontainer background colour*/
  }

a:link {text-decoration:none;color:#337eff}	/*mid-blue*/
a:visited {text-decoration:none;color:#337eff}	/*mid-blue*/
a:hover{text-decoration:none;color:#ff9900}			/*orange*/

/*DIV ids for index page*/

#container
{
  width:100%;
}

img.c0 {border:0}


div.line1 hr {
	display:none
	}

div.line1 {
	margin: 0 auto; 
	height:6px;
	width:90%;
	background:#3399ff no-repeat scroll center;		/*mid-blue*/
}


#adcontainer
{
	float:left;
	margin-left:5.5%;
  width: 87%;
	text-align:center;
	background-color: #ffffff; /*this is the background colour for the adcontainer and should match the page background colour*/
}

#outer-no-ad
{
 	margin-left:5.5%;
  width: 87%;
}

#inner-no-ad
{
	margin-left:0.5%;
  width: 99%;
	text-align:center;
	background-color: #ffffff; /*this is the background colour for the adcontainer and should match the page background colour*/
}

#outerheaderbox
{
	float:left;
	margin-left:1%;
  width: 95%;
	background-color: #3399ff; /* mid-blue*/
}

#innerheaderbox
{
	margin: 0pt auto;
	width: 99%;
	background-color: #3399ff; /* mid-blue*/
}

#headerimage
{
 	display: block;
 	margin-left: auto;
  margin-right: auto;
	width:99%;
	height:9em;
	white-space:nowrap;
}
#headerimagetext1 /*first header text*/
{
	padding-left:180px;
	padding-top:25px;	
	font-size: 2.4em;
	font-family: "monotype corsiva";
	font-weight:bold;
	color:#00ff00;
	float:left; 
  	position: relative;
	top:25px;
}


#headerimagetext2 /* Second header text*/ 
{
	padding-left:15px;
	padding-top:25px;

	font-size: 2.4em;
	font-family: "monotype corsiva";
	font-weight:bold;
	color:#ffff00;
	float:left; 
  	position: relative;
	top:25px;
}

#outermainbox1 /*this is the mainbox DIV for the one column pages*/
{
	margin: 0pt auto;
	width: 70%; 
	text-align: center; 
	background-color: #ffffff; /* #3399ff - mid-blue*/
}

#innermainbox1 /*this is the mainbox DIV for the one column pages*/
{
	margin: 0pt auto; 
	width: 98%; 
	text-align: center; 
	background-color: #dddddd; /*#e8f4fe - light-blue*/
}

#outermiddlebox
{
	margin: 0pt auto; 
	width: 80%; 
	text-align: center; 
	background-color: #3399ff; /* #3399ff - mid-blue*/
}

#innermiddlebox
{
	margin: 0pt auto; 
	width: 98%; 
	text-align: center; 
	background-color: #e8f4fe; /*light-blue*/
}

#outerlastbox
{
	margin: 0pt auto;
	text-align: center; 
	width: 80%; 
	background-color: #dddddd;/*#3399ff - mid-blue*/
}

#innerlastbox
{
	margin: 0pt auto;
	text-align: center; 
	width: 98%; 
	background-color: #ffffff; /#ffffee - light-yellow*/
}

#outerfooterbox
{
	float:left;
	margin-left:1%;
	width: 95%; 
	text-align: center; 
	background-color: #ffffff;/*#3399ff -mid-blue*/
}

#innerfooterbox
{
	margin: 0pt auto;
	width: 99%;
	background-color: #dddddd; /#ffffee - light-yellow*/
}

//*Colored Tabs based on Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */

.multicolortabs
{
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: transparent;

}

.multicolortabs ul
{
	font: bold 0.8em Arial, Verdana, sans-serif;
	margin-left: 1.5%; 		/*offset of first tab relative to page left edge*/
	padding: 0;
	list-style: none;
}

.multicolortabs li
{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}


.multicolortabs a
{
	float: left;
	color: white;
	background: #3399ff url(http://www.ianridpath.ca/web/images/roundleft.gif) no-repeat left top; /*left corner image*/
	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}

.multicolortabs a span
{
	float: left;
	display: block;
	background: transparent url(http://www.ianridpath.ca/web/images/roundright.gif) no-repeat right top; /*right corner image*/
	padding: 7px 9px 3px 6px;
	cursor: pointer;
}

.multicolortabs a span
{
	float: none;
}

.multicolortabs li.selected a
{
	background-color: #3366ff; 	/*background color of selected tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.selected a:hover 
{
	background-color: #000000; 	/*background color of selected tab on Mosueover*/
	color: white;			/*tab text color*/
}

.multicolortabs li.home a,.multicolortabs li.contact a
{
	background-color: #cc9933; 	/*background color of Home and Contact tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.home a:hover,.multicolortabs li.contact a:hover
{
	background-color: #775747; 	/*background color of Home and Contact tab on Mouseover*/
	color: white;			/*tab text color*/
}

.multicolortabs li.first a
{
	background-color: #33cc33; 	/*background color of first menu item tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.first a:hover
{
	background-color: #009900; 	/*background color of first menu tab on Mouseover*/
	color: white;			/*tab text color*/
}

.multicolortabs li.second a
{
	background-color: #ff6699; 	/*background color of second menu tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.second a:hover
{
	background-color: #ff2244; 	/*background color of second menu tab on Mouseover*/
	color: white;			/*tab text color*/
}

.multicolortabs li.third a
{
	background-color: #6699ff; 	/*background color of third menu tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.third a:hover
{
	background-color: #3366ff; 	/*background color of third menu tab on Mouseover*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fourth a
{
	background-color: #c7d400; 	/*background color of fourth menu tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fourth a:hover
{
	background-color: #998833; 	/*background color of fourth menu tab on Mouseover*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fifth a
{
	background-color: #aa6699; 	/*background color of fifth menu tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fifth a:hover
{
	background-color: #990099; 	/*background color of fifth menu tab on Mouseover*/
	color: white;		/*tab text color*/
}

.multicolortabs li.sixth a
{
	background-color: #ff9966; 	/*background color of sixth menu tab*/
	color: white;			/*tab text color*/
}

.multicolortabs li.sixth a:hover
{
	background-color: #ff6633; 	/*background color of sixth menu tab on Mouseover*/
	color: white;		/*tab text color*/
}

.multicolortabs a:hover span
{
	background-color: transparent;
}

.multicolordivider			/*horizontal line.*/
{ 
	clear: both;
	padding: 0;
	width: 100%;
	height: 1px;
	line-height: 5px;
	background: #3366ff; /*background color of horizontal line*/
}