@media all {

/*User Selectable Styles*/
.Heading1, H1   		{color:#003261; font-size: 2.5em; font-family: 'Droid Serif', Georgia, serif; letter-spacing: -0.01em; font-weight:normal; line-height:100%; margin-bottom:1.0em; margin-top:1.0em;}
.Heading2, H2 			{color:#3b6193; font-size:1.25em;  font-weight:bold; margin-top:0.9em; margin-bottom:0.9em;}
h2.notop			{color:#3b6193; font-size:1.25em;  font-weight:bold; margin-top:0.0em; margin-bottom:0.9em;}
.Heading3, H3   		{color:#003261; font-size:1.1em; font-weight:bold; margin-top:1.0em; margin-bottom:1.0em;}
.Heading4, H4   		{color:#804040; font-size:1.00em;  font-weight:bold; margin-top:1.0em; margin-bottom:1.0em;}
.Heading5, H5   		{color:#003261; font-size:0.92em;  font-weight:normal; margin-bottom:0.0em;}
.caption			{color:#9999a0; font-family:"Trebuchet MS", Tahoma;}
.special			{color:#804040;}
.intro                          {font-family: 'Droid Serif', Georgia, serif; font-size:1.12em; line-height: 1.4em;}
.red 				{color:#ff0000;}


body                            {color: #283043; background-color:#f0f0f0; font-family: 'Open Sans', sans-serif; font-size:0.9em; font-weight: normal; line-height: 140%;}

/* colour values only for layout areas */
#strapline                      {color:#ffffff;}
#mainarea			{background-color:#ffffff;}
#colLeft			{}	
#colRight			{line-height:1.3em;}
#buybtn				{width: 120px; height: 28px; background:#3b6193 url(../images/btnbuy.gif)}
#buybtn:hover			{width: 120px; height: 28px; background:#3b6193 url(../images/btnbuyOv.gif)}
input.buy1			{background:#3b6193 url(../images/btnbuyOv.gif)}

#footer				{background-color: #3b6193;}
#footer	a			{color: #f0f0f0;}
#footer	a:hover			{color: #ffc010; text-decoration:none;}

#bar1				{background-color: #7d9ed4;}
#bar2				{background-color: #003261;}
#bar3				{background-color: #3b6193;}

.box1                           {border: solid 7px #003261; padding: 11px;}

button				{background-color: #3b6193; font-family:inherit; font-weight:bold; color:#fff; padding:4px 10px 4px 10px; border:0; margin-top:10px;}
button:hover		{color:#ffc010;;}
#details			{font-size:1em}

/*Misc Styles*/
a				{color:#3366e0; text-decoration:none;}
A:hover				{color:#4076f0; text-decoration:underline;}
UL				{list-style-type:none; }
UL.list                         {margin-left:2px; list-style:inside square;}
/*li				{list-style-type:none; }*/

/*Top Drop Down Menu Color Selection Styles */

/* All Level Styles*/
#topdropmenu			{}	
#topdropmenu a			{}
#topdropmenu a:hover	        {}

/* Level 0 Styles */
#topdropmenu UL UL.L0		{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
#topdropmenu a.L0hc		{color:#ffffff;}  /* level 0 item with children properties. defines background color and bullet image */
#topdropmenu a.L0nc		{color:#ffffff; } /* level 0 item with no children properties. defines background color*/
	
#topdropmenu a.L0hc:hover	{color:#ffc010;} /* hover effect for level 0 with children */
#topdropmenu a.L0nc:hover	{color:#ffc010;} /* hover effect for level 0 with no children */

	
/* Level 1 Styles */
#topdropmenu UL UL.L1		{border:0px solid red;}
#topdropmenu a.L1hc		{color:#000000; background:#d8dDfA url(../images/menu-bullet.gif) right center no-repeat;}
#topdropmenu a.L1nc		{color:#000000; background:#F4F6fc}
	
#topdropmenu a.L1hc:hover	{color:#ffffff; background:#7d9ed4; url(../images/menu-bullet.gif) right center no-repeat;}	
#topdropmenu a.L1nc:hover	{color:#ffffff; background:#7d9ed4;}

/* Level 2 Styles */
#topdropmenu UL UL.L2		{border:1px solid black;}
#topdropmenu a.L2hc		{color:#000000; background:#d8d8d8 url(../../../images/rtArwLtBlue.gif) right center no-repeat;}
#topdropmenu a.L2nc		{color:#000000; background:#d8d8d8;}
	
#topdropmenu a.L2hc:hover	{color:#000000; background:#ffffff url(../../../images/rtArwLtBlue.gif) right center no-repeat;}	
#topdropmenu a.L2nc:hover	{color:#000000; background:#ffffff;}	
	
/* end top menu bar*/

}

@media screen and (max-device-width: 480px) {
H1				{font-size:1.8em; line-height:110%;}
H5				{font-size:1.2em;}
body				{font-size:250%;}
#structure			{}
#buybtn				{width: 268px; height: 70px; background:#3b6193 url(../images/btnbuyM.gif)}
#buybtn:hover			{width: 268px; height: 70px; background:#3b6193 url(../images/btnbuyOvM.gif)}
#menubtn			{border:solid 1px #7d9ed4; background:#003261 url(../images/menu.gif) right center no-repeat; }
#topdropmenu li			{background-color: #3b6193; border: solid 1px #7d9ed4;}	
#topdropmenu a.L1nc		{color:#ffffff; background:#6d8ec4;}
#topdropmenu a.L1nc:hover	{color:#000000; background:#f4f6fc;}
#topdropmenu ul ul li		{border: solid 1px #f4f6fc;}
}